/* --------------------------- */
/* ---CUSTOM_SITE_CSS_EDITS--- */
/* --------------------------- */





/* ------------------------------------ */
/* ---STOP_DONT_EDIT_BELOW_THIS_LINE--- */
/* ---STOP_DONT_EDIT_BELOW_THIS_LINE--- */
/* ------------------------------------ */
/* ---STOP_DONT_EDIT_BELOW_THIS_LINE--- */
/* ---STOP_DONT_EDIT_BELOW_THIS_LINE--- */
/* ------------------------------------ */



/* ---------------------
BASIC LAYOUT TAGS
--------------------- */
body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10pt;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	line-height: normal;
	margin: 0px 0px 0px 0px;
}

body.topFrame {
	background-color: #000000;
	margin: 0px 15px 0px 0px;
}

td, tr, p, div {  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 11px;  
	line-height:18px;
	color: #FFFFFF;
}

hr {  
	background: #CCCCCC;  
	height: 1px;  
	width: 100%;
}

/** --------------------- **/
/** small text in content **/
/** --------------------- **/
.small {  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #FFFFFF;  
	text-decoration: none;  
	font-weight: medium;
	background-color:inherit;
}

.smalldark {  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #FFFFFF;  
	text-decoration: none;  
	font-weight: normal;
	background-color:inherit;
}
/** --------------------- **/
/** --------------------- **/


/* ---LINK_ITEMS--- */
/** -------------- **/
a {
	text-decoration:underline;
	color:#FFFFFF;
}

a,
a:active, {
	text-decoration:underline;
	color:#FFFFFF;
}

a:hover {
	text-decoration:underline;
	color:#3973AC;
}

a:link, a:visited {  
	font-size: 11px;  
	color: #FFFFFF;  
	text-decoration: none;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.yellow:link, a.yellow:visited {  
	font-size: 11px;  
	color: #FFFF00;  
	text-decoration: none;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.yellow:hover {
	text-decoration:underline;
	color:#3973AC;
	text-decoration: none;
}

a.button, a.button:active {
	font-size: 14px;  
	color: #FFFFFF;  
	text-decoration: none;  
	font-family: Century Gothic;
	border: 0px solid #CCCCCC;
}


a.button:link, a.button:visited {        
	font-size: 14px;  
	color: #FFFFFF;  
	text-decoration: none;  
	font-family: Century Gothic;
	border: 0px solid #CCCCCC;
}

a.button:hover {        
	font-size: 14px;  
	color: #0000CC;  
	text-decoration: none;  
	font-family: Century Gothic;
	border: 0px solid #CCCCCC;        
}        

a.mainmenu:link, a.mainmenu:visited {        
	color: #FFFFFF; font-family: 
	Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;        
	font-weight: bold;        
}

a.mainmenu:hover, {        
	color: #FFFFFF; 
	text-decoration: underline;        
}
/** -------------- **/
/** -------------- **/


/* ---LISTING_TAGS--- */
/** ---------------- **/
ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	list-style-type: square;
}

li {
	line-height: 18px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
}

ol.green {
	line-height: 14px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
	list-style-image: url(images/arrow_grn.png);
}

ol.black {
	line-height: 14px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
	list-style-image: url(images/arrow_blk.png);
}

ol.blue {
	line-height: 14px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position:  inside;
	list-style-image: url(images/arrow_blu.png);
}

ol.red {
	line-height: 14px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
	list-style-image: url(images/arrow_red.png);
}

ol.orange {
	line-height: 14px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
	list-style-image: url(images/arrow_org.png);
}

/* ---BREAD_CRUMBS_TITLES--- */
/** ----------------------- **/



/** ----------------------- **/
/** ----------------------- **/


/* --TEMPLATE_LAYOUT_CONTROLS-- */
/** wrapper to make the page center **/
#container {
	width: 840px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#eman {
	background-image: url(images/bg_afroscut_00.jpg) repeat-x;
	text-align: center;
	margin: 0px 0px 0px 0px;
}


