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

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

html {min-height: 100%;}

body {font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #336699; text-align:center; background:#273EA2 url('images/bg.jpg') repeat-x 0 0;}

td, th {font-family: Arial;	color: #333333;}

table {font-family: Arial;	font-size: 100%; color: #333333; background:#FFFFFF;} 

a {color: #3366CC; text-decoration: none;}
a:hover {text-decoration: underline;}

/* header tag styles */
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:150%; font-weight:bold; color:#336699;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:125%; font-weight:bold; color:#336699;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:113%; font-weight:bold; color:#336699;}
h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%; color:#336699; margin-bottom:0; padding-bottom:0;}
h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:105%; color:#336699;}
h6 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:103%; color:#336699;}

marquee {font-weight: bold;}

form {background-color: #CCCC99;}
input.big {width: 100px;}
input.small {width: 50px;}
/*-----------------------------------------------------------------------------------------------------------------*/
#main {width:985px; background-color:#FFFFFF; text-align:left;}

#index {width:873px; background-color:#FFFFFF; text-align:left;}

#unilink {color:#3366CC; padding:3px 5px; border-bottom: 1px groove #C0C0C0; text-align:right; font-size:80%;}

/* breadcrumb */
#breadcrumb {position:relative; clear:both; padding:3px 5px; border-bottom: 1px groove #C0C0C0; font-size:80%; color:#3366CC;}
#breadcrumb a {color:#3366CC; text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}

/* article */
#article {padding:3px 10px; font-size:80%;}
#article h2 {color:#192666; text-decoration:underline;}
#article h5{text-align:right; font-style:italic;}
#article th{color:#ffffff; text-align:center; background-color:#000099;}
#crs_table {padding: 5px; border: 1px solid #808080;}

/* sidebar */	
#navbar {background-color:#f8f8f1; border-right:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid; width: 150px;}
#nav {font-family: Arial, Helvetica, sans-serif; font-size:80%; font-weight: bold; text-decoration:none; text-align:left; padding-left: 5px; padding-top: 3px;}
#navlink {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:80%; text-decoration:none; padding-left: 5px;}
#navlink a {text-decoration:none;}
#navlink a:hover {text-decoration:underline;}

/* sidebar */
#sidebar {border:1px solid #E6E6E6; padding:5px; font-size:80%; background-color:#F8F8E8; }
#sidebar h5 {padding-bottom: 0.1em; text-transform:none; color: #5d8848; letter-spacing:0em;}
#sidebar ul {padding-right: 0em; padding-left: 0em; padding-bottom: 0em; margin: 0em; padding-top: 0.3em}
#sidebar li {border-right: #e6e6e6 1px solid;  border-top: #e6e6e6 1px solid; border-bottom: #e6e6e6 1px solid; list-style-type:none; 
	border-left: #e6e6e6 1px solid; padding-left: 10px; padding-right: 10px;  padding-bottom: 0.5em; padding-top: 0.5em; 
	margin: 0px 0px 0.5em; background: #fffff1;}
	
#topcell {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; top: 5px; background:#000000; text-align:right}
#topcell a {font-size: 1em; color: #ffffff; text-decoration:none;}
#topcell a:hover {font-size: 1em; color: #ffffff; text-decoration:underline;}

td.outer {border:1px solid #E6E6E6; text-align:center; background-color:#B7CEFF;}
td.inner {text-align:center; color:#FFFFFF; background-color:#0099cc;}

.footer {font-size: 72%; font-weight: bold; margin-top: 0; margin-bottom: 0; color: #ffffff; background:#273EA2;}
.footer a {font-size: 1em; color: #ffffff; text-decoration:none;}
.footer a:hover {font-size: 1em; color: #CC6600; text-decoration:underline}

.box1 {border-color: #CCCCCC #333333 #333333 #CCCCCC; border-width: medium; border-style: ridge;}

.note {font-size: 83%}

.dingbat {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #006666; font-weight: bolder; font-size: medium;}

.op {color: #990000;}

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

.art {border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #F6F6F6;}
.art a:hover {text-decoration: none;}

.dividerline {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 7px; PADDING-TOP: 0px; BORDER-BOTTOM: #b4cbe2 1px solid;}

div.hol {background-color: yellow;}

#staff_table {border: 1px solid #9CC2FC; padding: 5px;}

.global_story {color: #336699; border-right: 1px solid #9CC2FC; border-top: 1px solid #9CC2FC; border-left: 1px solid #9CC2FC; border-bottom: 1px solid #9CC2FC;}