﻿body {
	background: #f7f7f7 url(../images/all/bg.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	text-align:justify;
}


body, td { line-height:140%}
img{border:0}

a{color:#ab5d01; text-decoration:underline;} /** Orange/Brown */
a:hover{color:#80aa00; text-decoration: none;} /** Green */
a:visited{color:#656565; text-decoration:underline;} /** Dark Gray */

h3 /** Blue 25*/
{	font-size:25px;
	color:#330066; /** Blue */
	font-weight:normal;
	margin-top:10px;
	margin-bottom:40px;
	font-family:Helvetica;
	text-align:center;
	line-height:97%;
}
h4  /** Blue 14*/
{	font-size:14px;
	color:#330066; 
	font-weight:bold;
	font-family:Helvetica;
	margin-top:14px;
	margin-bottom:14px;
}
h5  /** Green 18*/
{	font-size:18px;
	color:#80aa00; 
	font-weight:normal;
	margin:0px 0;
	font-family:Helvetica;
	line-height:105%;
	text-align:left;
}
h6  /** Green 14*/
{	font-size:14px;
	color:#80aa00; 
	font-weight:bold;
	margin:12px 0;
	font-family:Helvetica;
}
 h1/** Copy on Top of Each Page */
{	font-size:10px;
	color:#808080  ; /** Gray */
	font-weight:normal;
	font-family:Arial;
	text-align:center;
	line-height:0px;
	display:none; 
}

h2 /** Keyword headline on all pages */
{	font-size:10px;
	color:#808080  ; /** Gray */
	font-weight:normal;
	font-family:Arial;
	text-align:center;
	margin-top:15px;
	margin-bottom: -7px;
}


#ex_page_con 
{	margin: 7px auto; /** distance from top left corner of screen */
	width: 876px; /** limits width of "page" */
	border: 1px solid #FFFFFF; /** border around "page" */
}


#page_con /** details of "border around "page"" */
{	border: 1px solid #bfbfbf; 
	padding: 3px 4px;
	background-color:#FFFFFF;
}


#header_con  /** position of SP logo */
{	background-image: url(../images/all/header_bg.jpg);
	height: 107px;
	border-bottom: 3px solid #FFFFFF;
}
#header_con img {margin-left:20px; margin-top:14.5px}
	
	
#topnav ul{
	margin-top:-12px;
	margin-right: -2.5px;
	margin-left:-42px;
	list-style:none;
}
#topnav li{
	width:140px;
	padding-right: 3px; /* Changing this to a larger width aligns properly in Safari and Opera (Both had too wide of a space on the left side - this pushes everything to the left). Doesn't affect FF or IE ==Lori Corbett == */
	padding-left: 2px; /* Changing this to a smaller width aligns properly in Safari and Opera (Both had too wide of a space on the left side - this pushes everything to the left). Doesn't affect FF or IE ==Lori Corbett == */
	float:left;
}
#topnav a{
	display:block;
	height:25px;
	background: url(../images/all/topnavv_bg.jpg) repeat-x;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	padding-top:2px;
}
#topnav a:hover{color:#000000; text-decoration: underline;}
#topnav a:visited{color:yellow;}


#flash {	height: 90px; border-bottom: 6px solid #FFFFFF;}  /** space under TIPS */

#flashIndex {	height: 90px; border-bottom: 6px solid #FFFFFF;}  /** space under TIPS */

#content {background: url(../images/all/content_sp.gif) repeat-y 202px top;}

#right_col {float:left;	width:663px;}
#right_colS {float:left; width:616px;}

#left_colH {
	float:left;
	width:202px;
}
#left_col {
	float:left;
	width:245px;
	margin-top:5px;
}

#leftnav{
	padding:0 0 145px 0;   /** Spacing for Green section under Nav buttons */
}
#leftnav ul{
	margin:0;
	padding: 0 0 30px 0;   /** Left spacing for left nav buttons */
	list-style:none;
}
#leftnav li{
	background: url(../images/all/leftnav_bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:27px;
}
#leftnav a{
	display:block;
	color:#330066; /** Blue */
	margin-top:5px;
	margin-left: 20px;
	line-height:14px;
	text-decoration:none;
	font-size:11px;
	}
