/* CSS Document */

/*-----------------------------------------------------*\
 * Position and Layout Classes
\*-----------------------------------------------------*/

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

/*Clears down on both sides  */
.clear {
	clear: both;
	}

/*Indents the navigation buttons in the header  */
div.indent_nav {
	padding-left: 3em;
}

/*-----------------------------------------------------*\
 * Default HTML tag behavior
\*-----------------------------------------------------*/

body {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #2F2F2F;
	background-color: #8898FF;
	margin: 0;
	padding: 0;
	width: 100%;
	}

hr {
	color: #C0C0BF;
	height:1px;
	width: 98%;
	align: center;	
	}
	
td {
	font-family: Arial;
	font-style: normal;
	color: #000000;
	}
	
P  {
	font-family: Arial;
	font-style: normal;
	font-size: 0.8em;
	margin-left: 15;
	margin-right: 15px;
	margin-top: 15;
	margin-bottom: 15px;
	color: #2F2F2F;
	padding-left: 5px;
	}

DL	{
	margin-left: 10px;
	}	
	
	
DT	{
	 font-weight: normal;
	}	
	
LI  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: .8em; 
	margin-left: 10px;
	margin-right: 5px;
	}
	
/*-----------------------------------------------------*\
 * Page Heading Classes
\*-----------------------------------------------------*/

/*Use these 3 classes instead of the old Header, HeaderSmall and HeaderSmaller classes from the old CSS sheets  */
H1	{
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #66120A;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}

H2 {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style : normal;
	color: #2F2F2F;
	text-align: center;
	line-height: normal;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}

H3 {  
	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	}
H4 {  
	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	}

/*-----------------------------------------------------*\
 * Table and Accessibility Classes
\*-----------------------------------------------------*/

/*Width setter class  */
table.100percent {
	width: 100%;
	}

table.full760 {
	width: 760px;
	background-color: #FFFFFF;
	}

/*D Square Trading design specific classes  */

/*Makes the black header table with content that doesn't touch the edge of the browser  */
table.blackheader {
	width: 100%;
	padding: 10px 20px;
	background-color: #000000;
	}

/*Main Content Area with content that doesn't touch the edge of the browser  */
table.maincontent {
	background-color: #FFFFFF;
	width: 726px;
	}

/*Makes the black stripes in the footer  */
table.blackfooter {
	width: 100%;
	background-color: #000000;
	}

td.mcontent {
	width: 450px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	
td.dbox {
	width: 100%;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	letter-spacing: 0.05em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #BCBCBC;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 0px;
	}
	
/*Makes the orange stripe in the footer  */	
td.orangeback {
	background-color: #FF9900;
	padding: 10px 20px;
	}

/*Makes the background in the Horizontal MENU  */	
td.hor_menu {
	background-color: #660000;
	color: #FFFFFF;
	}

/*Makes the background in the Vertical MENU  */	
td.ver_menu {
	width: 156px;
	valign: top;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	}
	
td.leftcolumn {
	background-color: #E1EFFC;
	vertical-align: top;
	}

td.rightcolumn {
	vertical-align: top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
	
td.tagline {
	background-color: #FFF8DC;
	color: #6597BA;
	font-weight: bold;
	letter-spacing: 0.05em;
	}

/*Makes the background in the footer  */	
td.footer {
	background-color: #3e8a59;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: bottom;
	padding: 3px;
	}
 
/*The next 4 "twotone" classes are to make data tables look pretty with every other line of data shaded for easy reading */
	
table.twotone {
	font-family: Times New Roman, serif; 
	font-size: .8em; 
	font-weight: normal; 
	color: #003399;
	background-color: #ffffff;
	margin: 0;
  	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 70%;
	}
	
th.twotone_header {
	font-family: Times New Roman, serif; 
	font-weight: bold; 
	color: #ffffff;
	background-color: #006633;
	margin: 0;
  	padding: 0;
	}
	
th.twotone_subheader {
	font-family: Times New Roman, serif; 
	font-weight: bold; 
	color: #003399;
	background-color: #E5DBC3;
	margin: 0;
  	padding: 0;
	}
	
.twotone_even {
	background-color: #D6F5DA;
	}

/*Makes the shadow in the right column  */
#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -2px;
    top: -2px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #FFFFFF;
        border: 3px solid #CCFFFF;
        padding: 10px;
    }
		
/*set22*/
#shadow-container22 {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container22 .shadow22,
#shadow-container22 .shadow33,
#shadow-container22 .container22 {
    position: relative;
    left: -2px;
    top: -2px;
}

    #shadow-container22 .shadow11 {
        background: #F1F0F1;
    }

    #shadow-container22 .shadow22 {
        background: #DBDADB;
    }

    #shadow-container22 .shadow33 {
        background: #B8B6B8;
    }

    #shadow-container22 .container22 {
        background: #FFFFFF;
        border: 3px solid #CCCCFF;
        padding: 10px;
    }
		
