/* ===============================  
   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: #404040;
    
}
body
{
background-repeat:repeat-x;
background-color:#bcbcbc;
}
/* controls <div id="wrap"> the entire skin </div> */
#wrap
{
    min-width: 1000px;
    padding: 10px 0 1px 0;
    background-color: #fff; /* for entire skin */
    width:1000px;
margin:5px auto 5px auto;
}


/* =============== 
   header elements 
   =============== */

/* generally positioned: absolute */
#seowrap
{
    position:absolute;
	width:600px;
	top:10px;
	min-height:8px;
background-image:url(seowrap.gif);
background-repeat:repeat-x;
left:50%;
margin-left:-495px;
z-index:2;
}


#redline
{
position:absolute;
	width:383px;
	top:10px;
	min-height:8px;
background-image:url(redline.gif);
background-repeat:repeat-x;
left:50%;
margin-left:111px;
}

/* controls position of the logo skin object */
#logo
{
    position: absolute;
    top: 1.2em;
    left: 50%;
    margin-left:-509px;
    width: 320px;
height:124px;
background-image:url(homelogo.gif);
background-repeat:no-repeat;
background-position:center center;
z-index:3;
}

#login
{
    position: absolute;
    top: 2em;
padding:23px 12px 0 12px;
    left: 50%;
    margin-left:280px;
    text-align: right;
	z-index:28;

background-image:url(LoginKeys.gif);
background-repeat:no-repeat;
background-position:50% 0%;
border-right:1px solid #c5c5c5;
border-left:1px solid #c5c5c5;

}
#user
{
    position: absolute;
    top: 2em;
padding-top:23px;
    right: 50%;
    margin-right:-265px;    
	text-align: left;
	z-index:8;
background-image:url(UserBubble.gif);
background-repeat:no-repeat;
background-position:50% 0%;

}
#sitemap
{
    position: absolute;
    top:2em;
padding-top:23px;
    left: 50%;
    margin-left:350px;
    text-align: right;
	z-index:8;

background-image:url(SiteMap.gif);
background-repeat:no-repeat;
background-position:50% 0%;
}
#search
{
padding:0 0 5px 3px;
margin-left:33px;
}
#linetwo
{
position:absolute;
left:50%;
margin-left:-495px;
top:9.6em;
width:990px;
min-height:8px;
background-image:url(seowrap.gif);
background-repeat:repeat-x;
}
#tagline
{
position:absolute;
top:8.2em;
left:50%;
margin-left:120px;
width:373px;
height:19px;
background-image:url(tagline.gif);
}

#banner
{
width:990px;
height:180px;
position:absolute;
z-index:100;
top:10.5em;
text-align:center;
left:50%;
margin-left:-495px;
}
#linethree
{
position:absolute;
left:50%;
margin-left:-495px;
top:24.6em;
width:990px;
min-height:5px;
background-image:url(linethree.gif);
background-repeat:repeat-x;
}
#breadcrumb
{
position:absolute;
top:27.9em;
left:50%;
margin-left:-390px;
z-index:20;
}

/* fhmenu container */	
#fhmenucontainer
{
    position: relative;
   clear:both;
    left: 50%;
    margin-left:-495px;
border-top:1px solid #fff;
    width: 990px;
    height: 20px;
    z-index:400;
background-image:url(gmenu.gif);
display:block;

}

#admincontainer
{
    	position:absolute;
top:1.7em;
left:50%;
margin-left:-40px;

    width: 250px;
    height: 23px;
    z-index:50;
}


/* ===================== 
   peripheral containers 
   ===================== */

/* =========== 
   main layout 
   =========== */

#panecontainer
{
	position:relative;
	margin-left:-495px;
	left:50%;
	padding:24.2em 0 5px 0;
    width:990px;
	z-index:1;

}

#maincontent
{
    float: left;
    width: 70.3%; /* padding: 0 0 0 10; */

}
#dnn_toppane
{
margin-bottom:5px;
padding:0 15px;
}


#content
{
float:right;
width:57.1%;

}

#dnn_contentpane /* control occupied panes */
{
    background-color: #FFF;

    padding:0 0 15px 0px;
}


#sidebar
{
    float: left;
    width: 42%;
	padding:0;
}

#dnn_leftpane
{
    background-color: #FFF;
}

#rightcontent
{
float:right;
position:relative;
width:29%;
}

#dnn_rightpane
{
    padding-left: 0px;
    background-color: #fff;
	position:relative;
}

