body{
margin:0;
font: 76% arial,sans-serif;
}

 .rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/* -------------- 1. HEADER --------------- */
#header{

height: 107px;
padding: 0px 0 0 0;
background: #4a6b9c;
cursor:pointer;
 border: solid 0px #000;
}

#header h1{
width: 400px;
height: 107px;
line-height: 107px;
margin: 0px 0 0 0;
/*color: #fff;*/
background: #4a6b9c url('images/ban.gif') no-repeat top left;
font-size: 160%;
text-indent: -1000em;
}

#header p {
float: right;
margin: -27px 10px 0 0;
padding-left:5px;
color: white;
font-size: 90%;
}

/* ----- Crain Site specific ------------*/
.craintable
{
	 margin:0 auto;
	 width:90%;
}
.craintable td
{
	height:150px;
	width:25%;
	/* background: #D4DDED;*/
	cursor:pointer;
}

.sitetitle
{
	text-align:center;
	font-weight:bold;
	font-size:110%;
	height:30px;
	border:solid 0px green;
}
.rdiv
{
	background: #D4DDED;
	text-align:center;
	height:170px;
	padding:10px;
}
#fade1
{
	padding:10px;
	background: #D4DDED;
	/*font-weight:bold;*/
	font-size:120%;
	z-index:100;
}

/* ------------------- LAYOUT ------------------- */
#container{
width: 995px;
margin: 0;
text-align: left;

}

/* ------------- 4. CONTENT ---------------- */
#content{
background-color:#9FB1D6;
margin:0;
 border: solid 0px #f00;
 padding:15px;
}
/* ------------- 6. FOOTER ---------------- */
#footer
{
	color:#fff;
	 border: solid 0px #000;
	background-color:#4a6b9c;
	text-align:center;	

    font-size:12px;
    padding:10px;
    z-index:0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#ccccee;
font-size: 100%;
}
#footer a:hover{
text-decoration:underline;
color:white;
font-size: 100%;
}
/*html>#footer {position: fixed;}*/

/* ------------- H ---------------- */
/*h1{
width: 400px;
height: 35px;
line-height: 35px;
margin: 0 0 0 0;
font-size: 160%;
}*/
h2 {
margin: 10px 0;
font-weight:bold;
color: #2B3E7D;
font-size: 130%;
}
h3 {
font-weight: bold;
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
color: #7b94c6;
margin:4px 0 0 0 ;
}
h4 {
font-size: 90%;
margin: 0;
font-weight:bold;
color: #4a6b9c;
/*border: solid 1px red;*/
}

/* ------------- LINKS & BUTTONS ---------------- */

a:link, a:visited{
text-decoration:none;
color:#0000cc;
font-size: 100%;
}
a:hover{
text-decoration:underline;
color:Black;
font-size: 100%;
}
a.years:link, a.years:visited{
text-decoration:none;
font-weight:bold;
color:#006BD6;
font-size: 120%;
}
a.years:hover{
text-decoration:underline;
font-weight:bold;
color:Black;
font-size: 120%;
}
a.news:link, a.news:visited{
text-decoration:underline;
color:#0000cc;
font-size: 100%;
}
a.news:hover{
text-decoration:none;
color:red;
font-size: 100%;
}

.button{
background-color: #c2dce8;	
border: solid 1px #398cad;
}