/*set333*/
#shadow-container33 {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container33 .shadow222,
#shadow-container33 .shadow333,
#shadow-container33 .container333 {
    position: relative;
    left: -2px;
    top: -2px;
}

    #shadow-container33 .shadow111 {
        background: #F1F0F1;
    }

    #shadow-container33 .shadow222 {
        background: #DBDADB;
    }

    #shadow-container33 .shadow333 {
        background: #B8B6B8;
    }

    #shadow-container33 .container333 {
        background: #FFFFFF;
        border: 3px solid #CCCC99;
        padding: 10px;
    }	
		
/*-----------------------------------------------------*\
 * Anchor Classes
\*-----------------------------------------------------*/

/*Normal link attributes*/
A:link { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #0000CC;
	}
	
	
A:visited { 
	font-family: Arial;  
	font-style: normal; 
	font-size: 1em; 
	color: #0000CC;
	}
	
A:active { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #FF6633;
	}
	
A:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #FF6633;
	}
	
/*Use these for the Horizontal Menu Navigation  */	
A.navlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-weight: normal;
	font-style : normal;
	color: #2D0E0D;
	line-height: 2em;
	text-decoration: none;
	letter-spacing: .01em;
	}
		
A.navlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-weight: normal;
	font-style : normal;
	color: #2D0E0D;
	line-height: 2em;
	text-decoration: none;

	}
	
A.navlink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-weight: normal;
	font-style : normal;
	color: #2D0E0D;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-weight: normal;
	font-style : normal;
	color: #2D0E0D;
	line-height: 2em;
	text-decoration: underline;
	}

/*Use these for the White page links under the Yellow Section Headings in the Navigation  */
A.navlinksmall:link { 
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1.0em;
	color: #FF9999;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlinksmall:visited { 
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1.0em;
	color: #FF9999;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlinksmall:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 1.0em; 
	text-decoration: underline;
	color: #FF9999;
	}
	
A.navlinksmall:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 1.0em; 
	text-decoration: underline;
	color: #FF9999;
	}
	
	
 /*This is for the Copyright so it matches*/
A.copyrightlink:link {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	}
	
A.copyrightlink:visited {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	}
	
A.copyrightlink:active {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	}
	
A.copyrightlink:hover {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: underline;
	}
	
/*Left MENU link rollovers*/
#navcontainer {
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 18px;
	}

#navcontainer ul
	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF000;
	color: #33FF00;
	}

#navcontainer li {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #FF0000;
}

#navcontainer a
	{
	display: block;
	margin: 0;
	padding: 3px 3px;
	width: 135px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	}

#navcontainer a:link, #navlist a:visited
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	font-style : normal;
	color: #3E8A59;
	text-decoration: none;
	margin: auto;
	}

#navcontainer a:hover
	{
	color: #2F2F2F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CDCDCD;
	}

#active a:link, #active a:visited, #active a:hover
	{
	background-color: #CDCDCD;
	color: #2F2F2F;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	}

#navcontainer_sub ul
	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

#navcontainer_sub li {
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
}

#navcontainer_sub a
	{
	display: block;
	margin: 0;
	padding: 3px 3px;
	width: 120px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	}

#navcontainer_sub a:link, #navlist a:visited
	{
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	font-style : normal;
	color: #3E8A59;
	text-decoration: none;
	}

#navcontainer_sub a:hover
	{
	/*color: #E42F4A;*/
	color: #FF0000;
	font-weight: bold;
	}
#navcontainer2 {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 18px;
	}

#navcontainer2 ul
	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF000;
	color: #33FF00;
	}

#navcontainer2 li {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #0000FF;
}

#navcontainer2 a
	{
	display: block;
	margin: 0;
	padding: 3px 3px;
	width: 135px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	}

#navcontainer2 a:link, #navlist a:visited
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	font-style : normal;
	color: #3E8A59;
	text-decoration: none;
	margin: auto;
	}

#navcontainer2 a:hover
	{
	color: #2F2F2F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CDCDCD;
	}

#active2 a:link, #active a:visited, #active a:hover
	{
	background-color: #CDCDCD;
	color: #2F2F2F;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	}
		
/*end of left menu link rollovers*/
	
/*-----------------------------------------------------*\
 * SPAN and Other  Misc. classes
\*-----------------------------------------------------*/
 
 /*This is for the dividers between navigation links so they match*/
.navtext {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	color: #F7C645;
	}

 /*This is for address header under logo*/
span.addressheader {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.0em;
	color: #000000;
	text-align: center;
	}
	
 /*This is the copyright text at the bottom of the page ONLY*/
span.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.6em;
	color: #FFFFFF;
	margin: 5px;
	}
	
 /*Good for Notices*/
.RedText { 
	font-family: Arial; 
	font-style: normal; 
	color: #990000;
	}
	
.floater {
	float: left;
	border: solid 1px black;
	padding: 5px;
	margin: 5px;
	width: 100px;
	height: 75px;
	}
	
.sp_check {
	display:none;
	}