#leftnav a:hover{color:#996600 /** Orange */; text-decoration: underline;}
#leftnav a:visited{color:#656565;}


#leftnavMJ{
}
#leftnavMJ ul{
	margin:0;
	padding: 0 0 115px 0;  /** Spacing for Green section under Nav buttons */
	list-style:none;
}
#leftnavMJ li{
	background: url(../images/all/leftnav_bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:27px;
}
#leftnavMJ a{
	display:block;
	color:#330066; /** Blue */
	margin-top:5px;
	margin-left:20px;
	line-height:14px;
	text-align:left;
	text-decoration:none;
	font-size:11px;
	}
#leftnavMJ a:hover{color:#996600 /** Orange */; text-decoration: underline;}
#leftnavMJ a:visited{color:#656565;}


#leftnavPub2{
}
#leftnavPub2 ul{
	margin:0;
	padding: 0 0 145px 0;  /** Spacing for Green section under Nav buttons */
	list-style:none;
}
#leftnavPub2 li{
	background: url(../images/all/leftnav_bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:27px;
}
#leftnavPub2 a{
	display:block;
	color:#330066; /** Blue */
	margin-top:5px;
	margin-left:20px;
	line-height:14px;
	text-align:left;
	text-decoration:none;
	font-size:11px;
	}
#leftnavPub2 a:hover{color:#996600 /** Orange */; text-decoration: underline;}
#leftnavPub2 a:visited{color:#656565;}


#leftnavRep{
}
#leftnavRep ul{
	margin:0;
	padding: 0 0 250px 0;  /** Spacing for Green section under Nav buttons */
	list-style:none;
}
#leftnavRep li{
	background: url(../images/all/leftnav_bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:27px;
}
#leftnavRep a{
	display:block;
	color:#330066; /** Blue */
	margin-top:5px;
	margin-left:6.5px;
	line-height:14px;
	text-align:left;
	text-decoration:none;
	font-size:11px;
	}
#leftnavRep a:hover{color:#996600 /** Orange */; text-decoration: underline;}
#leftnavRep a:visited{color:#656565;}


#leftnavPubS{
}
#leftnavPubS ul{
	margin:0;
	padding: 0 0 115px 0;   /** Spacing for Green section under Nav buttons */
	list-style:none;
}
#leftnavPubS li{
	background: url(../images/all/leftnav_bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:27px;
}
#leftnavPubS a{
	display:block;
	color:#330066; /** Blue */
	margin-top:1px;
	margin-left: 15px;
	line-height:18px;
	text-align:left;
	text-decoration:none;
	font-size:11px;
	}
#leftnavPubS a:hover{color:#996600 /** Orange */; text-decoration: underline;}
#leftnavPubS a:visited{color:#656565;}

#news {padding-top:3px;}
.newsTitle {
	line-height: 37px;
	margin-bottom: 5px;
	background: url(../images/all/Title_bg.jpg) repeat-x;
	padding: 0 0 0 15px;
	color:#FFFFFF;
	font-size:20px;
}


.LcolBoxW {
	float:left;
	width:245px;
	font-size:.90em; /* Changed from 11px to "em" and made the text sightly smaller  so all of the text is contained withing the boxes. Sometimes "em" height works better for formatting.  */
	color:#FFFFFF;
	padding:5px 0 0 0;
	height:220px;
}
.LcolTitleW{
	padding: 0 0 0 10px;
	font-size:15px;
	font-weight: bold;
	height:20px;
	line-height:20px;
}
.LcolBoxW {
	background: url(../images/home/Lcol_bg.jpg) repeat-x;
	margin-right:3px;
}
.LcolTitleW{background: url(../images/home/LcolTitle_bg.jpg) repeat-x;
}


.LcolBox {
	float:left;
	width:202px;
	font-size:.90em; /* Changed from 11px to "em" and made the text sightly smaller  so all of the text is contained withing the boxes. Sometimes "em" height works better for formatting.  */
	color:#FFFFFF;
	padding:5px 0 0 0;
	height:220px;
}
.LcolTitle {
	padding: 0 0 0 10px;
	font-size:15px;
	font-weight: bold;
	height:20px;
	line-height:20px;
}
.LcolBox {
	background: url(../images/home/Lcol_bg.jpg) repeat-x;
	margin-right:3px;
}
.LcolTitle{background: url(../images/home/LcolTitle_bg.jpg) repeat-x;
}