#footercontent
{
clear:both;
padding:0;
width:100%;
display:inline;
}
#dnn_footerpane
{
    padding: 10px;
    background-color: #FFF;
	clear:both;
}

/* ============================================= 
   footer elements - generally position:relative
   ============================================= */



#siteby
{
	position:relative;
	left:50%;
	clear:both;
	width:990px;
	text-align:center;
background-color:#6a6a6a;
height:20px;
padding-top:7px;
margin:5px 0 5px -495px;
display:block;
}

/* ============================== 
   add universal menu styles here 
   ============================== */
/* ========================== 
   flat horizontal menu style 
   ========================== */

/* menu wrapper div */	
#hmenu 
{
z-index:100;	
}

#hmenu ul{
padding:0;
margin:0;
list-style:none;

width:990px;
}
#hmenu li{
position: relative;
float:left;
line-height : 1.3em;
list-style: none;
}
#hmenu li ul{ 

position : absolute;
left: -999em;
width:13em;
bottom:18.5px;

}
#hmenu a{
font-size:85%;
display:block;
text-decoration:none;
font-weight:normal;
padding :0px 3.4em 2px 3.4em;/* menu sizing */
color:#000;/* horizontal menu text */
text-align:left;
background-image:url(gmenu.gif);
}
#hmenu li li a{
width:10em;
border-bottom:1px solid #fff;
}
#hmenu li a:hover{
background-color: #808080;/* horizontal hover background */
color:#fff;/* horizontal hover text */
}
#hmenu .SelectedTab a:link, #hmenu .SelectedTab a:visited{
font-size:85%;
background-color: #bcbcbc;/* horizontal selected background */
color:#000;/* horizontal selected text */
}
#hmenu li li.SelectedTab a:link, #hmenu li li.SelectedTab a:visited{
font-size:85%;
background-color: #808080;/* horizontal selected background */
color:#000;/* horizontal selected text */
}
#hmenu li.SelectedTab a:hover, #hmenu li.SelectedTab a:active{
background-color:#808080;/* horizontal selected hover background */
color:#fff;/* horizontal selected hover text */
}
#hmenu li li.SelectedTab a:hover, #hmenu li li.SelectedTab a:active{
background-color:#808080;/* horizontal selected hover background */
color:#fff;/* horizontal selected hover text */
}
#hmenu .DisabledTab{
color:#ccc;
}
#hmenu li:hover ul ul,
#hmenu li:hover ul ul ul,
#hmenu li:hover ul ul ul ul,
#hmenu li.iehover ul ul,
#hmenu li.iehover ul ul ul,
#hmenu li.iehover ul ul ul ul{
left: -999em;
bottom:0px;
z-index:100;
}
#hmenu li:hover ul, 
#hmenu li.iehover ul {
left:0;


}
#hmenu li li:hover ul,
#hmenu li li li:hover ul,
#hmenu li li.iehover ul,  
#hmenu li li li.iehover ul
{

left:14.25em;
z-index:101;
border-left:1px solid #fff;

}
#hmenu li li li:hover ul,
#hmenu li li li:iehover ul 
{
left:0;

}
.SelectedTab
{
font-family:inherit;
font-size:inherit;
}



/* =========================================== 
   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: 150%; /* 170% larger than "small" specified in body class */
	font-weight: normal;
	color: #96201c;
	cursor:default !important;
}

/* style of item titles on edit and admin pages */
.SubHead 
{
	font-size: 85%; /* 85% of "small" specified in body class */
    font-family:inherit;
color:#404040;
}

/* 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: 90%;
	font-weight: normal;
	color:#404040;
}
H2 
{
	font-size: 100% !important;
	font-weight: bold !important;
	color:#96201c;
        background:none !important;

}
H3 
{
	font-size: 120%;
	font-weight: bold;
	color:#f10000;
}

H4 
{
	font-size: 100%;
	font-weight: normal;
	color:#404040;
	margin-left:20px;
	padding-left:25px;
       
background-image:url(quad.png);
background-repeat:no-repeat;
background-position:0% 2%;
}
H5, DT 
{
	font-size: 110%;
	font-weight: bold;
	color:#fff;
        background-color:#3E70A6;
padding:3px 0 3px 10px;
margin:5px 0;
}

H6 
{
	font-size: 90%;
	font-weight: normal;
	color:#000000;
	margin:0;
}

/* ===================================================
   Text/HTML module dropdown styles (added to fck.xml)
   =================================================== */

.imageleftside img
{
	margin: 0 15px 15px 0;
	float:left;
}

