/* style.css */
body {
	font: 100%/1.4 Helvetica, Arial, sans-serif;
	background: #99CCFF;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
img {border: 0;}
a img {border: 0;}

a:link {
	color:#414958;
	text-decoration: underline;
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

a[href $=".doc"] {  
	padding-right: 20px;
   	background: transparent url(images/msword.gif) no-repeat center right;
}
a[href $=".pdf"] {  
	padding-right: 20px;
   	background: transparent url(images/pdf.gif) no-repeat center right;
}

/* navigation tabs */
#tabnav {
	background-color: #86D6D7; float: right; width: 100%; line-height: normal; margin: 0; 
}
#tabnav ul {
    margin: 0; padding: 10px; list-style-type: none;
}
#tabnav li {
    margin: 0; padding-bottom: 0; padding-top: 0; padding-right: 0; padding-left: 5px; background-color: #86D6D7; float: left;
}
#tabnav a {
    padding-right: 5px; padding-bottom: 4px; padding-top: 5px; padding-left: 5px; font-weight: bold; color: #FFF; background-color: #86D6D7; display: block; text-decoration: none; float: left;
}
#tabnav a:hover {
	color: rgb(68, 102, 187); border: 1px solid rgb(68, 102, 187);
}
#tabnav #current {
	background-color: #FFF;
}
#tabnav #current a {
	background-color: #FFF; padding-bottom: 5px; color: red;
}

#subnav {
	/*font-size: 100%; */ float: left; width: 100%; line-height: normal; margin: 0;
}
#subnav ul {
    margin: 0; padding-right: 10px; padding-left: 10px; padding-bottom: 0; padding-top: 10px; list-style-type: none; float: center;
}
#subnav li {
    padding: 0; float: left; margin: 0; 
}
#subnav a {
    padding-right: 5px; display: block; padding-left: 5px; padding-right: 5px; font-weight: bold; color: black; padding-bottom: 4px; padding-top: 5px; text-decoration: none; float: left;
}
#subnav a:hover {
	color: blue; border: 1px solid #99CCFF;
}
#subnav #currentsub {
	color: #69A8B1;
}
#subnav #currentsub a {
	padding-bottom: 5px; color: #69A8B1;
}

a:link {color: #0033FF}
a:hover {color: #009900}
a:visited {color: #660099}
a:active {color: #FF0000}
li {color: #0033FF;}
.list {list-style-type: disc;}
.listtext {color:#000;}
hr {color: #0033FF; background-position: center;}
.whatsnew {list-style:none; font-size:smaller;}

.text {margin-top: 20px; margin-right: 100px; margin-bottom: 20px; margin-left: 100px}
.photos {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.pageheader {font-weight: bold; background-color: rgb(68, 102, 187); color: #FFF; border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); padding: 8px 0 8px 10px; /* width:100%; */}
.sectionheader {font-weight: bold; color: rgb(68, 102, 187); padding: 2px;	border-bottom: 1px solid rgb(68, 102, 187);}

.marbletbl {background-image:url(images/marble.png); width:50%;}
.marbletbl th, table .bkg {
	border-left: 1px solid rgb(0, 0, 0); 
	border-right: 1px solid rgb(0, 0, 0); 
	border-bottom: 1px solid rgb(0, 0, 0); 
	padding: 2px 5px 5px; 
	background-color: rgb(68, 102, 187);
	color: #FFF;
}
.landingtbl {width: 90%;}

/* containers/columns for the layout */
#container {
	width: 80%;
	max-width: 1260px;
	min-width: 780px;
	background: #FFF;
	margin: 0 auto;
}

#header {
	background: #DDDEE2; 
	background-image:url(images/headerbkg1260x200.jpg);
	background-position: 50% 50%;
	width:100%;
	/* padding: 10px; */
}
#content {
	padding:0 10px 0 10px;	/* padding: 10px; */
	width: 98%;
	float: left;
}

#content ul, #content ol { 
	padding: 0 15px 15px 40px;
}

#footer {
	padding: 10px 0;
	background: #CCC;
	position: relative;
	clear: both; 
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}