/* Southern Fidelity CSS */

* { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a img,:link img,:visited img { border:none }

body {
	background-color: #666633;
	/*background-image: url(../images/siteBg1b.gif);
	background-repeat: repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #333333; 
	}

a:link { color: #527dd5; text-decoration: none;
	}
a:visited { color: #516da7; text-decoration: none; }
a:hover { color: #6698fd; text-decoration: none; }
a:active { color: #003399; text-decoration: none; }


/* gloabal styles */	

#wrapper { width:980px; margin-left:auto; margin-right:auto; height:100%; background-image:url(../images/980x10_bgSolid.gif); background-repeat:repeat-y;}

#header { width:980px; height:160px; background-image:url(../images/980x160_headerBg.gif); background-repeat:no-repeat; display:block }
	#headerLogo { margin-left:40px; margin-top:30px; position:absolute }
	#liveChatButton {}
	#agentLoginButton {}
	
#flashWrapper { width:960px; height:200px; display:block; margin-left:auto; margin-right:auto }
	#flashBanner { width:960px; height:200px; display:block;}	

#homeMessage { width:980px; display:block; background-image:url(../images/980x300_homeMessageBg.gif); background-repeat:no-repeat; display:block; }
	#homeMessageText { padding-top:20px; padding-right:40px; padding-bottom:5px; padding-left:40px;}
	
#contentHome { width:960px; display:block; background-image:url(../images/980x20_contentHomeBg.gif); background-repeat:repeat-y; background-position:center; margin-left:10px; margin-right:10px; }
#content { width:960px; display:block; background-image:url(../images/960x20_contentBg.gif); background-repeat:repeat-y; background-position:center; margin-left:10px; margin-right:10px; }
#contentTopDropShadow { width:980px; height:10px; display:block; background-image:url(../images/980x10_contentTopDrop.gif); background-repeat:none; }

	#homeBoxes { width:900px; padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; display:block; }
	
		#box1 { width:300px; float:left }
		#box2 { width:300px; float:left }
		#box3 { width:300px; float:left }
		
		.boxHeader { width:300px; display:block;}
		.boxTitle { padding:15px 20px 5px 20px; height:30px; }
		.boxContent { width:240px; background-image:url(../images/300x400_boxesBg.gif); padding:10px 30px 10px 30px }
		.boxFooter { width:300px; height:40px; background-image:url(../images/300x40_boxesFooter.gif); background-repeat:no-repeat; display:block; text-align:center}
	
	#contentColumnLeft { float:left; width:616px;
}
		#contentHeader { width:537px; 
background-image:url('../images/620x200_contentHeaderBg.gif'); 
background-repeat:no-repeat; padding-left:60px; padding-top:15px; padding-right:20px; padding-bottom:10px; }
		.leftText { width:536px; 
padding-left:60px; padding-right:20px; padding-top:10px; padding-bottom:20px;
}
	
	#contentColumnRight { float:right; width:300px; padding-left:10px; padding-right:30px }
		.rightBoxes { margin-top:10px; margin-bottom:20px; }
		.rightBox1 { width:300px; display:block }

#footer { width:980px; height:130px; background-image:url(../images/980x130_footerBg.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center; display:block; }
	#footerLogos { padding-top:20px; padding-right:190px; padding-left:190px; padding-bottom:20px;}
	#footerText { width:900px;  padding-left:40px; padding-right:40px; text-align:center }
	.footerText { font-size:10px; color:#333333;}
	#shareButton { height:25px; width:90px; float:right; position: absolute; margin-left: 850px; margin-top:-100px}

.clearer { clear:both }
.button { margin-top:15px; }


h1 {font-size:24px; color:#003399; margin-bottom:5px; line-height:28px; font-weight:bold}
h2 {font-size:22px; color:#003399; margin-bottom:5px; line-height:18px; font-weight:bold;
	text-align: left;
}
h3 {font-size:18px; color:#333333; margin-bottom:5px; line-height:18px; font-weight:bold}
h4 {font-size:14px; color:#333333; margin-bottom:5px; line-height:18px; font-weight:bold}
h5 {font-size:12px; color:#333333; margin-bottom:5px; margin-top: 10px; line-height:16px; font-weight:normal;}
h6 {font-size:10px; color:#7d7d7d; margin-bottom:5px; line-height:12px; font-weight:bold}		
		

ul { list-style:url(../images/12x9_arrowForwardGrey2.gif); list-style-type:disc; list-style-position:inside; color:#333333; margin:0px 0px 0px 0px; padding:0px }
/*ul { list-style-type:disc; list-style-position:inside; color:#333333; margin:0px 10px 0px 0px; }*/
li {margin:10px 0px 0px 0px;}

.listItem
{
	margin:0px 15px 0px; padding:2px; list-style-position:outside;

}


/* content pages styles */

.contentHeader { width:720px; height:20px; display:block; margin-left:auto; margin-right:auto; background-image:url(../images/740x20_Hr_pageHeader.gif); background-repeat:no-repeat; background-position:top; }
.contentColumnsWrapper { width:720px; background-image:url(../images/720x10_contentBgVr.gif); background-repeat:repeat-y; background-position:top; padding-left:100px; padding-right:100px;}


/* start of nav menu styles */
#navcontainer
{
float:right;
height:30px;
margin-top:126px;
margin-right:50px;
z-index: 1;
}

#navcontainer ul
{
list-style-type: none;
text-align: center;
margin-top: 0px;
padding: 0;
position: relative;
z-index: 2;
}

#navcontainer li
{
display: inline;
text-align: center;
margin-right: 0px;
font-size:12px;
font-weight:bolder;
/*letter-spacing:.15em;*/
}

#navcontainer li a
{
padding: 10px 12px;
color: #fff;
text-decoration: none;
background-image:url(../images/150x30_NavTabBg_Green.gif); background-repeat:no-repeat; background-position:right;
}

#navcontainer li a:hover
{
color: #eeedcc;
background-image:url(../images/150x30_NavTabBg_Green.gif); background-repeat:no-repeat; background-position:right;
}

#navcontainer li a#current
{
color: #dddddd;
background-image:url(../images/150x30_NavTabBg_Blue.gif); background-repeat:no-repeat; background-position:right;
}


/* top two special buttons */
#buttonChat { height:35px; width:140px; position:absolute; float:right; margin-top:10px; margin-left:655px; }
#buttonAgent { height:35px; width:140px; position:absolute; float:right; margin-top:10px; margin-left:795px; }
#buttonPayment { height:35px; width:200px; position:absolute; float:right; margin-top:10px; margin-left:500px; }