.imagerightside img
{

	margin: 0 0 15px 15px;
	float: right;
}

.imageleftsidecaption
{
	font-size:85%;
	font-style:italic;
	float:left;
	margin-bottom: 15px; 
	margin-right: 15px;
}

.imageleftsidecaption img
{
	border: 1px solid #CCC;
	margin-bottom:5px; /* added to caption margin equals bottom margin for imageleftside img  */
}

.imagerightsidecaption
{
	font-size:85%;

	font-style:italic;
	float:right;
	margin-bottom: 15px; 
	margin-left: 15px;
}

.imagerightsidecaption img
{
	border: 1px solid #CCC;
	margin-bottom:5px; 
}

.clear
{
	clear: both;
}

.quoteleft
{
	font:italic 105% Georgia, "Times New Roman", Times, serif;
	padding: 0 10px 0 0;
	margin:10px 10px 10px 0;
	width: 220px;
	float:left;
	text-align:right;
	border-right:10px solid #C8CDC0;
}

.quoteright
{
	font:italic 105% Georgia, "Times New Roman", Times, serif;
	padding: 0 10px 0 0;
	margin:10px 0 10px 10px;
	width: 220px;
	float:right;
	text-align:left;
	border-left:10px solid #C8CDC0;
}
.CodeClass
{
font-family:"Courier New", Courier, monospace;
color:#000;
background-color:#eee;
border:1px solid #000;
padding:10px;

}

/* ============================================  
   links format added for opera/safari browsers  
   ============================================ */

.Normal A:link, .Normal A:visited, .Normal A:active 
{
	text-decoration:none;
	font-weight:normal;
	color:#3E70A6; /* same as SkinItem */
        font-size:inherit;
}

.Normal A:hover 
{
	text-decoration:none;
	color:#404040; /* same as SkinItem */
}

a, a:link, a:visited, a:active
{
color:#3E70A6;
text-decoration:none;
}

a:hover
{
color:#404040;
}


/* ==============================================  
   skin items (classes given to tokens, elements)  
   ============================================== */

.tagline
{
font-size:80%;
color:#fff;

margin:1px 0 0 10px;
}

.Bread, a.Bread:link, a.Bread:visited, a.Bread:active
{
color:#fff;
font-size:90%;
text-decoration:none;
}

a.Bread:hover
{
color:#404040;
}

.SkinItem 
{
	text-decoration:none;
	font-weight:noraml;
	color:#fff;
font-size:85%;
font-family:inherit;
}

A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active 
{

	text-decoration:none;
	font-weight:normal;
	color:#fff;
font-size:85%;
font-family:inherit;
}

A.SkinItem:hover 
{
	text-decoration:none;
	color:#000;
font-size:85%;
font-family:inherit;
}

.Login, a.Login:link, a.Login:visited, a.Login:active 
{
	color:#3E70A6;
font-size:85%;
font-family:inherit;
	text-decoration:none;
}
a.Search:link, a.Search:visited
{
color:#96201c;
font-size:100%;
font-weight:bold;
text-decoration:none;
}
a.Search:hover, a.Search.active
{
color:#000;
}

a.Login:hover
{
	color: #000;
}  

.Footer, A.Footer:link, A.Footer:visited, A.Footer:active 
{
	text-decoration:none;
	font-weight:normal;
	color:#fff;
font-size:80%;
font-family:inherit;
}

A.Footer:hover 
{
	text-decoration:none;
	color:#ED1B2D;
font-size:80%;
font-family:inherit;
}  



.ControlPanel
{
	height:23px;
	clear:both;
}

img
{  border-style: none;
}

#portfolio
{
text-align:center;
margin:10px 19px;
}

/*---*/

