
.side-blue {
background-color: rgb(15,71,146);
color: #ffffff;
text-align: center;
margin-left: 10px;
height: 280px;
margin-top: 48px;
padding: 4px;
}


a {text-decoration:none;}

a:hover {text-decoration:underline;}
.side-blue div, side-blue p ,side-blue a ,side-blue i, side-blue b ,side-blue strong, side-blue span {padding:0px 8px;}

a img {
border: 1px solid silver;
padding: 5px;
margin: 3px;
}

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

.boxes {
background:url('images/box.gif') no-repeat; 
width: 185px;
height: 149px;
padding: 2px;
}

h1 {
font-size: 18px; text-decoration:none
}

a h1 {color:#000; text-decoration:none; }

.title {
	background-image:url('');
	background-color: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	width: 700px;
	height: 120px;
	border-bottom: 1px solid #E9E5E4;
	border-right: 1px solid #E9E5E4;
	border-left: 1px solid #E9E5E4;

}
.body {
	background-image: url('');
	background-color: #FFFFFF;
	background-position: right top;
	background-repeat: no-repeat;
    color: black;
    font-family: 'Helvetica';
    font-size: 10pt;
    width: 620px;
	border-right: 1px solid #E9E5E4;
	height: 100%;
}
.nav {
	background-color: #E9E5E4;
	width: 180px;
	height: 100%;
	color: black;
}
.foot {
	background-color: #E9E5E4;
	background-image: url('');
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 180px;
	height: 100px;
}

body {
	margin: 0px;
}
.Maincontent {
	background-color: #FFFFFF;
	color: #000;
	font-family: Helvetica;
	font-size: 11px;
	width: 800px;
	height: 100%;
	text-align: left;
}

.Maincontent a img {border:0px}

.footer{ background: url(images/botbk.jpg) repeat-x; height:50px;}

.Topbar {
	background-image: url('/images/topbk.jpg');
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	width:800px;
	vertical-align: top;
	padding:0px;
}


.title_top {

font-weight: bold;
text-align: left;
font-size: 20px;
color: #000000;
margin-left: 40px;
font-family: helvetica;
padding-top:20px;
}



.title_top img {float :left;}

#side_menu {
	float: left;
	margin: 5px;
	font-family: Helvetica;
	font-size: 8pt;
}
#side_menu ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.1em;
}	

#side_menu li {
	margin-top: 4px;
	text-align: left;
}

#side_menu li a {
	font-weight: bold;
	padding-left: 4px;
	height: 15px;
	text-decoration:underline;
	color: #000000;
	display: block;
	background: #E9E5E4;
	border-left: 5px solid #000000;
}	

.subpage {background:#659ACE; height:20px; List-style:none; margin:0px;}

.subpage a {color:white; text-decoration:none; padding:5px; font-weight:bold;}



#side_menu li a:hover {
	background: #000000;
	color: #ffffff;
}

#side_menu li span {
 	font-weight: bold;
	padding: 4px;
	height: 15px;
	text-decoration:none;
	color: #000000;
	display: block;
	background: #E9E5E4;
	border-left: 5px solid #000000;
}
.top_links {
float: right;
font-family: Helvetica;
position:relative;
top:30px;
right:10px;

}
.top_links, .top_links a {
font-size: 12px;
padding:5px 0px 5px 0px;
margin-left:0px;

}

.top_links a {
color:#fff; /* need because it will use default link color */
float:left;
padding:5px 0px 5px 8px; /* left 3 px because of left.png image */ 
text-decoration:none;

}

.top_links a span {
display:block;
float:none;
padding:5px 15px 5px 7px;
}

.top_links a span img {
border:none;
margin:5px 0px 5px 0;
}

.top_links a:hover {background: url(images/left_back2.png) no-repeat left center;}

.top_links a:hover span {color:#fff;
background:url(images/right_back.png) no-repeat right center;
}

.top_links a:active span {color:#000;}
.top_links a:active {background: url(images/leftbacka.png) no-repeat left center; padding:5px 0px 5px 8px;}

.top_links a:active span {background:url(images/right_backa.png) no-repeat right center;}
 

.top_links a.selected { color: #000; background: url(images/leftbacka.png) no-repeat left center; padding:5px 0px 5px 8px;}
.top_links a.selected span { color: #000; background:url(images/right_backa.png) no-repeat right center; }

.top_links a.right {
float:right; /* for help button - just add class "right" ->  */
}

.bottom_links, .bottom_links a, .bottom_links span {
font-size: 12px;
color: white;
font-weight: bold;
padding: 5px;
}

.bottom_links {margin-left:35px;}

.bottom, .bottom a, .bottom span {
font-size: 12px;
color: black;
padding: 5px;
padding-top: 5px;
font-weight: bold;

}

#quote {height:100px; padding:0px; margin:0px;}

#qlist{list-style:none; padding-left:10px; margin:0px;}

#qlist li { background:url(/images/qbullet.gif) no-repeat left center; padding-left:20px; margin-top:5px;}

#q {height:97px; width:91px; background:url(images/Q.jpg) no-repeat;}

#person {height:97px; width:91px; background:url(images/person.jpg) no-repeat;}
#person:hover {height:97px; width:91px; background:url(images/person-over.jpg) no-repeat;}

#gears {height:97px; width:91px; background:url(images/gears.jpg) no-repeat;}
#gears:hover {height:97px; width:91px; background:url(images/gears-over.jpg) no-repeat;}

#people {height:97px; width:91px; background:url(images/people.jpg) no-repeat;}
#people:hover {height:97px; width:91px; background:url(images/people-over.jpg) no-repeat;}

#world {height:97px; width:91px; background:url(images/world.jpg) no-repeat;}
#world:hover {height:97px; width:91px; background:url(images/world-over.jpg) no-repeat;}

#checkbox {height:97px; width:91px; background:url(images/checkbox.jpg) no-repeat;}
#checkbox:hover {height:97px; width:91px; background:url(images/checkbox-over.jpg) no-repeat;}

.boxtext {color:#fff; font-size:22px; font-weight:bold; padding:10px 0px 0px 5px;  margin:0px;}
