/* CSS Document */

BODY {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

/********************************************
	Top Navigation Styles
********************************************/

#masthead {
	background-image: url(../images/top_banner_bg.jpg);
	height: 56px;
}

#masthead SPAN {
	display: none;
}

#mastHeadPhoto {
	position: absolute;
	top: 0px;
	left: 190px;
	width: 185px;
	height: 140px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#mastHeadPhoto H2 {
	padding-top: 89px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 26px;
	color: #FFFFFF;
}

#topNav {
	height: 30px;
	background-color: #F0922E;
}

#topNav DIV {
	width: 792px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
}

#topNav B {
	font-weight: normal;
	padding: 0px 18px 0px 18px;
}

#topNav A {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
}

#topNav A:hover SPAN {
	text-decoration: underline;
}

#pageInfo {
	height: 114px;
}

#logo {
	float: left;
	margin: 15px 20px 0px 25px;
}

#logo A {
	display: block;
	background-image: url(../images/bright_card_logo.png);
	background-repeat: no-repeat;
	width: 175px;
	height: 85px;
}

#logo A SPAN {
	display: none;
}

#pageInfo H2 {
	padding: 0px;
	margin-top: 68px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #F0922E;
}

#pageInfo H3 {
	padding: 0px;
	padding-bottom: 5px;
	margin-top: 24px;
	margin-left: 190px;
	float: left;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
}

/********************************************
	Left Navigation Styles
********************************************/

#leftNav {
	margin: 60px 0px 0px 40px;
	width: 150px;
	overflow: hidden;
	font-size: 16px; /* Necessary because browser text size setting effects size of white space */
}

#leftNav UL { 
	margin: 0;
	padding: 0; 
	LIst-style: none;
	width: 140px; /* Width of Menu Items */ 
} 

#leftNav UL, LI { 
	margin: 0px;
	padding: 0px; 
}

#leftNav A {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

/* Primary and Decending Menu Styles */ 
#leftNav LI {
	padding-top: 10px;
	padding-bottom: 30px;
}

#leftNav LI A { 
	color: #333333;
} 

#leftNav LI A:hover { 
	color: #F0922E; 
} 

#leftNav LI LI A DIV {
	margin-left: 18px;
}

/* Secondary and Decending Menu Styles */ 
#leftNav LI LI {
	padding-bottom: 0px;
}

#leftNav LI UL {
	padding-bottom: 15px;
}

#leftNav LI LI A { 
	color: #666666; 
	margin-left: 13px;
} 

#leftNav LI LI A:hover { 
	color: #F0922E; 
}

#leftNav LI LI A DIV {
	margin-left: 31px;
}
 
/* Tertiary and Decending Menu Styles */
#leftNav LI LI LI A {
	color: #999999;
	margin-left: 26px;
}

#leftNav LI LI LI A:hover {
	color: #F0922E;
}
	
#leftNav LI LI LI A DIV {
	margin-left: 44px;
}

/* Quaternary and Decending Menu Styles */
#leftNav LI LI LI LI A {
	color: #999999;
	margin-left: 39px;
}

#leftNav LI LI LI LI A:hover {
	color: #F0922E;
}

#leftNav LI LI LI LI A DIV {
	margin-left: 57px;
}

/* All Text Links */
.leftNavText {
	margin: 0px !important;
}

.thisPageLink {
	color: #F0922E !important;
	margin: 0px !important;
	cursor: default;
}

/* Menu Arrows */
.arrowRight {
	float: left;
	width: 18px;
	height: 12px;
	background-image: url(../images/nav_arrow_right.png) !important;
	background-repeat: no-repeat !important;
}

.arrowRight:hover {
	background-image: url(../images/nav_arrow_right_over.png) !important;
	background-repeat: no-repeat !important;
}

.arrowRight SPAN SPAN {
	visibility: hidden;
}

.arrowDown {
	float: left;
	width: 18px;
	height: 12px;
	background-image: url(../images/nav_arrow_down.png) !important;
	background-repeat: no-repeat !important;
}

.arrowDown:hover {
	background-image: url(../images/nav_arrow_down_over.png) !important;
	background-repeat: no-repeat !important;
}

.arrowDown SPAN SPAN {
	visibility: hidden;
}

.notArrow {
	float: left;
	width: 18px;
	height: 12px;
	background-image: url(../images/nav_notarrow.png) !important;
	background-repeat: no-repeat !important;
	cursor: default;
}

.notArrow SPAN SPAN {
	visibility: hidden;
}

/********************************************
	Main Content Styles
********************************************/
#mainVertical {
	width: 3px;
	background-color: #CCCCCC;
}

#mainContent {
	border-top: 3px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
}

#mainContent H3 {
	font-size: 20px;
	padding: 35px 0px 30px 40px;
	margin: 0px;
}

#mainContent H4 {
	font-size: 16px;
	padding: 35px 0px 20px 40px;
	margin: 0px;
}

#mainContent P {
	padding: 0px 30px 13px 40px;
	margin: 0px;
}

#mainContent UL, OL {
	margin: 0px 0px 20px 80px;
	padding: 0px;
}

#mainContent LI {
	margin: 0px;
	padding: 0px;	
}

#mainContent A {
	text-decoration: underline;
	color: #F0922E;
}

#mainContent A:hover {
	text-decoration: none;
}

/********************************************
	Bottom Navigation Styles
********************************************/

#botNav {
	padding: 15px 0px 15px 0px;
}

#botNav DIV {
	text-align: right;
	width: 777px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #999999;
}

#botNav A {
	color: #F0922E;
	text-decoration: none;
}

#botNav A:hover {
	text-decoration: underline;
}