/** Left Column Wide */
.LeftBoxW, .MiddleBoxW, .RightBoxW {
	float:left;
	width:245px;
	font-size:.90em; /* Changed from 11px to "em" and made the text sightly smaller  so all of the text is contained withing the boxes. Sometimes "em" height works better for formatting.  */
	color:#FFFFFF;
	padding:5px 0 0 0;
	height:220px;
}
.LeftTitleW, .MiddleTitleW, .RightTitleW {
	padding: 0 0 0 10px;
	font-size:15px;
	font-weight: bold;
	height:27px;
	line-height:27px;
	margin: 0 0 0px 0;
}
.LeftBoxW {
	background: url(../images/home/Left_bg.jpg) repeat-x;
	margin-right:3px;}
.LeftTitleW{background: url(../images/home/LeftTitle_bg.jpg) repeat-x;}

.MiddleBoxW {
	background: url(../images/home/Middle_bg.jpg) repeat-x;
	margin-right:3px;}
.MiddleTitleW{background: url(../images/home/MiddleTitle_bg.jpg) repeat-x;}

.RightBoxW {background: url(../images/home/Right_bg.jpg) repeat-x;}
.RightTitleW{background: url(../images/home/RightTitle_bg.jpg) repeat-x;}



.LeftBox, .MiddleBox, .RightBox {
	float:left;
	width:202px;
	font-size:.90em; /* Changed from 11px to "em" and made the text sightly smaller  so all of the text is contained withing the boxes. Sometimes "em" height works better for formatting.  */
	color:#FFFFFF;
	padding:5px 0 0 0;
	height:220px;
}
.LeftTitle, .MiddleTitle, .RightTitle {
	padding: 0 0 0 10px;
	font-size:15px;
	font-weight: bold;
	height:27px;
	line-height:27px;
	margin: 0 0 0px 0;
}
.LeftBox {
	background: url(../images/home/Left_bg.jpg) repeat-x;
	margin-right:3px;}
.LeftTitle{background: url(../images/home/LeftTitle_bg.jpg) repeat-x;}

.MiddleBox {
	background: url(../images/home/Middle_bg.jpg) repeat-x;
	margin-right:3px;}
.MiddleTitle{background: url(../images/home/MiddleTitle_bg.jpg) repeat-x;}

.RightBox {background: url(../images/home/Right_bg.jpg) repeat-x;}
.RightTitle{background: url(../images/home/RightTitle_bg.jpg) repeat-x;}


#footer {
	background: url(../images/all/footer_bg.jpg) repeat-x;
	height: 49px;
	padding-top:26px;
	font-size:11.5px;
	color:#FFFFFF;
	text-align:center;
}
.img_right{
	float:right;
	margin: 5px 10px 0 5px;
}

.border_white{border: 1px solid #FFFFFF;} /** White border around images */

.read_more{
	background: url(../images/arrow_2.gif) no-repeat left center;
	color:#FFFFFF;
	text-decoration:none !important;
	font-weight:bold;
	padding:0 0 0 12px;
}

.Bl{color:#330066; }
.Blb{color:#330066; font-weight:bold;}
.Bli{color:#330066; font-style:italic;}

.padding10{margin-left:10px; margin-top:10px;}
.padding30{margin-left:30px; margin-top:20px; margin-right:30px;}

.right{text-align:right}
.center{text-align:center}
.left{text-align:left}

.qu {margin-left:5em; margin-right:5em; text-align:left; }
.q  {text-align:left; font-family:Times; font-weight:bold;}
.SF {font-family:Lucida Handwriting, Arial; font-style:italic;}
.reg{font-size:8px; vertical-align:super;}

.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.clearLG{
	font-size: 1px;
	line-height: 3.25px;
	clear: both;
	height: 3.25px;
}

.Chosen{font-family:Arial Black; color:#008000;}

