body { 
   margin-top: -5px;
   height: 100%;
   font-family : Arial, Helvetica, sans-serif;
   color : #666666;
   font-size : 12px;
  } 
img { 
padding : 3px;
border : 1px solid #888f3d;
} 
img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 3px;
margin-top : 2px;
margin-left : 10px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 3px;
margin-top : 2px;
margin-right : 10px;
} 
.clear{
clear: both;}


#wrapper { 
width : 880px;
margin : 0 20%;
} 


#header { 
border : 1px solid #ccc;
margin : 5px;
height : 168px;
background-color : #D7CFCF;
} 
#header h1 {color:#0C1A9E; margin:5px 0; padding-left:10px;

}

#headertop{
 padding:5px;
 margin : 0px;
 border: 1px solid black;
 height : 15px;
 background-color:#0C194A ;
 color:white;
 font-size:10px;
 text-align:right;
}
#headertop a {text-decoration:none;color:white;}

#headerbottom{
 padding:5px;
 margin-top : 68px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 height : 26px;
 background-color: #A7C0EE;
 color:white;
 font-size:10px;
}

#topmenu {
	float:left;
	width:100%;
	font-size:12px;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
        
	}

#topmenu ul {
	margin:0;
	padding:0 10px 0px 0;
	list-style:none;
        
	
	}

#topmenu li {
	display:inline;
	margin:0;
	padding:0;
	}

#topmenu a {
	float:left;
	background:url("images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#topmenu a span {
	float:left;
	display:block;
	background:url("images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:4px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}

/* End IE5-Mac hack */
#topmenu a:hover span {
	}

#topmenu a:hover {
	background-position:0% -42px;
	}

#topmenu a:hover span {
	background-position:100% -42px;
	}


#leftcolumn { 
margin : 0 5px 5px 5px;
display : inline;
width : 170px;
float : left;
min-height : 300px;
border : 1px solid #ccc;
} 
* html #leftcolumn { 
height : 300px;
} 
#leftcolumn h3 { 
background-color : #847ec8;
font-size : 1em;
padding-left : 7px;
padding-top : 2px;
padding-bottom : 2px;
color : #fff;
font-weight : bolder;
} 
.menuleft ul { 
margin : 10px 0 0 0;
list-style-type : none;
margin-left : 5px;
} 
.menuleft ul li { 
width : 118px;
height : 15px;
border-bottom : 1px dashed #868686;
} 
.menuleft ul li a { 
display : block;
height : 12px;
background : url(images/arrow1.gif) no-repeat 0 50%;
color : #888f3d;
font : 400 11px Arial, Helvetica, sans-serif;
padding : 0 0 0 10px;
} 
.menuleft ul li a:hover { 
background : url(images/arrow2.gif) no-repeat 0 50%;
text-decoration : none;
color : #7e9dc8;
} 
.menuleft ul li.last { 
border : none;
} 




#centercolumn { 
border : 1px solid #ccc;
margin : 0 5px 0 0;
padding-bottom: 10px;
display : inline;
width : 675px;
float : right;
min-height : 300px;
} 
* html #centercolumn { 
height : 300px;
} 
#boxes_I { 
width : 500px;
margin-left : 10px;
} 
.box1 { 
width : 240px;
float : left;
margin-top : 5px;
margin-right : 10px;
} 
.box1 img { 
margin-top : 15px;
} 

.box2 { 
width : 240px;
float : right;
margin-top : 5px;
margin-right : 10px;
} 
.box2 h2 { 
color : #7A95F6;
} 
.box2 h3 { 
background-image : url(images/hbg1.gif);
background-repeat : no-repeat;
padding-top : 5px;
font-family : Times, "Times New Roman", serif;
font-weight : lighter;
color : #686b43;
font-size : 1.5em;
padding-bottom : 10px;
} 
.box2 h4 { 
padding-right : 10px;
padding-top : 15px;
font-family : Times, "Times New Roman", serif;
color : #333;
font-weight : lighter;
font-weight : bolder;
} 


#threeboxes { 
width : 480px;
position : relative;
margin : 15px auto 10px auto;
padding : 4px 0 0 5px;
border : 1px solid #ffe;
} 
.boxone { 
width : 150px;
float : left;
margin : 0 7px 0 0;
color : #524201;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
} 
.boxone h2 { 
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
} 
.boxone p { 
padding : 0 0 0 0;
line-height : 12px;
} 
.boxone p.more { 
width : 66px;
height : 18px;
padding : 10px 0 0 24px;
} 
.boxone p.more a { 
width : 66px;
height : 18px;
display : block;
background : #7e9dc8;
color : #fff;
font : 11px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
} 
.boxtwo { 
width : 150px;
color : #212121;
float : left;
margin : 0 7px 0 0;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
} 
.boxtwo h2 { 
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
} 
.boxtwo p { 
padding : 0 0 0 0;
line-height : 12px;
} 
.boxtwo p.more { 
width : 66px;
height : 18px;
padding : 10px 0 0 24px;
} 
.boxtwo p.more a { 
width : 66px;
height : 18px;
display : block;
background : #7e9dc8;
color : #fff;
font : 11px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
} 
.boxthree { 
width : 150px;
color : #333;
float : left;
margin : 0 7px 0 0;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
} 
.boxthree h2 { 
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
} 
.boxthree p { 
padding : 0 0 0 0;
line-height : 12px;
} 
.boxthree p.more { 
width : 66px;
height : 18px;
padding : 10px 0 0 24px;
} 
.boxthree p.more a { 
width : 66px;
height : 18px;
display : block;
background : #7e9dc8;
color : #fff;
font : 11px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
} 
.onemorebox { 
padding-top : 15px;
padding-bottom : 15px;
} 
.onemorebox h2 { 
font-family : Times, "Times New Roman", serif;
font-size : 1.6em;
color : #7e9dc8;
padding-top : 10px;
margin-left : 10px;
} 
.onemorebox p { 
margin-right : 10px;
padding:10px;
text-align : justify;
} 
#desc{ 
margin-left :10px;
margin-right : 10px;
padding:10px;
text-align : justify;
} 
#desc img{margin-right:20px;
          border: 1px solid green; width:180px;height:140px;
          float:right;}
#desc h2,h3,h4,h5,h6{color:blue;font-size:1.6em;}
#desc a{color:blue;text-decoration:none;margin-bottom:20px;}


#footer { 
margin-top : 5px;
display : inline;
float : left;
width : 870px;
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
color : gray;
background-color:white;
} 
#footer a{text-decoration:none; color:blue;}
