
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	margin:0px;
}

.copyright {
font-size:x-small;
color:#666666;
}

/*------- UPDATE BOX STYLE --------*/
.updates {
	background-image:url(images/updates.gif);
	background-repeat:no-repeat;
	margin: 2px 10px;
	padding:25px 10px 10px 10px;
	height: 80px;
	width: 605px;
	float: left;
	border: 1px solid #ccc;
}

/*------- COUNTER STYLE --------*/
.counter {
	margin: 25px;
	width: 650px;
	font-size:x-small;
	float: left;
	}

/*------- IMAGE WITH TEXT STYLES --------*/
.img-txt_dumbell {
	font-size:x-small;
	float: left;
	}

/*------- COLORED BOX STYLES --------*/
.box{
	margin: 10px;
	height: 150px;
	width: 132px;
	border: 1px solid #ccc;
	padding: 4px;
	float: left;
	color:#fff;
	font-size:12px;
}

.box p {
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
border-bottom: 1px dotted #fff; 
font-size:16px;
font-weight:400;
padding-bottom:4px;
}

#purple {
	background-color:#B3B3D9;
	background-image:url(images/purple.gif);
	background-repeat:repeat-x;
	}
	
#blue {
	background-color:#A1BBD4;
	background-image:url(images/blue.gif);
	background-repeat:repeat-x;
	}

#teal {
	background-color:#9DCECE;
	background-image:url(images/teal.gif);
	background-repeat:repeat-x;
	}

#grey {
	background-color:#999;
	background-image:url(images/grey.gif);
	background-repeat:repeat-x;
	}

#green {
	background-color:#B3D98C;
	background-image:url(images/green.gif);
	background-repeat:repeat-x;
	}
	
#orange {
	background-color:#DA916C;
	background-image:url(images/orange.gif);
	background-repeat:repeat-x;
	}
	
#yellow {
	background-color:#B3B366;
	background-image:url(images/yellow.gif);
	background-repeat:repeat-x;
	}
	
#brown {
background-color:#BE9C5A;
background-image:url(images/brown.gif);
	background-repeat:repeat-x;
}



/*------- COLORED BOX LINK STYLES --------*/
.box a:link {
text-decoration:none;
color:#FFF;

}

.box a:visited {
text-decoration:none;
color:#FFF;

}
.box a:hover {
text-decoration:underline;
color:#FFF;

}
.box a:active {
text-decoration:underline;
color:#600;

}



/*------- NAVIGATION MENU STYLES --------*/

#nav {
	background-color: #333333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #FFFFFF;
	height: 220px;
	border: 2px inset #CCCCCC;
	border-left-width:1px;
	font-size: 11pt;
	margin-top:1px;
	margin-right:10px;
	width:150px;
}

#nav td {
	border-bottom: 1px #777 dashed;
	padding:0px;
	margin:0px;
}

#nav td a:link {
display: block;
width: 100%;
height:100%;
color:#FFF;
}


#nav td a:visited {
display: block;
width: 100%;
color:#CCCCCC;
}

#nav td a:hover {
display: block;
width: 100%;
background-color:#FFF;
text-decoration:underline;
color:#333333;
}

#nav a:active {
display: block;
width: 100%;
background-color:#FFFFDD;
color:#990000;

}
/*-------- SMALL NAVIGATION -----*/
#navsmall {
	background-color: #555;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #333;
	height: 60px;
	width:150px;
	border: 2px inset #CCC;
	border-left-width:1px;
	font-size: 11pt;
	margin-top:7px;
	margin-right:10px;
}

#navsmall td {
	border-bottom: 1px #ddd dashed;
	padding:0px;
	margin:0px;
}

#navsmall td a:link {
display: block;
width: 100%;
height:100%;
color:#fff;
}


#navsmall td a:visited {
display: block;
width: 100%;
color:#ddd;
}

#navsmall td a:hover {
display: block;
width: 100%;
background-color:rgb(218,236,254);
text-decoration:underline;
color:#000;
}

#navsmall a:active {
display: block;
width: 100%;
background-color:#FFFFDD;
color:#990000;

}

/*---------- INDIVIDUAL PAGE STYLES -----------*/

.pagetext {
	margin: 15px 5px;
	padding:15px 10px 15px 10px;
	width: 700px;
	border: 1px solid #ccc;
}

.pagetext-altcolor {
	margin: 15px 5px;
	padding:15px 10px 15px 10px;
	width: 700px;
	border: 1px solid #ccc;
	background-color:#F5FFFA;
}

.pagetext-highlight {
	margin: 15px 5px;
	padding:15px 10px 15px 10px;
	width: 700px;
	border: 1px solid #ccc;
	background-color:#FFA07A;
}

.inset-chart {
	margin: 5px 5px;
	padding:5px 5px 5px 5px;
	width: 650px;
	border: 1px solid #ccc;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.inset-highlight {
	margin: 15px 5px;
	padding:15px 10px 15px 10px;
	width: 600px;
	border: 3px solid #00008B ;
	background-color:#F5DEB3;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.topbox {
	margin: 15px 5px;
	padding:15px 10px 15px 10px;
	width: 700px;
	border: 1px solid #CCC;
	background-color:#EFEFEF;
}

.callout {
	margin-top: 5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 15px 10px 15px;
	border: 3px double #bbb;
}
