
body {
	text-align: center;
	margin-top:0px;
	margin-bottom:10px;
	color:#000;
	font-family:calibri, arial, verdana;
	background-color: #FFF;
	font-size: 14px;
}
#page_wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	background-color: #FFF;
}
#header_top {
	height:1px;
	clear:both;
}
#page_header {
	height: 108px;
	clear: both;
	margin:0px 0px 0px 0px;
}

#topleft {
	float: left;
	width: 445px;
	margin:0px 0px 0px 0px;
}

#topright {
	float: right;
	width: 167px;
	margin:0px 0px 0px 0px;
}
#menu_bar { 
float: right;
height: 35px; 
width: 960px;
clear: both; 
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 16px; padding: 0px;
border-bottom: #C5C5C5 solid 1px;
}

/* NAVIGATION */
			
.cssnav      { position: relative; float: right; font-family: calibri, arial; background-attachment: scroll; height: 30px; overflow: hidden; margin: 0; padding: 0; background-position: 0%;}  
               
.cssnav a {
	display: block;
	color: #000;
	font-size: 14px;
	height: 30px;
	width:80px;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
.selected {
	color: #000;
}
.cssnav a:hover {
	color: #0299DC;
}
* html a:hover {
	visibility:visible
}
.cssnav a:hover img {
	visibility:hidden
}
.cssnav span {
	position: absolute;
	left: 0px;
	top: 8px;
	text-align: center;
	width: 80px;
	cursor: pointer;
}
.cssnavlong      { position: relative; float: right; font-family: calibri, arial; background-attachment: scroll; height: 30px; overflow: hidden; margin: 0; padding: 0; background-position: 0%;}  

.cssnavlong a {
	display: block;
	color: #000;
	font-size: 14px;
	height: 30px;
	width:110px;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.cssnavlong span {
	position: absolute;
	left: 0px;
	top:8px;
	text-align: center;
	width: 110px;
	cursor: pointer;
	}	
	.cssnavlong a:hover {
	color: #0299DC;
}


#main_banner {
	float: center;
	width: 960px; 
	height: 190px;
	clear: both;
	margin-top: 0px; margin-bottom: 15px; padding: 0px;
	font-family: calibri, arial, verdana;
}
#center {
	margin-left:220px; 
	margin-right:220px;
	padding-right: 0px;
	padding-left: 0px;
}
#center A:link {
	color: #000;
	font-weight: bold
}
#center A:visited {
	color: #000;
	font-weight: bold
}
#center A:hover {
	color: #0299DC;
	font-weight: bold
}
#center p {
	margin-top:5px;
	margin-bottom:15px;
	font-size: 16px;
	line-height: 18px;
}
#center h2 {
	font-family: calibri, arial, verdana;
	font-size: 20px;
	color: #000;
}
#centerlong {
	margin-left: 0px; 
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#centerlong A:link {
	color: #000;
	font-weight: bold
}
#centerlong A:visited {
	color: #000;
	font-weight: bold
}
#centerlong A:hover {
	color: #0299DC;
	font-weight: bold
}
#centerlong p {
	margin-top:5px;
	margin-bottom:15px;
	font-size: 16px;
	line-height: 18px;
}
#centerlong h2 {
	font-family: calibri, arial, verdana;
	font-size: 20px;
	color: #000;
}
#left_side {
	float: left;
	width:207px;
	padding-left: 0px;
	padding-top: 0px;
	font-size: 16px;
	background-color: #F7F7FA;
	text-align: left;
	line-height:28px;
}
#left_top {
	float: right;
	width:207px;
	padding: 0px;
}
#left_box {
	float: center;
	width: 190px;
   padding: 8px;
}
#right_side {
	float: right;
	width:207px;
	font-family: calibri, arial, verdana;
	font-size: 16px;
	text-align: left;
	background-color: #F7F7FA;
}
#right_top {
	float: right;
	width:207px;
	padding: 0px;
}
#right_box {
	float: center;
	width: 190px;
   padding: 8px;
}

/* CATEGORY TABLE */

table{
	padding:0px, 4px, 0px, 4px;
}
div.float1 {
	float: left;
	width:172px;
	text-align: center;
	background-color:red;
	background: url("../images/projectbut.jpg") no-repeat left top;
}
div.float p {
	text-align: center;
}

/* CATEGORY TABLE */

/******** CONTACT TABLE *********/

#contactcsstable {width:500px;display:table;margin:auto;background-color:#F7F7FA;padding:0px;}
#contactrow  {display: table-row;width:500px;}
#contactcell {display:table-cell;text-align:left;vertical-align:top;width:250px;padding:0px;}
#contactcaption {
				text-align:center;
				vertical-align:bottom;
				width:117px;
				padding:2px 2px 2px 2px;
				background-color:#4B4B4B;
				font-family: Arial, calibri, verdana;
				font-size:8pt;			  
				line-height: 10pt;
				color:#FFFFFF;
				}
#contactdesc {
				text-align:left;
				vertical-align:top;
				width:117px;
				padding:2px 2px 2px 2px;
				background-color:#2A2A2A;
				font-family: Arial, calibri, verdana;
				font-size:8pt;
			   line-height: 10pt;
				color:#FFFFFF;
				}
				
/******** CONTACT TABLE END *********/

#page_footer { 
width: 960px; 
height: 30px; 
clear: both; 
background-repeat: no-repeat; 
margin-left: auto; 
margin-right: auto; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 5px;
border-top: #C5C5C5 solid 1px;
text-align:right;
}
#footer p {
	text-align:right;
	font-size: 10px;
	color:#000;
}
A:link {
	color: #3D3B7E;
	text-decoration: none
}
A:visited {
	color: #3D3B7E;
	text-decoration: none
}
A:active {
	color: #0299DC;
	text-decoration: none
}
A:hover {
	color: #0299DC;
	text-decoration: none
}

/* themes */
ul#themes{
	margin: 0;
}

ul#themes li{
	margin-left: 4px;
}

ul#themes a{
	display: block;
	font-size: 1.3em;
	padding: 0 3px 0 4px;
	line-height: 1.2em;
	border: 1px solid;
}

