/* ===============================  
   created by Customer Connect      
   http://www.customer-connect.com  
   =============================== */
/* ==================== 
   master skin controls 
   ==================== */

/* overall font family and font size */ 
body, tr, td, table 
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: small Arial, Helvetica, sans-serif; /* all other fonts are based on this size*/
    color: #543603;

}

#prewrap
{
width:800px;
left:50%;
margin-left:-400px;
min-height:100%;
background-color:#000;
z-index:-1;
position:absolute;
height:100%;
}

/* controls <div id="wrap"> the entire skin </div> */
#wrap
{
    min-width: 600px;
    padding: 10px 0 0 0;
    background-color: #000; /* for entire skin */
width:800px;
margin:0 auto;
}


/* =============== 
   header elements 
   =============== */

/* generally positioned: absolute */

/* controls position of the logo skin object */
#logo
{
    position: absolute;
    top: 2.1em;
    left: 50%;
    margin-left:-400px;
    width: 170px;
height:150px;
background-color:#fff;
z-index:2;
background-image:url(Logo.gif);
background-repeat:no-repeat;
background-position:center bottom;
}

#loginlinks
{
    position: absolute;
    top: 2.2em;
    width:150px;
height:25px;
    left: 50%;
    margin-left:-60px;
    text-align: center;
	z-index:2;
background-image:url(Home_Arrow.gif);
background-repeat:no-repeat;
background-position: 95% 50%;
text-align:right;
padding:10px 40px 0 0;


background-color:#fff;
}

/* styles search box */
#dnn_dnnSEARCH_txtSearch 
{
    border:2px solid #C3D7BC;
    width:140px;
}

/* styles search button */
#dnn_dnnSEARCH_cmdSearch 
{
	background-color:#C3D7BC;
	display:inline;
	border:2px solid #C3D7BC;
	text-align:center;
}

/* fhmenu container */	
#fhmenucontainer
{
    position: absolute;
    top: 0em;
    left: 50%;
    margin-left:-400px;
    background-color: #FFFFFF;
    width: 530px;
    height: 30px;
    z-index:4;
background-color:#f1ab00;
}

/* adminmenu wrapper div */	
#admincontainer
{
	position: absolute;
    top: 3em;
    left: 50%;
	margin-left:-250px;
    width: 50px;
    height: 23px;
    z-index:5;
}

#black1
{
position:absolute;
z-index:5;
background-image:url(Home_Black1.gif);
height:114px;0em;
width:117px;
top:25em;

}

#black2
{
position:absolute;

background-image:url(Home_Black2.gif);
height:149px;
width:178px;
top:13.58em;
margin-left:0px;
}

#black3
{
position:absolute;

background-image:url(Home_Black3.gif);
height:282px;
width:167px;
top:3.9em;
margin-left:363px;
}

#black4
{
position:absolute;

background-image:url(Home_Black4.gif);
height:320px;
width:194px;
top:1em;
margin-left:169.9px;
}


/* ===================== 
   peripheral containers 
   ===================== */

/* =========== 
   main layout 
   =========== */
#contentwrap
{
margin-top:-.8em;

z-index:25;
background-color:#000;
}

#content
{

float:right;
width:680px;
margin-bottom:20px;
}

#panecontainer
{
	float:left;
	
	padding-left:140px;

    width:250px;

	z-index:15;
}

#topblock
{
width:400px;
height:333px;
background-color:#000;
}

#dnn_contentpane /* control occupied panes */
{
    background-color: #000;
	padding:10px 10px 10px 0px;

}

#sidebar
{
    float:right;


    width: 270px;
z-index:10;
}

#featured
{


width:270px;
height:60px;
background-image:url(Featured.gif);
background-repeat:no-repeat;
background-position:center center;
background-color:#fff;
}



#dnn_sidepane
{
    padding: 0px;
    background-color: #fff;
    
}




/* ============================================= 
   footer elements - generally position:relative
   ============================================= */

#info
{
clear:both;

height:20px;

	width:800px;
	text-align:center;
background-color:#000;
z-index:90;

}	

#links
{
clear:both;

height:20px;

	width:800px;
	text-align:center;
background-color:#000;
z-index:90;

}

#siteby
{
clear:both;

height:20px;

	width:800px;
	text-align:center;
background-color:#000;
z-index:90;


}




/* ============================== 
   add universal menu styles here 
   ============================== */
   
/* ========================== 
   flat horizontal menu style 
   ========================== */