/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#playerstage {
	width: 732px;
	height: 200px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#mainstage {
	width: 735px;
	background-color: #000000;
	background:#000000 url() repeat-x left top;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #FFFF00;
}

#topstage {
	width: 730px;
	background:transparent url() repeat-x left top;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #FFFF00;
	border-right: 1px solid #FFFF00;
}
.headeraddress {
	width:100%;
	background:transparent url(../images/) x-repeat left top;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 8pt;
	letter-spacing: .15 em;
	text-align: center;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
}

.headerlogo {
	width:100%;
	height:236px;
	background:transparent url(/images/header58.jpg) x-repeat left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 

.headernav {
	width: 100%;
	height: 22px;
	background-color: #000000;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/*border-top: 1px solid #FFFF00;*/
	border-bottom: 1px solid #FFFF00;
} 

#main {
	clear:left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.leftcol {
	width: 475px;
	background:transparent url(../images) repeat-y left top;
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
}

.headbanner_lft {
	width:100%;
	/* --border-right: 1px solid #666666;-- */
	background:transparent url(../images/) x-repeat left top;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 

.content {
	clear:left;
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	border: 1px solid #FFFF00;
}

.contentbio {
	clear:left;
	width: 98%;
	margin: 5px 0px 0px 0px;
	padding: 5px 8px 8px 8px;
	border: 1px solid #FFFF00;
}

#formarea {
	width:520;
	color: #FFFFFF;
	font-family: Verdana, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10pt;
	line-height: normal;
	text-align: justify;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	border: 0px solid #FFFF00;
}

.rightcol {
	width:230px;
	background:transparent url(../images) repeat-y left top;
	margin: 2px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.thumbnail {
	width: 100%;
	background:transparent url(../images) repeat-y left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.thumb {
	width: 39px;
	height: 39px;
	background:#FFFF66 url(../images) repeat-y left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #FFFF00;
}

.imageload {
	width: 100%;
	background:transparent url(../images) repeat-y left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.media {
	width: 100%;
	background:transparent url(../images) repeat-y left top;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
/* ----------------------- */
/* ---FORMS_INPUT_ITMES--- */
.button {  
	font-family: Verdana, sans-serif;  
	font-style: normal;  
	font-size: 11px;  
	font-weight: normal;  
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: uppercase;
	background: transparent url(../images);  
	color: #FFFFFF;  
	border: 1px solid #FFFF00;
}

.inputbox {  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 11px;
	font-weight: normal;  
	color: #FFFFFF;  
	background-color: #F0F0F0;  
	border: 1px solid #FFFF00;
}

.checkbox {  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #FFFFFF;  
	background: transparent url(../images);  
	border: 0px solid #CCCCCC;
}

.form2		{
	color: #FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 8pt;
	letter-spacing: normal;
	text-align: left;
	line-height: normal;
}

/* ---FIELD_INPUT_TITLES--- */
.form1		{
	color: #FFFFFF;
	font-family: Arial, Century Gothic, Verdana, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 9pt;
	text-align: left;
	letter-spacing: normal;
	text-transform: uppercase;
	line-height: normal;
}

/* ---ITALIC_MESSAGING--- */
.form3		{
	color: #FFFFFF;
	font-family: Arial, Century Gothic, Verdana, serif;
	font-style: italic;
	font-variant: normal;
	font-weight: 500;
	font-size: 8pt;
	text-align: left;
	letter-spacing: normal;
	text-transform: uppercase;
	line-height: normal;
}

/* ---FIELD_INPUTS--- */
input.field1 {
	color: #FFFFFF;
	font-family: Arial, Century Gothic, Verdana, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 10pt;
	line-height: normal;
	border: 1px solid #FFFF00;
}

/* ---------------------------------- */
/* ---FONT_TEXT_PARAGRAPH_SETTINGS--- */
/** -------------------------------- **/
.afroslg {
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 9pt;
	letter-spacing: .15 em;
	line-height: normal;
}

.afrosem {
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-style: italic;
	font-variant: normal;
	font-weight: 500;
	font-size: 7pt;
	line-height: normal;
}

.afros1 {
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 7pt;
	line-height: normal;
}