/* Universal Styles */

body{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

form{
	padding: 0px;
	margin: 0px;
}


p{
	color: #616168;
	margin-top: 0px;
	font-size: 11px;
	line-height: 15px;
}

td{
	color: #616168;
	font-size: 11px;
	line-height: 15px;
}

div{
	color: #616168;
	font-size: 11px;
	line-height: 15px;
}

ul{
	margin-top: 6px;
	margin-bottom: 18px;
	list-style : square;
}

ol{
    margin-top: 6px;
	margin-bottom: 18px;
}

li{
	color: #616168;
	font-size: 11px;
	margin-bottom: 2px;
}

select{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

.title{
	color: #371203;
	font-weight: bold;
	font-size: 14px;
}

.header{
	color: #9D5836;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 6px;
}

.subHeader{
	color: #553715;
	font-size: 12px;
	line-height: 16px;
}

.contentList a:link, .contentList a:visited, .contentList a:hover, .contentList a:active{
	font-weight: bold;
}

.contentList li{
	margin-bottom: 8px;
}



/* Unique Color ID's */
#topIndex{
	background-color: #D15E20;
}

#topLSPG{
	background-color: #6EB539;
}

#topCS{
	background-color: #6699CC;
}

#topSupport{
	background-color: #CC0000;
}

#topLocations{
	background-color: #999966;
}

#topAbout{
	background-color: #29367D;
}

#topSPT{
	background-color: #F3BC43;
}


#topRed{
	background-color: #ACD1F6;
}

#topGreen{
	background-color: #357D00;
}

#topBlue{
	background-color: #384396;
}

#ruleIndex{
	background: url(images/ruleIndex.gif);
}

#ruleLSPG{
	background: url(images/ruleLSPG.gif);
}

#ruleCS{
	background: url(images/ruleCS.gif);
}

#ruleSupport{
	background: url(images/ruleSupport.gif);
}

#ruleLocations{
	background: url(images/ruleLocations.gif);
}

#ruleAbout{
	background: url(images/ruleAbout.gif);
}

#ruleSPT{
	background: url(images/ruleSPT.gif);
}


#ruleOrange{
	background: url(images/ruleOrange.gif);
}

#ruleRed{
	background: url(images/ruleRed.gif);
}

#ruleGreen{
	background: url(images/ruleGreen.gif);
}

#ruleBlue{
	background: url(images/ruleBlue.gif);
}



/* Styles for the homepage */

.homePromo{
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: 15px;
	margin-right: 22px;
}
.homePromo2{
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left: 15px;
	margin-right: 22px;
}

.homePromo p{
	font-size: 10px;
	line-height: 13px;
}

.homePromo a:link, .homePromo a:visited{
	font-size: 10px;
	text-decoration: none;
}

.homePromo a:hover, .homePromo a:active{
	font-size: 10px;
	text-decoration: underline;
}

.homeNews a:link, .homeNews a:visited{
    color: #A5A1A0;
	font-size: 10px;
	text-decoration: none;
}

.homeNews a:hover, .homeNews a:active{
    color: #ffffff;
	margin-bottom: 10px;
	text-decoration: underline;
}



.quickLinks{
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
}



/* Styles for the sub-level pages */

.contentArea{
	margin-top: 18px;
	margin-bottom: 48px;
	margin-left: 20px;
	margin-right: 18px;
}

.contentArea .rule{
	margin-bottom: 18px;
}

.contentArea .link{
	margin-bottom: 6px;
}

.contentArea div.link{
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: -15px;
	padding-left: 15px;	
}

.contentAreamap{
	margin-top: 18px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 0px;
}

/* This sets the colored box around the callout and it's corresponding text  in the L3*/
.callout{
	background-color : #FAFAE8;
	border: 1px solid #F6F1D5;
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 8px;
	margin-bottom: 18px;
}



/* Styles for l2 promo column */

.l2Promo{
    margin-top: 16px;
	margin-bottom: 48px;
	margin-left: 10px;
	margin-right: 9px;
}

.l2Promo p{
	font-size: 10px;
	line-height: 13px;
}

