body {
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  font-size: 12px;
  margin:0px 0px 0px 0px;
  background:#FFFFFF;
  background: url(/img/bg_main.gif);
  color:#fff;
}

.cb { clear:both; }
.cb5 { clear:both; height:5px; }
.cb10 { clear:both; height:10px; }
.cb15 { clear:both; height:15px; }

img { border:none; }
* { padding:0px; margin:0; }
.wrapper { width:1000px; margin:0 auto; text-align:center; }
.head { width:980px; background:#023fa6; margin:0 auto; height:111px; }
.head a img { float:left; }
.top10 { width:323px; height:111px; float:left; background:url(/img/topheader_03.jpg) no-repeat; }
.top10 ul { list-style:none; float:left; height:101px; }
.top10 ul li { list-style:none; width:156px; font-size:12px; text-align:left; margin:0 0 0 5px; }
.top10 ul li a { }

.vids { width:977px; margin:0 auto; background:#934bb1 url(/img/content_top01.jpg) top no-repeat; padding:5px 0 3px 1px; border:#023fa6 1px solid; }
.vids img { border:#000 1px solid; width:240px; height:180px; float:left; margin:1px; }

.mid { background: url(/img/archives01.jpg) no-repeat; width:960px; height:43px; margin:0 auto; padding:10px 10px 5px 10px; text-align:left; }
.mid ul { list-style:none; width:960px; height:43px; }
.mid ul li { width: 315px; height:43px; float:left; text-align:left; }
.mid ul li a { font-size:14px; color:#FFEBAE; text-decoration:none; font-weight:bold; }
.mid ul li a:hover { text-decoration:underline; }
.mid ul li p { color:#fff; font-size:11px; }
.mid ul li p a { color:#09F; font-size:11px; }

.friends {  width:977px; margin:0 auto; background:#934bb1 url(/img/content_top01.jpg) top no-repeat; padding:5px 0 3px 1px; border:#023fa6 1px solid; }
.friends div { width:193px; margin:1px; height:175px; padding:0px; color:#fff; float:left; text-align:center; }
.friends div a { color:#fff; }
.friends a img { width:191px; height:140px; border:1px solid #000; }
.friends a img:hover { border:1px dashed #fff; }

.arch { width:925px; margin:0 auto; padding:5px 5px 5px 20px; height:30px; }
.arch-box { border:1px dashed #CCC; padding:5px; float:left; font-size:12px; margin:3px; }
.arch-box:hover { border:1px solid #CCC;  }
.arch-box a { color:#8D0E5C; text-decoration:none; font-weight:bold; }
.arch-box a:hover { color:#999; text-decoration:underline; }

.footer { background:url(/img/bottomheader01.jpg) no-repeat; width:980px; height:98px; margin:0 auto; }
.foot { width:620px; height:45px; padding:53px 20px 0 340px; text-align:center; font-size:11px; }

.top30 { width:960px; margin:0 auto; padding:5px 10px 10px 10px; background:#934bb1 url(/img/content_top01.jpg) top no-repeat; border:#023fa6 1px solid; }
.top30 h3 { font-size:18px; color:#000; padding:1px; }
.top30-col { width:320px; float:left; text-align:left; }
.top30-col h3 { color:#000; font-size:17px; }
.top30 .top30-col h3 a { color:#fff; }

.welcome {
	color:#DDDDDD;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	padding:15px 10px 20px 10px;
	background:url(/img/topheader_02.jpg) no-repeat;
	width:301px;
	height:76px;
	float:left;
}

a:link {color: #ffffff;}
a:active {color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #ffff00; text-decoration:underline; }

/** navigation **/
#navmenu {
	padding-left:40px;
	text-align:center;
	background:url(/img/topheader_04.jpg) no-repeat;
	width:940px;
	clear:both;
	margin:0 auto;
	height:23px;
}
#navmenu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	text-align:center;
}
#navmenu ul li {
	display:inline-block;
	display:-moz-inline-stack;
	display:inline;
	zoom:1;
}
#navmenu ul li a {
	font-size:10px;
	text-align:center;
	text-decoration:none;  
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;

	display:block;
	width:112px;
	height:23px;
	background: url(/img/tbtn_tmenu01k.gif) no-repeat left top;
	line-height:23px;

	text-transform:uppercase;
}
#navmenu ul li a:visited {
	text-decoration:none;  
	color: #FFFFFF;
}
#navmenu ul li a:hover {
	color: #000000; 
	text-decoration:underline;
	background: url(/img/tbtn_tmenu01k.gif) no-repeat left bottom;
}
#navmenu ul li.page_item {
	table-layout: fixed;
	display: table-cell;
	position: relative;
	float:left;
}

#navmenu ul li img{
	float:left;
	padding-left:50px;
}

/** Height Hackx **/
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}