﻿* {
  padding: 0;
  margin: 0;
}
.alt_row{ background-color:#F2F2F2;}

body {
	margin:0;
	background:#000 url(../../images/main-grad-bg.png) top repeat-x ;
	font-family:arial, helvetica, sans-serif;
	/*font-size: 12px;*/
	font-size: 13px;
	line-height: 1.3em;
	}
	
a {
	text-decoration: none;
	color:#4367A8;
	}
	
a:hover {
	text-decoration: underline;
	}
.maintexttitle{
	font-weight: bold;
	color: #4367a8;
	font-size: 15px;
}

#main_container {
	width:780px;
	margin: 0 auto;
	padding: 0;
	}
	
#header {
	height:92px;
	width:100%;
	background: url(../../images/header-bg.png) top no-repeat;
	text-align: right;
	}
.header-phone {
	font-family:tahoma;
	font-size:20px;
	font-weight:bold;
	}

#info {
	/*font-size:11px;*/
	font-size: 12px;
	color:#444;
	text-align:right;
	padding:.5em 1em;
	}
	

	
p {
	}


#navigation {
	width:100%;
	height:24px;
	background: url(../../images/nav-bg.png) no-repeat;
	xtext-align:center;
	
	}
.navmenu{
    font: bold 13px Arial;
    width: 100%; /*leave this value as is in most cases*/
    margin-left: 20px;
    }

.navmenu ul{
    margin: 0;
    padding: 0;
    float: left;
    border-width: 1px 0;
    }

.navmenu ul li{
    display: inline;
    }

.navmenu ul li a{
    float: left;
    color: white; /*text color*/
    padding: 5px 11px;
    text-decoration: none;
    /*font-size: 11px;*/
		font-size: 12px;
    }

.navmenu ul li a:visited{
    color: white;
    }

.navmenu ul li a:hover, .navmenu ul li .current{
    color: white !important; /*text color of selected and active item*/
    padding-top: 6px; /*shift text down 1px for selected and active item*/
    padding-bottom: 4px; /*shift text down 1px for selected and active item*/
    background: green url(../../images/nav-bg-selected.png) center center repeat-x;
    text-decoration: none;
	}

#content { 
    text-align: left;
    padding: 4em;
    /*font-size: 11px;*/
		font-size: 12px;
    background:#ffffff url(../../images/content-bg-top.png) top repeat-x;
    height: 100%;
	}

#content h1 {
	font-size: 160%;
	margin: 0 0 1em 0;
	color: #0078AD}
	
#content h2 {
	font-size: 140%;
	margin: 1em 0;
	color: #0078AD;
	}	

#content_left_panel {
	float: left;
	width: 160px;
	margin-right: 2em;
	margin-top: 20px;
	}
	
#content_left_panel h2 {
	font-size: 140%;
	margin: 0;
	color: #0078AD;
	}	
#content_left_panel_lo_account {
	float: left;
	width: 160px;
	margin-right: 1em;
	margin-top: 20px;
	margin-left: -20px;
	padding-left: -20px;
	}
	
#content_left_panel_lo_account h2 {
	font-size: 140%;
	margin: 0;
	color: #0078AD;
	}	
#content_right_panel {
	float: right;
	width: 380px;
	margin-top: 20px;
	}
	
#content_right_panel h2 {
	font-size: 140%;
	margin: 0;
	color: #0078AD;
	}	

#content_right_panel_lo_account {
	float: right;
	width: 380px;
	margin-top: 20px;
	margin-right: 10px;
	padding-right: 10px;
	}
	
#content_right_panel_lo_account h2 {
	font-size: 140%;
	margin: 0;
	color: #0078AD;
	}	

#content_rt_panel {
	/*float:right;*/
	float: left;
	/*width: 470px;*/
	width: 460px;
	background:#fff url(../../images/TL-corner-shadow-bg.jpg) top left no-repeat;
	padding: 15px 0 5px 35px;
	}
	
 /* 
 not sure why I had to use this to make the list look correct 
 something wrong in this css causing a problem. maybe you won't
 need this when you merge with your file -milt
 */
#content_rt_panel li {
	margin-left: 30px; 
	}
.clear {
	clear:both;
	}
#content_bottom_banner {
	background: #f5f5f5;
	padding: 10px;
	border: 1px solid #888;
	}
	
#footer {
	margin:0;
	background:url(../../images/footer-bg.png) bottom no-repeat;
	xwidth:100%;
	height:66px;
	color:#fff;
	text-align:center;
	/*xfont-size:12px;*/
	font-size: 13px;
	padding-top:1em;
	}
#footer a{
	color:#FFFFFF;
}
#subfooter {
	background:url(../../images/subfooter-bg.png) top no-repeat;
	width:100%;
	height:50px;
	color:#fff;
	text-align:center;
	/*font-size:10px;*/
	font-size: 11px;
	padding-top:1em;
	}	

#LO_branding {
	float: right;
	margin-right: 8px;
	}