.l2Promo a:link, .l2Promo a:visited{
	font-size: 10px;
	text-decoration: none;
}

.l2Promo a:hover, .l2Promo a:active{
	font-size: 10px;
	text-decoration: underline;
}



/* Styles for the Level3 navigation */
.l3navmap{
    margin-top: 10px;
	margin-bottom: 33px;
	margin-left: 18px;
	margin-right: 11px;
}

.l3navmap div{
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: -15px;
	padding-left: 15px;	
}


.l3navmap .rule{
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: -0px;
	padding-left: 0px;	
}

.l3navmap a:link, .l3nav a:visited{
	color: #702200;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.l3navmap a:hover, .l3nav a:active{
	color: #D55E24;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

.l3navmap a.active:link, .l3navmap a.active:visited, .l3navmap a.active:hover, .l3navmap a.active:active{
	color: #702200;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}




























.l3nav{
    margin-top: 10px;
	margin-bottom: 33px;
	margin-left: 11px;
	margin-right: 11px;
}

.l3nav div{
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: -15px;
	padding-left: 15px;	
}


.l3nav .rule{
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: -0px;
	padding-left: 0px;	
}

.l3nav a:link, .l3nav a:visited{
	color: #702200;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.l3nav a:hover, .l3nav a:active{
	color: #D55E24;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

.l3nav a.active:link, .l3nav a.active:visited, .l3nav a.active:hover, .l3nav a.active:active{
	color: #702200;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}



/* Styles for the Level4 navigation */
.l4nav{
    margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 1px;
	margin-right: 0px;
}

.l4nav div{
	padding-top: 0px;
	padding-bottom: 3px;
	text-indent: -7px;
	padding-left: 7px;
	line-height: 12px;
}

.l4nav a:link, .l4nav a:visited{
	color: #D55E24;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.l4nav a:hover, .l4nav a:active{
	color: #702200;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

.l4nav a.active:link, .l4nav a.active:visited, .l4nav a.active:hover, .l4nav a.active:active{
	color: #702200;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	
}


/* Styles for the Level4 navigation */
.l5nav{
    margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 1px;
	margin-right: 0px;
}

.l5nav div{
	padding-top: 0px;
	padding-bottom: 3px;
	text-indent: -7px;
	padding-left: 7px;
	line-height: 12px;
}

.l5nav a:link, .l4nav a:visited{
	color: #D55E24;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}

.l5nav a:hover, .l4nav a:active{
	color: #702200;
	font-size: 9px;
	font-weight: normal;
	text-decoration: underline;
}

.l5nav a.active:link, .l5nav a.active:visited, .l5nav a.active:hover, .l5nav a.active:active{
	color: #702200;
	font-size: 9px;
	font-weight: normal;
	text-decoration: underline;
}




/* Styles for Footer */

.footer{
    margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 12px;
}
	
.footer p{
	color: #46464D;
	font-size: 10px;
	margin-top: 6px;
}

.footer a:link, .footer a:visited{
	color: #46464D;
	font-size: 10px;
	text-decoration: none;
}

.footer a:hover, .footer a:active{
	color: #D55E24;
	font-size: 10px;
	text-decoration: underline;
}



/* Styles for the Sitemap */

.sitemap{
	margin-top: 12px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 0px;
}

.sitemap p{
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	margin-right: 0px;
}

.sitemap a:link, .sitemap a:visited{
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.sitemap a:hover, .sitemap a:active{
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;	
}

.level3{
	margin-top: 0px;
	margin-bottom: 18px;
	margin-left: 12px;
	margin-right: 0px;
}

.level3 div{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.level3 a:link, .level3 a:visited{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.level3 a:hover, .level3 a:active{
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;	
}

/* Styles for any forms */

.formArea{
	margin-top: 15px;
	margin-bottom: 24px;
	margin-left: 28px;
	margin-right: 0px;
}

.formArea td{
	color: #4C4F59;
	font-size: 10px;
}

.formArea .errorNote{
	color: #7F220D;
	font-size: 9px;
}

.formArea input{
	color: #4C4F59;
	font-size: 10px;
	margin-top: 3px;
}

