/* CSS Document */
/* NORMALIZE Cross browser rendering inconsistencies
--------------------------------------------------------*/
html, body, form, fieldset{ margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h4, h5, h6, p, pre, ul, ol, dl, address{ margin: 5px;padding: 0; }
li, dd, blockquote{ margin-left: 3em; }
form label{ cursor: pointer; }
fieldset{ border: none; }
textarea{font-size:12px;width:100%; font-family:Arial, Helvetica, sans-serif; padding:3px;height:100px;}
/* End Normalization */
body {
	margin: 0px;
	padding: 0;
	background: url(../images/bkg.gif) repeat-x;
	font-family: Arial, Helvetica, sans serif;
	font-size: 14px;
	color: #000000;
}

h1 {font-size:24px;
	color: #00357A;
	margin: 5px 12px 15px 12px;
	}

h2 { font-size:18px;
	color: #00357A;
	margin: 5px 12px 15px 12px;}

h3 { }

h4 { }

p {font-size:14px;
	margin-top: 10px;
	padding: 5px;
	}

a {color:#60A8FE;}
a:hover {text-decoration: underline;}

img.button {color:#FFFFFF; border:none;}
img.button a {color:#FFFFFF;}
img.button p {padding-bottom: 20px; text-align:center;}

#wrapper {
width: 950px;
padding: 5px;
margin: 0 auto;
height: auto;
text-align: left;

}
#header {
margin: 0px;
padding: 0px;
height: 135px;
width: auto;
}

#header.logo {
width: 355px;
padding: 0px;
float: left;
}
#header.logo h1 {
text-indent: -5000px;
background:url(../images/CITlogo.png) no-repeat;
height: 115px;
}

#container {
padding: 0px;
margin: 10px 0px 0px 0px;
height: auto;
width: auto;
}
#left {
margin: 0px 0px;
width: 245px;
padding:0px 5px 0px 0px;
float: left;
background: url(../images/grad-big-bkg.gif) no-repeat;
}

#left a {color:#89AE29;}
#left a:hover {text-decoration:underline;}

#center {
height: auto;
margin: 0px 20px;
width: 245px;
padding:0px 5px;
float: left;
background: url(../images/grad-big-bkg.gif) no-repeat;
}

#maincontent {
height: auto;
margin: 0px 20px;
width: 650px;
padding:0px 5px;
float: left;
}

#right {
padding:0px 10px;
height: auto;
width: 230px;
float: left;
margin: 0px;
}
#content {
margin: 10px 0px 0px 0px;
text-align: center;
padding: 15px 0px 15px 0px;
}


#login {
background: url(../images/grad-sm-bkg.gif) no-repeat;
}

.formItem label {
float:left;
margin-rignt: 1em;
text-align:right;
width: 143px;
color: #003979;
font-size: 13px;
}

.small {font-size:12px;}

.inputBox2 {
margin: 0px 10px 5px 15px;
display: inline;}

#login h3 {
color: #003979;
font-size: 12px;
text-align:left;
padding: 0px 5px 0px 10px;
display:inline;}

#login h1 {
font-size:22px;
font-weight:300;
padding-top:10px;
}

#forms {
/*background: url(../images/grad-sm-bkg.gif) no-repeat;*/
}

#forms h3 {
color: #003979;
font-size: 12px;
padding: 0px 5px 0px 10px;
display:inline;}

#forms .label {
text-align:right;
width:125px;
}

#forms h1 {
font-size:22px;
font-weight:300;
padding-top:10px;
}

#links {
background: url(../images/grad-sm-bkg.gif) no-repeat;
}

#links h1 {
font-size:22px;
font-weight:300;
padding-top:10px;
}

#links li {
list-style-type: none;
background: url(../images/list-item.gif) left no-repeat;
margin: 5px 0px 5px 15px;
padding-left: 15px;
}

#links li a {
color:#63B1D8;

}

#links li a:hover {
text-decoration:underline;
}

caption {
	/* color: #9ba9b4; */
	font-size:.94em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
	}

tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	text-align:left;
	background-color: #E7EFFF;
	}
td {
	/* color:#678197; */
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}				
th {
	font-weight:normal;
	/* color: #678197; */
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	/* color:#66a3d3 */
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}


 .clear {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}

.error {
color:#CC0000
}

.headerbar {
background: url(../images/bkg.gif) repeat-x;
color:#FFFFFF;
font-weight:bold;
}

#footer {
border-top:#000000 6px solid;
margin: 10px 0px 0px 0px;
text-align: center;
padding: 15px 0px 15px 0px;
}

#footer.nav {
font-size:12px;
color:#525252;
}

#footer.nav ul li a{
display:inline;
margin: 0px;
padding: 10px 0px;
}

#footer.nav ul li a:hover{
text-decoration:underline;
}

#footer p {
font-size: 11px;
color: #7D7D7D;
margin: 0px auto 0px auto;
padding: 0px;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #999;
text-decoration: none;
}