body {
	margin: 0px; }

#banner a {
	display: block;
	background: url(../images/header_bgd.jpg) top no-repeat;
	padding-top: 244px;
	height: 0px;
	overflow: hidden; }

#navigation, #navigation ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none; }
	
#navigation li:hover, #navigation li.hover{
	   position: static; }


#navigation a {
	display: block; }

#navigation .nav_button #home {
	padding-top: 42px;
	height: 0px;
	overflow: hidden;
	width: 76px;
	background: url(../images/home-bt.png) 0px -42px no-repeat; }

#navigation .nav_button #home {
	display: block;
	padding-top: 42px;
	height: 0px;
	overflow: hidden;
	width: 76px;
	background: url(../images/home-bt.png) 0px -42px no-repeat; }

#navigation .nav_button #bond_types {
	display: block;
	padding-top: 42px;
	height: 0px;
	overflow: hidden;
	width: 132px;
	background: url(../images/types-bt.png) 0px -42px no-repeat; }

#navigation .nav_button #apply {
	display: block;
	padding-top: 42px;
	height: 0px;
	overflow: hidden;
	width: 127px;
	background: url(../images/apply-bt.png) 0px -42px no-repeat; }

#navigation .nav_button #profile {
	display: block;
	padding-top: 42px;
	height: 0px;
	overflow: hidden;
	width: 153px;
	background: url(../images/company-bt.png) 0px -42px no-repeat; }

#navigation .nav_button #learn {
	display: block;
	padding-top: 42px;
	height: 0px;
	overflow: hidden;
	width: 70px;
	background: url(../images/learn-bt.png) 0px -42px no-repeat; }

#navigation .nav_button #login {
	display: block;
	padding-top: 42px;
	height: 0px;
	overflow: hidden;
	width: 120px;
	background: url(../images/login-bt.png) 0px -42px no-repeat; }

#navigation li {
	float: left; }

#navigation li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }

#navigation li ul a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	height: 30px;
	text-align: center; }

#navigation li ul ul { /* third-and-above-level lists */
	position: absolute; }

#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	left: -999em; }

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; }

#navigation .nav_button .submenu {
	height: 40px;
	width: 670px;
	position: absolute; }
	
#navigation .submenu .sub_nav_button .subnavlink {
	font-size: 13.5px;
	display: block;
	float: left;
	width: 145px;
	height: 40px; 
	font-weight: 700;
	}
	

#navigation .nav_button #home:hover, #navigation .nav_button #bond_types:hover, #navigation .nav_button #apply:hover, #navigation .nav_button #profile:hover, #navigation .nav_button #learn:hover, #navigation .nav_button #login:hover {
	background-position: 0px 0px; }

.subnavlink {
	display: block;
	padding: 9px 5px 5px 5px;
	color: #CADADA;
	font-family: courier, serif
	font-size: 20px;
	text-decoration: none;
	cursor: pointer;
	height: 30px;
	text-align: center;
	background:url(../images/subnav-div.png) no-repeat top right; }

.subnavlink:hover {
	color: #E5A102;
	text-decoration: underline !important; }

.dropmenu {
	margin-top: 40px!important;	
	position: absolute;
	margin-left: -15px !important;
	width: 160px !important;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:url(../images/drop-menu-fade.gif) repeat-x top left;		
	border: #CAE3FF 5px solid;
	border-top: none;
	padding-top: 0px !important; }

.dropmenu li{
	background-color: #284B6F;
	padding:0 5px;
	width:150px;
}

.dropmenu .dropmenulink {
	color: #CADADA;
	text-decoration: none;
	background: url(../images/bullet.png) left no-repeat;
	width: 160px;
	height: auto !important;
	line-height:20px;
	padding: 2px 15px 2px 15px;
	display: block;
	text-align:left!important; 
	font-size: 12px !important;	}

.dropmenu .dropmenulink:hover {
	text-decoration: underline !important;
	color: #E5A102; }

.last{
	border:none !important; } 

p.breadcrumb{
	margin: 0px;
	clear: both;
	position: absolute;
	width: 700px;
	margin-top: 83px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	background: url(../images/breadcrumb-bullet.png) no-repeat left;
	padding-left: 10px;
	color: #9a9a9a; }

p.breadcrumb a{
	color: #CADADA; }

#sub-sure{
	margin-left: -70px !important; }

#sub-apps{
	margin-left: -132px !important; }

#sub-prof{
	margin-left: -120px !important; }

#sub-info{
	margin-left: -410px !important; }

#left_pane {
	float: left;
	width: 220px;
	margin-top: 18px; }

#left_pane ul {
	margin: 0px;
	padding: 0px;
	list-style: none; }
	
#left_pane-apply h3 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-apply.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#left_pane-bonding h3 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/side-bonding.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#left_pane-commercial-bonds h3 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/side-commercial-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#left_pane-bryant h3 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/side-bryant.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
	
#left_pane-contract-bonds h3 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/side-contract-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#left_pane-court-bonds h3 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/side-court-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	

#left_pane-learn h3 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/side-learn.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#left_pane-surety-bonds h3 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-surety-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }

#left_pane ul li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999; }

#left_pane ul li#assistance a {
	padding: 15px 0px 0px 0px;
	height: 70px;
	background: none;
	text-align: center; }

#left_pane ul li.quote {
	padding-top: 10px; }

#left_pane ul li.testauthor {
	padding-top: 10px;
	color: #666666;
	font-style: italic; }

#left_pane ul li a {
	color: #CADADA;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 5px 5px 25px;
	height: 15px;
	display: block;
	background: url(../images/subpage-left-nav-bt.png) no-repeat;
	margin-bottom: 5px;
	text-decoration: none; }

#left_pane ul li a:hover {
	text-decoration: underline; }

#content {
	float: right;
	width: 460px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 1.7em;
	margin-top: 8px; }

#content a {
	color: #E5A102; }
	
#content h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 20px 0px 15px 0px; }
	
#apps h2 {
	padding-top: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #666666;
	margin: 20px 0px 15px 0px; }

h1 {
	margin: 0px 0px 11px 0px;
	padding: 0px;
	line-height: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 27px;
	color: #0D3060;
	font-weight: normal;
	margin-top: 13px; 
	}

#footer {
	height: 72px; }

#footer p {
	margin: 0px; }

#contact_info {
	padding-top: 20px;
	float: left;
	width: 400px;
	height: 42px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CADADA;
	line-height: 1.7em; }

#contact_info a, #copyright a {
	color: #E5A102; }

#copyright {
	float: right;
	padding-top: 20px;
	height: 42px;
	width: 250px;
	color: #CADADA;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; }
	
#copyright img, #apponlineimg, #assistance img {
	padding-top: 0px;
	margin-left: 10px;
	border: none; }

#hackersafe {
	margin-right: 10px; }

/*===== SCALABLE CONTENT =====*/

#large_wrap{
	width:100%;
	position:absolute;
	margin-top: 350px; }

#content_wrap{
	background:#FFF;
	overflow:auto;
	padding-bottom:10px; }

#content_container{
	width: 700px;
	margin: auto; }

#footerwrap{
	background:url(../images/subpage-footer.png);
	background-repeat:repeat-x;
	background-position:top; }

#footercontainer{
	width:700px;
	margin: auto; }

#headerwrap{	
	position: absolute;
	width:100%;
	background:url(../images/backing-top.png);
	background-repeat:repeat-x;
	background-position:top;
	height: 349px; }

#header{
	margin: auto;
	width: 700px;
	margin-top: 0px; }