/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 0;
  color: #000000; 
  min-width: 40em; margin: 0 auto;
  background: #b9b09d url(images/background.jpg) repeat-x top left fixed;
  text-align:center;} 
a:link {color: #4a8797;}
a:visited {color: #4a8797;}
a:hover {background: #eeeeee;}
a img {border: none;}
h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1.5em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
.breadcrumbs {text-align:left; margin: 0px 0px 0px 40px; color:#b9b09d;}
img {padding: 5px;}

/* layout */

#randomimage {padding: 5px 0 0 40px; }
#randomimage img {padding:0px; margin:0px;}
#bar {background: #4a8797; height:10px; width: 800px; margin-left: auto; margin-right: auto;}
#bottomBar {background: #4a8797; height:10px; width: 800px; margin-top:15px; }

#main {text-align:left; background: white url(images/newline_back.jpg) no-repeat bottom left; width: 800px; padding: 0px; border-right: 1px solid #000000; border-left: 1px solid #000000;margin-left: auto; margin-right: auto;}
#main p {margin: 10px 0 10px 40px; line-height: 1.6; text-align: justify;}
#main p.front {float: left; padding:20px 40px 10px 15px; width:300px;}
#main img.logo {padding: 20px 55px 0px 45px;}
#main a {text-decoration: none;}
#main h1 {margin: 0; padding: 8px 0px 0px 40px;  line-height: 1; color: #69bfde; margin-bottom: 5px;}
#main h2 {margin: 0; padding: 8px 0px 0px 40px;  line-height: 1; color: #69bfde; margin-bottom: 5px;}
#main h3 {margin: 0; padding: 8px 0px 0px 40px;  line-height: 1; color: #69bfde; margin-bottom: 5px;}
#main h4 {margin: 0; padding: 8px 0px 0px 40px;  line-height: 1; color: #69bfde; margin-bottom: 5px;}
#main h5 {margin: 0; padding: 8px 0px 0px 40px;  line-height: 1; color: #69bfde; margin-bottom: 5px;}
#main h6 {margin: 0; padding: 8px 0px 0px 40px;  line-height: 1; color: #69bfde; margin-bottom: 5px;}
#main .columns {float: left; padding:0px; width:350px; height:200px; text-align:left;}
#main .columnwide {float: left; padding:0px; width:750px; height:200px; text-align:left;}
#main .columns p.centertext {text-align:center;}
#main .columnwide p.centertext {text-align:center;}

#logo {
	background: white url(images/newline_logo.jpg) 100% 0 no-repeat;
	margin: 10px 21px 20px 40px; 
	padding-left: 230px; 
  	height: 85px; 
	width: 300px;


	left:0px; 
	top: 0px; 
	z-index: 1;
	text-align: left;
}

#logo2 {
	background: white url(images/newline_logo.jpg) 100% 0 no-repeat; 
	margin: 10px 21px 20px 40px; 
	padding: 0; 
  	height: 85px; 
	width: 300px;
	float:right

	left:0px; 
	top: 0px; 
	z-index: 1;
	text-align: left;
}



#innerfooter {color: #4a8797; font-weight: bold; font-size: 0.85em; text-align: center; margin-top: 30px; margin-bottom: 10px;}

#footer {text-align: center; width: 800px; height: 40px; color:#fff; background:#b9b09d; padding: 5px 0px; border-bottom:1px solid #000000; }
#smallfooter {text-align: center; color:#fff; padding: 5px 5px; font-size:10px;}
#smallfooter a:hover {background:none;}


/* nav */

#main_menu {padding:0;  margin: 5px 0 20px 40px; list-style-type:none; width:720px; background:#595441;}
#main_menu li {float:left; text-align:center;}
#main_menu li a, #main_menu li a:visited {float:left; color:#fff; font-size:1.2em; font-family:"arial", serif; font-weight:bold; text-decoration:none; margin: 0 30px 0 60px; padding-bottom:0px;}

#navBar {display: block; margin: 30px 0 0px 40px; float:left; text-align:left;}
#navBar ul {display: block; float: left; width: 140px; list-style-type: none; padding: 0; margin: 0;}
#navBar li {font-size: 0.85em; display:block; float:left; width: 180px; min-height: 30px;}
#navBar a {padding: 3px 3px 3px 1px;}
#navBar a:hover {background: #eeeeee;}

.sidemenu {float:right; width: 190px; padding:0px; margin: 2em 3em 0px 0px;}
.sidemenu ul {float:right; padding:0; margin:0; list-style-type:none;}
.sidemenu li {float:right; width:190px; position:relative; height: 70px; width: 180px; margin-bottom: 10px;text-align: left; padding-top: 20px;}
.sidemenu li.one {background:url(images/buttons/button1.jpg) no-repeat; }
.sidemenu li.two {background:url(images/buttons/button2.jpg) no-repeat; }
.sidemenu li a {padding:0px 0px 0px 90px; color: #fff; font-size: 14px;}
.sidemenu li a:hover {text-decoration:underline; background: none;}

/* content */

#content {margin: 2em 2em 0 200px; padding: 0 20px 0 0; min-height: 10em; position:relative; border-left: 1px dashed #c5c5c5;}
#content ul {margin: 0 0 0 4em;}
#content .underwriter {width:560px; padding-bottom: 20px;}

#menucontent {margin: 2em 250px 0 0px; padding: 0 20px 0 0; min-height: 10em; position:relative;border-right: 1px dashed #c5c5c5;}
#menucontent ul {margin: 0 0 0 4em;}
#widecontent {margin: 2em 2em 0 0px; padding: 0 20px 0 0; min-height: 10em; position:relative;}
#widecontent ul {margin: 0 0 0 4em;}
#widecontent .underwriter {width:760px;}
#content .right {text-align:right;}

/* drop menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
width:720px; 
font-size:1em;
padding:10px 40px 10px 40px;

}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:180px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:180px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:169px; 
height:25px; 
border:1px solid #fff; 
border-width:1px 0px 0 0; 
background:#4a8797; 
padding-left:10px; 
line-height:24px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:180px;
w\idth:169px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#b9b09d;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}

/* ADDED TODAY! */

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#b9b09d;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#595441;
}
.menu ul ul ul :hover > a {
background:#595441;
}
/*************/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:26px;
left:0; 
width:180px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:25px;
t\op:26px;
}

/* ADDED TODAY */
/* position the third level flyout menu */
.menu ul ul ul{
left:180px; 
top:0;
width:180px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-180px;
}
/*************/


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#b9b09d; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:159px;
filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:180px;
w\idth:159px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#595441;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#595441;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}