#adminmenu ul {
padding:0;
margin:0;
list-style:none;
float:left;
width:auto;
background-color:#404040;
}
#adminmenu li {
position: relative;
float:left;
line-height : 1.25em;
width: 9.1em;
list-style: none;
}
#adminmenu li ul { /* second-level lists */
position : absolute;
left: -999em;
width:5em;
background-color:#404040;

}
#adminmenu a {
font-size:1.0em;
display:block;
text-decoration:none;
text-align:center;
font-weight:normal;
width:9em;
padding :2px 0 2px 0;
color:#fff;
border:1px solid #fff;
background-color:#808080;
}
#adminmenu li li a {
width:9em;
}
#adminmenu li a:hover {
background-color: #96201c;

}
#adminmenu li a.SelectedTab {
font-size:1.0em;
background-color: #FFF;
}
#adminmenu .DisabledTab {
color:#ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#adminmenu li:hover ul ul,
#adminmenu li:hover ul ul ul,
#adminmenu li:hover ul ul ul ul,
#adminmenu li.iehover ul ul,
#adminmenu li.iehover ul ul ul,
#adminmenu li.iehover ul ul ul ul{
left: -999em;
}
#adminmenu li:hover ul,
#adminmenu li.iehover ul {
top: 1.6em;
left:0;
}
#adminmenu li li:hover ul,
#adminmenu li li li:hover ul,
#adminmenu li li.iehover ul,
#adminmenu li li li.iehover ul {
top: 0;
left:12.8em;
cursor:
}
#htmenu
{
margin-left:-40px;
z-index:140;
}
#htmenu li{
float:left;
list-style:none;
}
#htmenu a:link, #htmenu a:visited{
padding:5px 0 5px 0 ;
width:90px;
text-align:center;
display:block;
background-image:url(GrayTab.gif);
background-repeat:no-repeat;
background-positon:center center;
color:#fff;
}
#htmenu li a:hover, #htmenu li a:active{
background-image:url(RedTab.gif);
background-repeat:no-repeat;
background-positon:center center;
color:#fff;
}
#htmenu li.SelectedTab a:link, #htmenu li.SelectedTab a:visited{
background-image:url(RedTab.gif);
background-repeat:no-repeat;
background-positon:center center;
}
#htmenu .SelectedTab{
font-weight:inherit;
}

/* =================== 
   vertical menu style 
   =================== */

/* menu wrapper div */	
#vmenu 
{

	margin-bottom: 0px;
padding:0px 0px 10px 0px;
}

/* all unordered lists */
#vmenu ul 
{
	padding: 0;
	border: 0;
	margin: 0;
	list-style:none;
width:100%;
}

/* all list items */
#vmenu li 
{
	/* border around each main menu item*/

	/* added for opera browser to remove bullets */
	list-style:none;
}

/* all list links */
#vmenu li a:link, #vmenu li a:visited 
{
	margin: 0;
	display: block; /* forces each item to occupy space */
	padding: 5px 5px 5px 20px;
line-height:1.5em;
border-top:1px solid #404040;


	color: #000;
	text-decoration:none;
	font-size: 100%; /* 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%; 
}

/* hover propery for all links in menu */
#vmenu li a:hover, #vmenu li a:active
{

	color:#000;
text-decoration:underline;
background-image:url(rt_arrow.gif);
background-repeat:no-repeat;
background-position:2% 50%;
}
/* second level menu items */
#vmenu ul ul 
{
	margin-left: 12px; /* indentation of submenu */
}

/* all list items within submenu */
#vmenu ul ul li 
{
	border-bottom: 1px solid #000000;
	margin: 0;
	list-style: none;

}

/* all submenu links */
#vmenu ul ul a:link, #vmenu ul ul a:visited 
{
	background-color: #000099; /* background of submenu */
	color: #000000; /* submenu text color */
}

/* submenu hover */
#vmenu ul ul a:hover 
{
	background-color: #CC9900;
	color:#660000;
}
#vmenu .SelectedTab
{
font-family:inherit;
font-size:inherit;
font-weight:inherit;

}
#vmenu li.SelectedTab a, #vmenu li.SelectedTab a:link, #vmenu li.SelectedTab a:visited, #vmenu li.SelectedTab a:active
{

}
/* current menu tab */
#vmenu .Level3.SelectedTab a, #vmenu .Level3.SelectedTab a:link, #vmenu .Level3.SelectedTab a:visited, #vmenu .Level3.SelectedTab a:active
{
color: #000;
background-image:url(rt_arrow.gif);
background-repeat:no-repeat;
background-position:2% 50%;
}
#vmenu .SelectedTab a:hover
{
color: #000;
}
#vmenu .Level2
{
margin-left:0px;

font-size:90%;
}
#vmenu .Level2 a
{
background-image:url(menu2.gif);
}
#vmenu .Level2 a:link, #vmenu .Level2 a:visited
{
margin-left:0px;
font-size:inherit;
font-family:inherit;
font-weight:bold;

color:#951F1B;
text-decoration:none;
}
#vmenu .Level2 a:hover
{
background-image:url(menu2.gif);
background-repeat:repeat-x;
}
#vmenu .Level3
{
margin-left:0px;
font-size:90%;
}
.docdown td{
display:none;
}