/* menu wrapper div */	
#fhmenu 
{

	margin-left: -20px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#f1ab00;
}

/* all unordered lists */
#fhmenu ul 
{
	border: 0;
	margin: 0;
	list-style:none;
	float:left;
}

/* all list items */
#fhmenu li 
{
	list-style:none;
	float: left;
	padding: 2px 2px 0 0;
}

/* all list links */
#fhmenu li a:link, #fhmenu li a:visited 
{
	display: block; /* forces each item to occupy space */
	padding: 4px .5em;
	background-color: #f1ab00;
	color: #4a207e;
	text-decoration:none;
	font-size: 90%; /* added for opera */
	/* IE5.01 hack to remove large white gaps in menu*/
	height: 1px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* for all other browsers */
	height: 100%;
        font-weight:bold; 
}

/* hover propery for all links in menu */
#fhmenu li a:hover 
{
	background-color: #f1ab00;
	color:#fff;
}

/* current menu tab */
#fhmenu li.SelectedTab a, #fhmenu li.SelectedTab a:link, #fhmenu li.SelectedTab a:visited, #fhmenu li.SelectedTab a:active
{
color: #000;
background-color: #FFF;
}

#fhmenu li.SelectedTab a:hover
{
color: #000;
background-color:#FFF;
}


/* =========================================== 
   default module font (overrides default.css) 
   =========================================== */

.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox 
{
	margin:0;
	padding:0;
	line-height:1.1;
	font: 90% Arial, Helvetica, sans-serif;
}

/* =======================
   style for module titles
   ======================= */

.Head 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%; /* 170% larger than "small" specified in body class */
	font-weight: bold;
	color: #000000 
}

/* style of item titles on edit and admin pages */
.SubHead 
{
	font-size: 85%; /* 85% of "small" specified in body class */
}

/* module title style used instead of Head for compact rendering by Quicklinks and Signin */
.SubSubHead 
{
	font-size: 85%;
}

/* =============================== 
   style for standard HTML buttons 
   =============================== */

.StandardButton 
{
	font-size: 90%;
}

/* =============== 
   HTML tag styles 
   =============== */

H1, H2, H3, H4, H5, DT, H6 
{
	font-family:Arial, Helvetica, sans-serif;
}

H1 
{
	font-size: 150%;
	font-weight: bold;
	color:#000000;
}

H2 
{
	font-size: 150%;
	font-weight: bold;
	color:#336633;
}

H3 
{
	font-size: 120%;
	font-weight: bold;
	color:#f10000;
}

H4 
{
	font-size: 110%;
	font-weight: normal;
	color:#000000;
	margin:0;
}

H5, DT 
{
	font-size: 100%;
	font-weight: normal;
	color:#bf8c0d;
	margin:0;
}

H6 
{
	font-size: 90%;
	font-weight: normal;
	color:#000000;
	margin:0;
}

/* ============================================  
   links format added for opera/safari browsers  
   ============================================ */

.Normal A:link, .Normal A:visited, .Normal A:active 
{
	text-decoration:none;
	font-weight:bold;
	color:#4F8C3F; /* same as SkinItem */
}

.Normal A:hover 
{
	text-decoration:none;
	color:#381d59; /* same as SkinItem */
}

/* ==============================================  
   skin items (classes given to tokens, elements)  
   ============================================== */

.SkinItem 
{
	text-decoration:none;
	font-weight:bold;
	color:#4F8C3F;
	font-size:88%;
}

A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active 
{
	text-decoration:none;
	font-weight:bold;
	color:#4F8C3F;
	font-size:88%;
}

A.SkinItem:hover 
{
	text-decoration:none;
	color:#fff;
}


.Login, a.Login:link, a.Login:visited, a.Login:active 
{
	color:#4a207e;
	font-size:90%;
	text-decoration:none;
}

a.Login:hover
{
	color: #f1ab00;
}  

.Footer, A.Footer:link, A.Footer:visited, A.Footer:active 
{
	text-decoration:none;
	font-weight:normal;
	color:#543603;
	font-size:95%;
}


A.Footer:hover 
{
	text-decoration:none;
	color:#bf8c0d;
        font-size:95%;
}  

.ControlPanel
{
clear:both;	
height:23px;
z-index:20;
}

#jerodsmells
{
margin:20px;
text-align:center;
}

#jerodreallysmells
{
margin:0;
text-align:center;
}




















