﻿/* default body styles */
body
{
	font-size: 8pt;
	color: black;
	font-family: Verdana;
}

A:link
{
	color: #0000FF;
	font-size: 8pt;
	font-family: Verdana;
}

A:visited
{
	color: #0000FF;
	font-size: 8pt;
	font-family: Verdana;
}

A:hover
{
	color: #FF0000;
	font-size: 8pt;
	font-family: Verdana;
}

.nocss { display: none; }

/* Page Header */
#topheader
{
	width: 95%;
	margin: auto;
	padding: 0px;
}

/* Top Tabs Container */

#tabcontent 
{
    clear: left;
    width: 100%;
	padding-left:2.5%;
	padding-bottom:0px;
	float:left;	
}

#tab
{
	clear: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
	float: left;
	font: verdana 10pt;
	border-bottom: #000000 1px solid;
}

#tab DIV 
{
    color: #ffffff;
    text-align: right;
    padding: 0px 0px 5px 0px;
}
    
#tab A 
{
    cursor:hand;
    float: left;
    color: #000000;
	font-size:12px;
	font-family: verdana;			
    text-align: center;
    margin-bottom: 1px;		
	padding-left: 1px;
	padding-right: 2px;
    padding-top: 4px;		
    width: 120px;
	height: 26px;			
}

#tab B 
{
    display: block;
    padding: 4px 0px;
    width: 120px;
}	

#tab DIV B, #tab DIV A {
    float: none;
    display: inline;
    background-image: none;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    width: auto;
}

#tab a:link, #tab a:visited { text-decoration: none; }
#tab a:hover, #tab a:active { text-decoration: underline; }
    
#tab .tab1 {
    background: transparent url(images/t1.gif) no-repeat top left;
	color: #FFFFFF;
}

#tab .tab1Active, #tab .tab1:hover
{
	background: transparent url(images/t11.gif) no-repeat top left;			
	color: #FFFFFF;
}	
	
/* Category Listing Panel */
#CategoryBox {
	width: 100%;	
    margin: auto;
}

#CategoryBox table.box
{
	width: 160px;
	margin-top: 0px;
}

/* Orange Panel */
#CategoryBox .OrangeCategoryHeader
{
	background-image:url(/images/headorange.gif);
	background-repeat:no-repeat;
	height:28px;
	color:#ffffff;
	font-weight:bold; 
	text-align:center; 
	vertical-align: middle;
}
#CategoryBox .OrangeCategoryContent {border-left: 1px solid rgb(255, 204, 102); border-right: 1px solid rgb(255, 204, 102); padding:3px;}

#CategoryBox .OrangeCategoryFooter{background-image:url(/images/footorange.gif);background-repeat:no-repeat;height:20px; padding-right:10px; text-align:right;}

#CategoryBox .OrangeDottedLine {border-bottom:1px dotted #FFA72F; padding-top: 2px;}

/* Green Panel */
#CategoryBox .GreenCategoryHeader
{
	background-image:url(/images/headgreen.gif);
	background-repeat:no-repeat;
	height:28px;
	color:#ffffff;
	font-weight:bold; 
	text-align:center; 
	vertical-align: middle;
}
#CategoryBox .GreenCategoryContent {border-left: 1px solid rgb(182, 229, 54); border-right: 1px solid rgb(182, 229, 54); padding:3px;}
#CategoryBox .GreenCategoryFooter{background-image:url(/images/footgreen.gif);background-repeat:no-repeat;height:20px; padding-right:10px; text-align:right;}
#CategoryBox .GreenDottedLine {border-bottom:1px dotted #A4CF2F; padding-top: 2px;}


/* Blue Panel */
#CategoryBox .BlueCategoryHeader
{
	background-image:url(/images/headblue.gif);
	background-repeat:no-repeat;
	height:28px;
	color:#ffffff;
	font-weight:bold; 
	text-align:center; 
	vertical-align: middle;
}
#CategoryBox .BlueCategoryContent {border-left: 1px solid rgb(70, 151, 220); border-right: 1px solid rgb(70, 151, 220); padding:3px;}
#CategoryBox .BlueCategoryFooter{background-image:url(/images/footblue.gif);background-repeat:no-repeat;height:20px; padding-right:10px; text-align:right;}
#CategoryBox .BlueDottedLine {border-bottom:1px dotted #2F7EC2; padding-top: 2px;}


#CategoryBox .leftbox {
	width: auto;
    margin: auto;
	vertical-align:top;	 
}		 

#CategoryBox .middlebox {
        width: auto;
		vertical-align:top;	 	
    }		    
	
#CategoryBox .centerbox {
        width: auto;	
        margin: auto;
		vertical-align:top;	 
    }		    
	
#CategoryBox .rightbox {
		width: auto;	
        margin: auto;
		vertical-align:top;	 
    }	


    
#CategoryBox .dottedred {border-bottom:1px dotted #F271AA; padding-top: 2px;}
#CategoryBox .dottedblue {border-bottom:1px dotted #2F7EC2; padding-top: 2px;}
#CategoryBox .dottedgreen {border-bottom:1px dotted #A4CF2F; padding-top: 2px;}
#CategoryBox .dottedorange {border-bottom:1px dotted #FFA72F; padding-top: 2px;}
#CategoryBox .dottedpurple {border-bottom:1px dotted #9084BE; padding-top: 2px;}