* {
padding: 0;
margin: 0;
} 

body {
margin:0;
padding: 0;
background: #707F80;
color: #444;
font: 12px sans-serif;
line-height: 20px;
background-image:url(../images/banner.jpg)
}

img {border: none;}
a{ color: #173D7F; text-decoration: none; }
a:hover {  color: #000; }

#content {
width: 760px;
margin: 1px auto;
margin-top: 5px;
padding: 10px;
background: #fff;
}

#header {
background: url(../images/header.jpg) no-repeat;
height: 120px;
width: auto
}
#header h1 { 
font-size: 22px;
letter-spacing: -1px;
padding: 15px 0 0 0px;
color: #fff;
}
#header h1 a { 
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #ccc;
}
#header h2 {
font-size: 16px;
color: #ccc;
padding: 0 0 0 5px;
}

#navigation {
background: #111 repeat-x;
height: 30px;
line-height: 30px;
margin: 0px auto;
}
#navigation li {
float:left;
list-style-type:none;
border-right:1px solid #444;
}
#navigation li a {
display:block;
padding:0 20px;
text-decoration:none;
color: #fff;
letter-spacing:1px;
}
#navigation li a:hover {
background: #333 url(images/menuover.gif) repeat-x;
color:#fff;
text-decoration:none;
}

#unavigation {
background: #111 repeat-x;
border: #dddddd solid 2px;

height: 25px;
margin: 10px auto;
}
#unavigation li {
float:left;
list-style-type:none;
border-right:1px solid #444;
}
#unavigation li a {
display:block;
padding:0 20px;
text-decoration:none;
color: #fff;
letter-spacing:1px;
}
#unavigation li a:hover {
background: #333 url(images/menuover.gif) repeat-x;
color:#fff;
text-decoration:none;
}
#csci {
float: right;
width: 150px;
padding: 10px;
margin-right: 20px;
}
.left {
float: left;
width: 675px;
padding: 10px;
line-height: 14px;
font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
}
.left h2 {
margin-top: 10px;
font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;
padding: 5px 0 5px 5px; 	
border-bottom: 1px dotted #999;
}
.left ul  {
color: #999;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 20px;
text-decoration: none;	
list-style-type:square;	
}
.left ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.left ul a {
font-weight: 600;
color: #173D7F;
}
.left ul a:hover { color : #333; }

.right { 
float: right;
width: 700px;
padding: 10px;
margin-right: 20px;
}
.right h2 {
padding: 2px 0 5px 0px; 
font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
color: #444;	
border-bottom: 1px dotted #999;
margin-bottom: 5px;
margin-top: 10px;
}
#frontpagenotice { 
background: #C0C0C0;
color: #585858;
margin-top:20px;
height: 145px;
line-height: 30px;
text-align: center;
}
#loginnotice { 
background: #C0C0C0;
color: #585858;
margin-top:20px;
height: 80px;
line-height: 20px;
text-align: left;
}
#loginnotice1 { 
background: #C0C0C0;
color: #585858;
margin-top:20px;
height: 500px;
line-height: 30px;
text-align: center;
}
#login { 
margin-top:20px;
height: 114px;
line-height: 20px;
text-align: right;
}

#footer { 
background: #222;
color: #eee;
margin-top:20px;
height: 30px;
line-height: 30px;
text-align: center;
}
#footer a {  color: #aaa; text-decoration: none; }
#footer  a:hover { color: #777; }
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
	
#overlay img{ border: none; }
#overlay{ background-image: url(images/overlay.png); }
#overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

#sidebar {
	float: middle;
	width: 750px;
	margin: 0 0 0px 0; padding: 0;
	background-color: inherit;	
}
#sidebar h1 {
	padding: 8px 0px 3px 25px;
	background: url(square_arrow.gif) no-repeat 0% .7em;
	text-transform: none;	
	color: #339900;
}

#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 20px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display: block;
	font-weight: bold;
	color: #333;
	text-decoration:none;	
	padding: 2px 5px 2px 4px;
	background: #f2f2f2;
	border-left: 5px solid #CCC;	
	
	min-height: 18px;	
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:5px solid #72A545;
}

input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #EAEAEA;
	padding: 2px 3px; 
	background: #CCC url(buttonbg.gif) repeat-x left bottom; 
	color: #333;/* color: #339900; */
}

#sidebar #search {
	background: #f2f2f2;
	margin: 0 15px;
	padding: 5px 0;	
}
#sidebar #search img {
	vertical-align: bottom;
}
#sidebar #search .textbox {
	background: #FFF url(input.png) no-repeat top left; 
	border: 1px solid #EAEAEA;
	font-size: 11px;
	padding: 3px;	
	width: 80px;
}

.bodycontent {
padding: 15px;
line-height: 20px;
background-color: #f5f5f5;
font-size: 13px;
}

.bodycontent a {
color: #666666;
text-decoration: none;
}

.bodycontent a:hover {
color: #ff0000;
text-decoration: underline;
}

.bodytitle {
height: 15px;
margin-bottom: 3px;
padding: 2px 0 2px 3px;
font-weight: bold;
background-repeat: repeat-x;
color: #000000;
background-color: #f5f5f5;
border: #dddddd solid 1px;
border-top: 0px;
}

.bodytitle  a
{
color: #666666;
text-decoration: 
none;
}

.bodytitle  a:hover
{
color: #ff0000;
text-decoration: none;
}

.newstitle {
height: 14px;
margin-bottom: 5px;
padding: 4px 0 11px 5px;
font-weight: bold;
background-repeat: repeat-x;
color: #111111;
background-color: #f5f5f5;
border: #dddddd solid 2px;
border-top: 0px;

}

.newstitle  a
{
color: #666666;
text-decoration: 
none;
}

.newstitle  a:hover
{
color: #ff0000;
text-decoration: none;
}

.textinput { 
color: #C9C9C9; 
border: 1px solid; 
border-top-color: #abadb3; 
border-bottom-color: #e3e9ef; 
border-left-color: #e2e3ea; 
border-right-color: #dbdfe6; 
padding: 2px; 
}
.textinput:hover, .textinput:focus { 
color: #000; 
border: 1px solid; 
border-top-color: #5794bf; 
border-bottom-color: #c7e2f1; 
border-left-color: #c5daed; 
border-right-color: #b7d5ea; 
padding: 2px;  
}

.button {
color: #C9C9C9;
border: 2px double;
border-top-color: #abadb3;
border-bottom-color: #e3e9ef;
border-left-color: #e2e3ea;
border-right-color: #dbdfe6;
padding: 6px;
margin: 3px;
}