@import url("default.css");

html {height: 100%;}

body {
background-color: #535353;
background: url(../images/css_back1.gif);
margin: 0px;
padding: 0px;
min-height: 100%;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;}

form {margin: 0px;padding: 0px;}

a {color: #2C73A7;text-decoration: none;}
a:hover {color: #E68200;text-decoration: underline;}

.h3-red {font-size:15px; font-weight:bold; color:#FF0000;}
.h3-blue {font-size:15px; font-weight:bold; color: #0066CC;}
.h3-dark-green {font-size:15px; font-weight:bold; color: #003300;}
.h3-green {font-size:15px; font-weight:bold; color: #006600;}
.h3-orange {font-size:15px; font-weight:bold; color: #FF9900;}
.h3-navy {font-size:15px; font-weight:bold; color: #0000FF;}
.h3-title {font-size:20px; font-weight:bold; color:#0099ff;}
.h3-brown {font-size:15px; font-weight:bold; color: #996600;}
.h3-black {font-size:15px; font-weight:bold; color: #000000;}
.h3-white {font-size:15px; font-weight:bold; color: #ffffff;}
.h3-gray {font-size:15px; font-weight:bold; color: #666666;}
.clear-both {clear: both;}
.justify {text-align:justify}

/* ----- LAYOUT --------------- */
#container { 
    background: url(../images/css_back.gif) repeat-y;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
    min-height: 100%;
	}
	
#top {
	width: 768px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
	margin-top:0;
	background: url(../images/crain-top.gif) no-repeat right;
	text-align:left;
	position: relative;
	height:70px;
	border:0px;font-weight:bold;
	}

#top-in-name {
	float:left;
	width:300px;
	color: #006633;
	font-size:28px;
	margin:30px 0 0 119px;
	text-align:left;
	position:absolute;
	left: -16px;
	}
	
#top-in-slogan {
	float:left;
	width:266px;
	color: #FF0000;
	font-size:20px;
	text-align:left;font-weight:bold;
	}

#right-space { 
	width:768px;
	height:100%;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
	margin-top:0;
	background: url(../images/crain-bottom.gif) no-repeat right top;}


#container-in {
	width: 655px;
	padding:10px 0 10px 0;
	margin:0 0 0 50px;
	text-align: left;
	border:1px #67AADD solid;}		
		
#header {height:40px;}

#logo {
	float: left;
	height:86px;
	width:75px;
	position:absolute;
	top:26px;
	background: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position:0px;
	left:34px;
	visibility: visible;
}

#search {
float: right;
width: 592px;
margin: 10px 10px 0 0;
text-align: right;
}

#head-login {
margin-top: 10px;
}

#banner {width:640px;height:200px;margin:auto}
#banner-page {width:640px;
margin:auto}

#menu-left {width:175px;
text-align:center;
margin-top:20px;
border-right:1px solid #eeeeee;
float:left}

#menu-left-in {width:165px;
text-align:left;
margin:20px 5px 20px 0}

#path {
margin-top:10px;
padding: 2px;
background: #EEEEEE;
font-size: 11px;
padding-right: 10px;
text-align: right;

}

#title {
background: #F3F3F3;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 17px;
font-weight: bold;
border-bottom: 1px #B1B1B1 dotted;
color: #519CD2;
background: url(../images/title.gif);
background-repeat: no-repeat;
background-position: 0px 5px;}

#main-description {
  background: #EEEEEE;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CACACA;}

#footer {
	width:372px;
	margin:0 0 0 61px;
	color:#2C73A7;
	padding:10px 0 0 0;}

.footer-buildings {position:relative; right:11px; top:-140px;
float:right; width:273px; height:139px;}


#menu {
	height: 30px;
	border-bottom: 1px solid #B1B1B1;
	margin-bottom: 10px;
    background: #FFFFFF;
    padding-top: 4px;}
	
#read-more {padding:2px 15px 2px 2px; background: #eeeeee}

		
/* ----- INDEX------- */

#index-main {
	float: right;
	width: 435px;
	padding:10px;
    margin-top: 20px;
	margin-right:10px;
	border:1px solid #CCCCCC;
}

#index-right {
	float: right;
	width: 232px;
    margin-top: 20px;
    background: #F8F8F8;
    height: 250px;
}


.index-links {
  height: 200px;
  border-top: 1px dotted #CECECE;
  margin-top: 20px;
}

.index-welcome img {
  margin-bottom: 5px;
}

.index-welcome div {
text-align:justify;
}

.index-what-new {
  padding: 10px;
}


.index-div-links1 {
  float: left;
  width: 216px;
  margin-top: 10px;
}

.index-div-links {
  float: left;
  width: 216px;
border-left: solid #D4D4D4 1px;
    margin-top: 10px;
	}

.project-links1 {
  float: left;
  width: 216px;
  margin-top: 10px;
  border-right: solid #D4D4D4 1px;
  text-align:left;
}

.project-links {
  float: left;
  width: 216px;
  margin-top: 10px;
}

.project-links1 ul li{
text-align:left;
}

.project-links ul li{
text-align:left;
}

.index-div-links2 {
background: #F3F3F3;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
font-size: 17px;
font-weight: bold;
border-bottom: 1px #B1B1B1 dotted;
color: #519CD2;
background: url(../images/title.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}

.index-div-links3 {
padding-left: 10px;
text-align:left;
}

.index-div-links3 ul {
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 10px;
}

.index-div-links3 li {
padding-bottom: 5px;
text-align:left;
}

.index-div-links3 ul li {
text-align:left;
}



/*REGISTER - EDIT */

.account-title {
padding: 10px;
  background: #E1E1E1;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bolder;
}

.reg-css h3 {
width: 140px;
font-size: 12px;
margin: 0px;
padding-left: 10px;
}

.reg-css td {
border: 1px #D7D7D7 solid;
padding: 2px;

}

.reg-css input {
width: 200px;
border: 1px #C3C3C3 solid;
margin: 3px;
padding: 4px;

}

/*----Date---*/
.date { font-size:12px; padding-left:12px; color:#999999; font-weight:normal}
.date2 { font-size:12px; color:#999999; font-weight:normal}