html, body { 
margin : 0;
padding : 0;
} 
body { 
font : 80% Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
background : #ccc;
color : #555;
} 
			/*WRAP*/
#wrap { 
width : 930px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 10px solid #fff;
color : #555;
background : #fff url(images/wrap_bg.jpg) repeat-x;
} 
			/*BANNER*/
#masthead {

height : 250px;
padding : 0;
margin-bottom : 0;
background-image:url(images/banner.jpg);
} 

#masthead p {
	text-align: left;
	text-transform:capitalize;
	color:#FFF;
	font-size:18px;
	
}
			/*MAIN CONTAINER*/
#container { 
width : 930px;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
padding : 0;
line-height : 1 em;
} 

#box {
	float:left;
	width:630px;
	margin-left:10px;
	margin-right:auto;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom:10px;
	line-height: 1.5em;
}

#box img {
	border-width: 1px;
	border-color: Black;
	border-style: solid;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	float:right;
}
	

#box ul
{
	list-style-type:none;
	margin: 0px;
	padding: 15px;
}

#box ul li
{
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	padding-left: 22px;
	background-position: 0px 4px;
	
}
#boxdl
{
	float:left;
	width:630px;
	margin-left:10px;
	margin-right:auto;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom:10px;
	line-height: 1.5em;
}

#boxdl img {
	border-width: 1px;
	border-color: Black;
	border-style: solid;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	float:right;
}

#boxdl ul
{
	list-style-type:none;
	margin: 0px;
	padding: 15px;
}

#boxdl ul li
{
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	padding-left: 22px;
	background-position: 0px 4px;
	line-height: 1.7em;
	
}
#boxdl ul li.boxdl2 {
	margin-left : 50%;
  margin-top : -1.7em;
}

/* star hack in use here but this is for IE 6.2 and older only and you may use a conditional comment and 2nd CSS */
* html #boxdl ul li.boxdl2 {
  margin-top : -2.1em;
}


#boxL {
	float:left;
	width:300px;
	margin-left:20px;
	margin-right:auto;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:10px;
	line-height: 1.5em;
	
	
}

#boxL ul
{
	list-style-type:none;
	margin: 0px;
	padding: 15px;
}

#boxL ul li
{
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	padding-left: 22px;
	background-position: 0px 4px;
	
}

#boxR {
	float:left;
	width:300px;
	margin-left:20px;
	margin-right:auto;
	margin-top: 0px;
	padding-left: 5px;
	padding-bottom: 10px;
	line-height: 1.5em;
	
}

#boxR ul
{
	list-style-type:none;
	margin: 0px;
	padding: 15px;
}

#boxR ul li
{
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	padding-left: 22px;
	background-position: 0px 4px;
	
}

#contentbox
{
	float:left;
	width:630px;
	margin-left:10px;
	margin-right:auto;
	margin-top: 0px;
	padding-left: 50px;
	padding-right: 5px;
	padding-bottom:15px;
	line-height: 1.5em;
	padding-top: 22px;
}

#menucontainer { 
position : relative;
height : 56px;
color : #e0e0e0;
background : #143d55;
width : 100%;
font-family : Helvetica, Arial, Verdana, sans-serif;
} 
#menunav { 
position : relative;
height : 33px;
font-size : 12px;
text-transform : uppercase;
font-weight : bold;
background : #fff url(images/menu_bg.gif) repeat-x bottom left;
padding : 0 0 0 20px;
} 
#menunav ul { 
margin : 0;
padding : 0;
list-style-type : none;
width : auto;
float : left;
} 
#menunav ul li { 
display : block;
float : left;
padding : 0 1px;
} 
#menunav ul li a { 
display : block;
float : left;
color : #eaf3f8;
text-decoration : none;
padding : 0 0 0 20px;
height : 33px;
} 
#menunav ul li a span { 
padding : 12px 20px 0 0;
height : 21px;
float : left;
} 
#menunav ul li a:hover { 
color : #fff;
background : transparent url(images/menu_bg-OVER.gif) repeat-x bottom left;
} 
#menunav ul li a:hover span { 
display : block;
width : auto;
cursor : pointer;
} 
#menunav ul li a.current, #menunav ul li a.current:hover { 
color : #fff;
background : #1d6893 url(images/menu_left-ON.gif) no-repeat top left;
line-height : 275%;
} 
#menunav ul li a.current span { 
display : block;
padding : 0 20px 0 0;
width : auto;
background : #1d6893 url(images/menu_right-ON.gif) no-repeat top right;
height : 33px;
} 
			/*TOP NAVIGATION*/
#content { 
padding : 0 1em 0 1em;
margin : 0 240px 0 0;
border-right : 1px solid #eee;
} 
			/*SIDEBAR*/
#sidebar {
	float : right;
	width : 200px;
	margin-top : 0px;
	padding-top: 0px;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;
}

#sidebar img {
		border-width: 0px;
	border-color: Black;
	border-style: none;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	float:left;
		
}
	
			/*FOOTER*/
#footer { 
clear : both;
height : 50px;
padding : 0;
margin-bottom : 0;
margin-top : 20px;
text-align : center;
border-top : 5px solid #4592be;
color : #fff;
background : #143d55;
} 
			/*TYPOGRAPHY*/
h1 { 
margin : 0;
padding : 20px 0 20px 0;
border-bottom : 1px solid #aaa;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #143c55;
} 
h2 { 
float : right;
margin : 0;
padding : 5px 20px 20px 0;
font : 90% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 3px;
color : #4592be;
} 
h3 { 
margin : 0;
padding : 20px 0 20px 0;
border-bottom : 1px solid #aaa;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #143c55;

}

h4 {
	margin: 0;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#4592be;
	font-size: 125%;
	padding : 10px 0 0 0;
}


blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
} 
			/*LINKS*/
a:link, a:visited { 
color : #4592be;
background : inherit;
text-decoration : underline;
} 
a:hover { 
color : #aaa;
background : inherit;
text-decoration : none;
} 
a img {
border: 0;
}
			/*IMAGES*/
.left { 
float : left;
border : 0 solid #656c4a;
margin : 5px 0 10px 0;
padding : 10px;
}