BODY {
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	margin: 0 auto;
	text-align:center;
	font-size: 13px;
	line-height: 150%;
	color: #bbb;
	background:#252525 /*url(../images/bg.gif)*/;
}

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

a:link, a:visited {color:#6584bd; text-decoration: none;}
a:hover {COLOR: #cc0000; text-decoration: underline;}
a:active {COLOR: #990000; text-decoration: underline;}


h1, h2, h3 { margin: 0 auto; padding: 0; line-height: 130%;  }

h1 { font-size: 18px; color: #bbb; padding: 16px 10px 4px 10px; font-weight:bold;}

h2 { font-size: 14px; color: #6584bd; padding: 16px 10px 4px 10px; font-weight:bold;}

h3 { font-size: 12px; color: #bbb;  padding: 16px 10px 4px 10px; font-weight:bold;}

p {padding: 5px 10px; }

/*#container { 
	position:relative;
	width: 1201px;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
}*/

#top {
	width: 955px;
	height: 20px;
	padding: 0;
	margin: 6px auto 0 auto;
	font-size: 10px;
	text-align:left;
	}
	
#control {
	position:relative;
	width: 100%;
	background: #131313;
	margin: 0 auto;
	text-align:center;
}

#cloud {
	width: 100%; height: 131px; background:url(../images/bg_top.png) repeat-x top center; margin: 0 auto; padding: 0; position: absolute; top: 0; text-align:center;}
#cloud_hold {
	width: 955px; margin: 0 auto; padding:0; position:relative;}
#logo {
	position:absolute;
	width: 269px;
	height: 77px;
	left: 20px;
	top: 12px;
	}
	
#social {
	width: 943px;
	height: 22px;
	background:#000;
	margin: 0 auto;
	padding: 6px;
	text-align:right
	}

#social img {
	border: 0;
	margin-top: 2px;
	padding: 0 4px;}


#content	{
	position:relative;
	/*background: #222222;*/
	width: 955px;
	margin: 0px auto;
	text-align:left;
	overflow:hidden;
	}

#cont_main {
	width: 640px; float:right; margin: 10px 22px 10px 10px; }

#cont_main p {line-height:170%;
padding: 6px 10px;}

#cont_sec {
	width: 230px; float:left; margin: 10px 10px 10px 22px;}

#right_ad img {margin: 0 0 20px 0;}

tr.dark td {
	background-color: #193364; 
}

#content ol li, #content ul li {margin-left: 36px; padding: 3px 0; line-height: 150%;}

#cont_main ul li {margin-left: 46px; padding: 0 2px; line-height:170%;}

.small {
	font-size:10px;}

.highlight {	background-color: #FC0; padding: 4px;}

.quote {
	font-style:italic;}

#cont_main ul.photo {
	text-align:center;
	list-style-type: none;
	width: 638px;
	margin: 0;
	padding: 0;
	}

#cont_main ul.photo li {
	float: left;
	line-height: 135px;
	width: 276px;
	padding: 2em 0;
	margin: 12px;
}

#siteinfo {	
	background:#000;
	width: 943px;
	height: 22px;
	margin: 0 auto;
	padding: 6px;
	font-size: 11px;
	}

#siteinfo a:link, #siteinfo a:visited
{
color: #FFFFFF;
text-decoration: none;
}

#siteinfo a:hover
	{
	color: #6584bd;
	text-decoration: underline;
}

	

/* navigation menu */

#nav{
	position:absolute;
	width: 558px;
	height: 37px;
	margin: 0; padding:0;
	left: 382px;
	top: 26px;
	}


#primaryNav {
	position:relative;
	width: 558px;
	height: 37px;
	list-style-type:none;
}
#nav li ul {
	margin: 0;
	padding: 0;
	display: none;
}
#nav a {
	text-decoration: none;
}
#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
}
#nav li a {
	color: #777;
	font-weight:normal;
	display: block;
	padding: 0;
}
#nav li.on a {
	color: #f90;
}
#nav li.off a:hover, #nav li.on a:hover {
	color: #fff;
	text-decoration:underline;
}
/*do the image replacement*/

#nav li span {
	position: absolute;
	left: -9384px;
}
#mm_1 a, #mm_2 a, #mm_3 a, #mm_4 a, #mm_5 a {
	display: block;
	position: relative;
	height: 37px;
	background: url(../images/navlist.png) no-repeat; /*contains all hover states*/
}
/*first, put the initial states in place*/



#mm_1 a {
	background-position: 0 0;
	width: 107px;
}
#mm_2 a {
	background-position: -107px 0;
	width: 114px;
}
#mm_3 a {
	background-position: -221px 0;
	width: 116px;
}
#mm_4 a {
	background-position: -337px 0;
	width: 114px;
}
#mm_5 a {
	background-position: -451px 0;
	width: 107px;
}
/*hover states*/
#mm_1 a:hover, #mm_1:hover a, #mm_1.over a, #mm_1.on a {
	background-position: 0 -37px;
}
#mm_2 a:hover, #mm_2:hover a, #mm_2.over a, #mm_2.on a {
	background-position: -107px -37px;
}
#mm_3 a:hover, #mm_3:hover a, #mm_3.over a, #mm_3.on a {
	background-position: -221px -37px;
}
#mm_4 a:hover, #mm_4:hover a, #mm_4.over a, #mm_4.on a {
	background-position: -337px -37px;
}
#mm_5 a:hover, #mm_5:hover a, #mm_5.over a, #mm_5.on a {
	background-position: -451px -37px;
}

ul.photo {
	text-align:center;
	list-style-type: none;
	width: 640px; 
	margin: 0 0 0 10px;
	padding: 0;
	}

ul.photo li {
	float: left;
	width: 220px;
	padding: 2em 0 1em 0;
	margin: 12px 6px;
}