/**********************************************/
/* ITI Website's Index Style Page                   */
/**********************************************/

/**********************************************/
/* HTML Tags                                  */
/**********************************************/

html {min-height: 100%;
	background:#D6E7F6 url(../images/bg.gif) repeat-x top}

body {
	font-family: Arial, sans-serif;
	font-size: 75%;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
}
#main {
	width:873px;
	background:#ffffff;
	text-align: left;
}
#header {background:#cdd9e5 url('images/bg.jpg') repeat-x 0 0;}

#topcell {font-family: Helvetica, sans-serif; font-size: 12px; color: #ffffff; top: 5px; background:#D6E7F6 url(../images/bg.gif) repeat-x top; text-align:right}
#topcell a {font-size: 1em; color: #ffffff; text-decoration:none;}
#topcell a:hover {font-size: 1em; color: #ffffff; text-decoration:underline;}

#unilink {position: absolute; top: 3%; right: 20px; width: 170px; height: 36px; margin: 0; color: #ffffff;}
#unilink a {color: #ffffff; text-decoration: none;}
#unilink a:hover {color: #FFFF00; text-decoration: underline;}

#navBody {
	color: #336699;
	width: 130px;
}
#nav {color: #336699; margin: 0; padding: 0; list-style-type: none; float: left;}

#nav ul {list-style: none; text-decoration: none; margin: 0; padding: 0; width: 130px;}
#nav li {border-bottom: 1px solid #CCC;}
#nav li a {
	font-size: 90%;
	display: block;
	width: 112px;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 12px solid #336699;
	border-right: 1px solid #336699;
	background-color: #9DCFF9;
	color: #000;
	text-decoration: none;
}
#nav li a:hover {
	background-color: #336699;
	color: #FFF;
}
#nav_info_abo {
	font-family:Trebuchet MS;
	font-weight: bold;
	font-size: 90%;
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	border-top: 1px solid #336699;
	border-left: 12px solid #336699;
	border-right: 1px solid #336699;
	background-color: #B51032;
	color: #FFF;
	text-decoration: none;
}
#nav_info_for {
	font-family:Trebuchet MS;
	font-weight: bold;
	font-size: 90%;
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 12px solid #336699;
	border-right: 1px solid #336699;
	background-color: #B51032;
	color: #FFF;
	text-decoration: none;
}
#nav_qui_lin {
	font-family:Trebuchet MS;
	font-weight: bold;
	font-size: 90%;
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 12px solid #336699;
	border-right: 1px solid #336699;
	background-color: #B51032;
	color: #FFF;
	text-decoration: none;
}

#contentBody {background:#ffffff; color: #336699; padding: 5px 5px 5px 0;}
#contentBody a {color: #336699; padding: 0; margin: 0; text-decoration: none;}
#contentBody a:hover {
	color: #B51032;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#contentBody .linktitle{font-weight: bold; font-size: 12px; color: #0E3192; line-height: 15px; text-decoration: underline; 
	font-family:Trebuchet MS; margin-left:0px; margin-right:0px; margin-top:6px; margin-bottom:0px}
#contentBody .linktitle a{font-weight: bold; font-size: 12px; color: #0E3192; line-height: 15px;
	text-decoration: underline; font-family:Trebuchet MS; margin-left:0px; margin-right:0px; margin-top:6px; margin-bottom:0px}
#contentBody .linktitle a:hover{font-weight: bold; font-size: 12px; color: #993333; line-height: 15px;
	text-decoration: underline; font-family:Trebuchet MS; margin-left:0px; margin-right:0px; margin-top:6px; margin-bottom:0px}

#navBody2 {background:#FFFFFF; color: #336699; width: 130px; border-top-width:1px; border-bottom-width:1px; padding: 5px 5px 5px 0;}
#navBody2 a {color: #336699; padding: 0; margin: 0; text-decoration: none;}
#navBody2 a:hover {color: #990000; padding: 0; margin: 0; text-decoration: underline;}

#footer {
	color: #336699;
	text-decoration: none;
	text-align: center;
	font-size: 90%;
	border-top: 2px solid #cc3300;
	background:#D6E7F6;
} 
#footer a {
	color: #336699;
	text-decoration: none;
}
#footer a:hover {color: #B51032; text-decoration: underline}
.current#footer a {color: #DFB300; font-weight: bold}
.current#footer a:hover {color: #000080; text-decoration: underline;}

.stories a {width: 100%; float: left; border: 1px solid #fff !important; display: block; text-decoration: none; color: #336699; background: #fff;}
.stories a:hover {border: 1px solid #6699ff !important; background: #cbe3fe; color: #3366CC; text-decoration: none;}
.stories a img {margin: .2em !important; padding: 2px; background: #fff;}

.clearthis {margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; 
	overflow : hidden; visibility: hidden;}