@charset "UTF-8";
/* CSS Document */
/*
	Web Design and Style by: Gerry Robinos Jr. Visit http://www.robinos.com/
*/

body {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #cccccc;
	text-decoration: none;
	background-image: url(/images/bg-arkor2.jpg); 
	background-repeat:repeat-x;
	background-position: center top;
	background-color:#000;
	
}


a, a:link {
	padding: 1px;
	color: #b7683f;
	text-decoration: none;
}

a:hover {
	color: #b46833;
	text-decoration: underline;
	SP_HOVERLINK;
}


#hd {
	margin: 0px auto;
	padding: 0px;
	height: 100px;
	width: 974px;
	background-image: url(/images/hd_bg3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	border-top: 2px solid #000000;
	position:relative;
}

#hd ul{list-style-type:none; float:right; display: block; padding-top: 68px; margin-right: 10px;}
#hd ul li{margin-left: 0; margin-bottom: 0; padding: 2px 5px 5px; list-style: none; float:left;}
#hd ul li a{color: #cccccc; font-family: arial; font-size: 12px;letter-spacing:.1em; font-weight:normal; text-transform:uppercase; text-decoration:none; padding-left: 10px; padding-bottom: 1px; border-left: 1px solid #666666;}
#hd ul li a:hover{color:#b7683f; }

#toplink {width: 240px;  left: 724px; top: 5px; position:absolute; color:#fff; text-align:right;}

#bg {background-image: url(/images/bg-arkor.jpg); 
	background-repeat: repeat-y; 
	background-position: center top;
	background-color:#000;
	width: 1044px;
	height: 799px;
	margin: 0 auto;
	border-bottom: 1px solid #666666;
	}

#wrapper {width: 974px; margin-left: 34px; padding:0px; height:799px; background-image:url(/arkor-test/images/wrapperbg.jpg); background-position: top center; background-repeat:repeat-x;}


#contentbg {background-color: #000000; width: 695px; height: 590px; overflow:auto; float:left; margin:20px 10px 10px 10px; padding: 10px; float:left; color:#cccccc; border: 1px solid #666666;}

#contentbg p{margin:0 15px 15px 15px;font-size: 12px;}

#contentbg a{color:#b7683f; text-decoration:none; font-style:italic;}

#contentbg a:hover{color:#666666; border-bottom: 1px dotted #f1f1f1;}

span.highlight{background-color: #ccc; color: #333; padding: 1px 5px 1px 2px;font-family: Lucida Sans Unicode, "Lucida Grande", sans-serif;font-size: 18px; font-weight:bold;font-style:italic;}

#contentbg h1{color: #b7683f; padding:0 0 5px 5px; font-family: Lucida Sans Unicode, "Lucida Grande", sans-serif;font-size: 18px; font-weight:bold;font-style:italic; border-bottom: 1px solid #b7683f;}

#contentbg h4{color: #f1f1f1; padding:0 0 0 15px; font-family: Lucida Sans Unicode, "Lucida Grande", sans-serif;font-size: 14px; font-weight:bold;}

#contentbg ul li{
	list-style-image:url(images/bullet.jpg);
	list-style-type: square;
	list-style-position: outside;
	margin-top: 10px;
	font-size: 12px;
	}
	
.halfcolumn {width: 40%; padding: 5px 15px; float: left; background-color:#000;}

.halfcolumn h3{color: #b76837; font-size:14px;}

#contentbg .halfcolumn ul li{margin-left: -20px;}

.date {color: #c59b48; font-weight:normal; font-style:italic;}

.events {border-bottom: 1px dotted #f1f1f1; padding:0 0 10px 0; margin: 0 15px;}



.sidenav {width: 195px;
	padding: 5px 10px;
	font-family: Arial, Verdana;
	font-size: 12px;
	margin-right: 10px;
	margin-top: 20px;
	float:right;
	background-color: #1f1d1c;
	border: 1px solid #666666;}
	
.sidenav h2{font-weight:bold; color: #b7683f; font-size: 16px; padding-left: 5px; border-bottom: 1px solid #ccc;}

.sidenav ul {list-style-type:none; list-style-position:outside; margin:0px; padding:3px 0px;}

.sidenav li{margin-bottom: 2px;}

.sidenav ul li{margin-left: 0px;}

.sidenav ul li a{display: block;padding: 2px 4px; border-left: 5px solid #555; text-align:left; font-weight:bold; text-decoration: none;	color: #111; background-color: #959595; letter-spacing:.1ex;}

.sidenav ul li a:hover{background-color:#222; color: #ccc; border-left: 5px solid #ccc;}

.sidenav p{padding-left: 5px;}



#ft {color: #f1f1f1; font-size: 10px; padding: 5px 10px; margin-top: 16px; height: 36px;}
#ft a{color: #b7683f; text-decoration:none;}
#ft a:hover{color: #666666; border-bottom: 1px dotted #666666;}