body {
	/* font: 80% Verdana, Arial, Helvetica, sans-serif; */
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
	background-color: #ffffff;
	background-image: url(../images/background_gradient.png);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1 { font-size: 32px; color: #3583a6;}
/* h1:first-letter { color: #000000; } */
h2 { font-size: 14px; color: #3583a6;}
h3 { font-size: 13px; color: #3583a6;}

.title { font-size: 14px; color: #3583a6; font-weight:bold;}

hr {color: #3583a6; margin-top:20px; margin-bottom:20px; }

div#container {
	width: 1000px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/* background: #FFFFFF; */
	/* background-image: url(../images/TIW_Boxes980w.jpg); */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #eee8c5;
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:1;
	
}

div#wrapper { 
/* background-color:#FFFFFF; */
}

div#header {
height: 220px; width: 1000px;
background-color:#FFFFFF;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

div#headerleft {
float: left;
width: 130px;
height: 200px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom:0px;
}

div#headerright {
float: right;
width: 150px;
height: 200px;
margin-top: 00px;
margin-bottom:00px;

}


div#topnav {
height: 25px; width: 730px;
background-color:#fbacbb;
margin-left:0px;
margin-top:0px;
padding: 0 0px 0 250px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.boxheading {
font-size: 16px;
font-weight:bold;
margin-bottom:7px;
margin-top:7px;
}

div#mainContent {
	
	padding: 0px 25px 0px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/* background: #eeeeee; */
	margin-left: 0px;
	margin-top:0px;
	overflow:auto;
	/* background-image: url(../images/background-content.jpg); */
	
}

div#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#3583a6;
}

div#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #ffffff;
}


a, a:visited {font-family: Arial, Helvetica, sans-serif; color: #3583a6; text-decoration: underline; font-weight:bold; font-size:13px;}
a:hover {font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; font-weight:bold;font-size:13px;}

a.navlarge, a.navlarge:visited  {font-family: Arial, Helvetica, sans-serif; color: #3583a6; text-decoration: underline; line-height:24px; font-size:15px;}
a.navlarge:hover {font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline;  font-size:15px;}
a:navlarge:first-letter { color: #ffa227; } 

a.calloutlink, a.calloutlink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #113485; text-decoration: underline}
a.calloutlink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline}

#footer a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: underline; font-weight:bold;}
#footer a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; font-weight:bold;}

div#calloutbox {
	border-style:solid;
	border-width:1px;
	border-color:#3583a6;
	background-color:#eeeeee;

	font-weight:bold;
	margin-top:25px;
	margin-left:25px;
	margin-right:0px;
	margin-bottom:25px;
	font-size:12px;
	float:right;
	width:250px;
	color:#000000;
	padding:15px;

}


div#leftnav {
	border-style:solid;
	border-width:0px;
	border-color:#113485;
	/* background-color:#ffffff; */
	/* background-image: url(../images/background-content.jpg); */

	font-weight:bold;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:25px;
	font-size:12px;
	float:left;
	width:200px;
	color:#000000;
	padding:10px 5px 5px 10px;
	overflow:auto;

}

div#leftnav ul {
	margin-left:0px;
	padding-left:5px;
	margin-top:0px;
	
}

#leftnav { text-align: left; width: 190px; padding: 0; }
#leftnav li { display: block; margin: 0; padding: 0px; font-weight: bold; list-style:none;}
/* #leftnav li a { font: bold 150% "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 2px 0; } */
#leftnav li a { color: #005f89; font: bold; font-size: 16px; font-family: "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 2px 0; }
#leftnav li a:hover { color: #000000; font: bold; font-size: 16px; font-family: "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 2px 0; }
/* #leftnav li a:first-letter { color: #555555; } */

#leftnav li ul li { display: block; margin: 0; padding: 0px 0px 0px 5px; font-weight: bold; list-style:none; }
/* #leftnav li a { font: bold 150% "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 2px 0; } */
#leftnav li ul li a { color: #005f89; font: bold; font-size: 13px; font-family: "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 2px 0; }
#leftnav li ul li a:hover { color: #000000; font: bold; font-size: 13px; font-family: "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 2px 0; }
/* #leftnav li ul li a:first-letter { color: #005f89; } */

div#rightnav {
	border-style:solid;
	border-width:0px;
	border-color:#113485;
	/* background-color:#ffffff; */
	/* background-image: url(../images/background-content.jpg); */

	font-weight:bold;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:25px;
	font-size:12px;
	float:right;
	width: 200px;
	color:#000000;
	padding:10px 5px 5px 10px;
	overflow:auto;

}
div#rightnav ul {
	margin-left:0px;
	padding-left:25px;
	margin-top:0px;
	
}

div#rightnav li {
	list-style:disc; 
	list-style-position: outside;
}



.smalltext {
font-size: 11px;
}

.bluetext {
	color: #3583a6;
	font-weight: bold;
}
.darkbluetext {
	color: #005f89;
	font-weight: bold;
}

.pinktext {
	color: #fbacbb;
	font-weight: bold;
}

.redtext {
	color: #cd0100;
	font-weight: bold;
}

.midtext {
font-size: 15px;	
}

.largetext {
font-size: 20px;	
}
.blacktitle { font-size: 14px; color: #000000; font-weight:bold; }

.date-font	{ color: #000000; font: 11px verdana, arial, sans-serif; font-weight: bold }


div#bottomcalloutbox {

	border-style:solid;
	border-width:1px;
	border-color:#3583a6;
	background-color:#eeeeee;

	font-weight:bold;
	margin-top:25px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:25px;
	font-size:12px;
	color:#000000;
	padding:15px;
}

div#bottomlinks {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:20px;
	margin-right:0px;
	padding: 0px 0px 0px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/* background:#FFFFFF; */
}
#bottomlinks a {display:inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #005d87; text-decoration: underline; font-weight:bold;}
#bottomlinks a:hover {display:inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-weight:bold;}