/*
-----------------------------------------------------------------------------
     Madison Aveunue Securities Public Web Site Styles
     Author: Amber Shaffer ashaffer@assetmarketingsystems.net
     Created: February 2008
-----------------------------------------------------------------------------
*/


html,body{margin:0;padding:0}
body {
	font: 12px arial, verdana, sans-serif;
	text-align:center;
	background-color: #f4f4f4;
	background-image: url("img/background.gif");
	background-position:top left;
	background-repeat:repeat-x;
}
.maroonbg {background-image: url("img/background_maroon.gif");}
.purplebg {background-image: url("img/background_purple.gif");}

a {color:#742512;}
#container {
	width:911px;
	margin:0 auto;
	text-align:left;
}
#containerindex {
	width:705px;
	margin:0 auto;
	text-align:left;
}

#wrapper {
	float:left;
	width:100%; 
	border-left: 1px solid #e8e7e7; 
	border-right: 1px solid #e8e7e7;
	background-color:#FFFFFF;
	/*background: #fff url("img/bg_dropshadow.png") bottom right no-repeat;*/
}
#content {
	margin: 0 210px 25px 169px; 
	background-color:#fff; 
	padding:0 20px;
}
#contentindex {
	margin: 0 0 10px 210px; 
	background-color:#fff; 
	padding:0;
}
#content h1 {
	color:#81a0cb; 
	font-size:14px; 
	margin:0; 
	padding-bottom:10px; 
	background: url("img/h1_dottedbar.jpg") bottom left no-repeat;
}
#content p{line-height:1.4}
#header {
	position:relative; 
	width:100%; 
	/*background: #f4f4f4; */
	width:913px; 
	margin-top:5px; 
	text-align:right;
}
#headerindex {
	position:relative; 
	width:100%; 
	width:700px; 
	margin-top:5px; 
	text-align:right;
}
#header a, #headerindex a {
	color: #999;
	padding:10px; 
	text-decoration:none;
}
#header a:hover, #headerindex a:hover {text-decoration: underline;}
#header h1{margin:0;}

/*    		 NAVIGATION  			
#nav {
	position:relative; 
	width:913px;
	background: #f4f4f4; 
	text-align:right; 
}
#nav a {
	text-decoration:none; 
	color:#003768; 
	font-size:12px; 
	font-weight:bold;
}
#nav a:hover {color:#81a0cb;}
*/
#sectiontitle_maroon {
	position:relative; 
	padding-top:20px; /*11px when #nav code is active*/
	height:38px; 
	width:913px; 
	color:#fff; 
	font-size:20px;
	font-weight:bold; 
	text-align:left; 
	font-family:Trebuchet MS, Verdana, Arial;
	background: url("img/topcorners_maroon.gif") bottom left no-repeat;}
#sectiontitle_purple{
	position:relative; 
	padding-top:20px;  /*11px when #nav code is active*/
	height:38px; 
	width:913px; 
	color:#fff; 
	font-size:20px;
	font-weight:bold; 
	text-align:left; 
	font-family:Trebuchet MS, Verdana, Arial;
	background: url("img/topcorners_purple.gif") bottom left no-repeat;}
#sectiontitle_blue {
	position:relative; 
	padding-top:20px;  /*11px when #nav code is active*/
	height:38px; 
	width:913px; 
	color:#fff; 
	font-size:20px;
	font-weight:bold; 
	text-align:left; 
	font-family:Trebuchet MS, Verdana, Arial;
	background: url("img/topcorners_blue.gif") bottom left no-repeat;}

#flash {
	position:relative; 
	padding-top:11px; 
	height:230px; 
	width:700px; 
	border-top: 3px solid #003768;
	background:#036;
}
#leftcolumn {
	float:left;
	width:169px;
	margin-left:-911px; 
	text-align:left;
}
#indexnav {
	float:left;
	width:200px;
	margin-left:-725px; 
	text-align:left;
}
#subnavcontainer {
	background: #fff;
	width: 145px;
	margin: 0 auto;
	padding: 1em 0;
	font-family: arial;
	font-size: 13px;
	font-weight:bold;
	text-align: center;
}
ul#subnav {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 145px;
}
ul#subnav li {
	display: block;
	margin: 0;
	padding: 0;
}
ul#subnav li a {
	display: block;
	width: 100%;
	padding: 0.5em 0 0.5em .5em;
	border-width: 1px;
	border-color: #fff #fff #ccc #fff;
	border-style: solid;
	color: #003768;
	text-decoration: none;
	background: #f4f4f4;
}
#subnavcontainer>ul#subnav li a {width: auto;}
#subnav li a.bottom {
	background:#f4f4f4 url("img/subnav_bottomcorners.gif") bottom left no-repeat; 
	border-bottom:none;
}
ul#subnav li a:hover, ul#subnav li#active a:hover {
color: #81a0cb;
background: transparent;
border-color: #e8e7e7 #fff #fff #ccc;
}
#sidebarcontainer {
	float:left;
	width:210px;
	margin-left:-210px;
	font-size:11px;
}
#sidebar_box {
	width: 195px;
	background: url("img/sidebar_top.gif") top left no-repeat;
	padding-top: 10px;
}
#sidebar_box #middle {
	width: 195px;
	background-image: url("img/sidebar_middle.gif");
	background-position: center;
	background-repeat: repeat-y;
}	
#sidebar_box #inside {
	padding-left: 20px;
	width: 157px;
}
#sidebar_box #inside h1 {
	color:#999; 
	font-size:12px; 
	margin:0; 
	padding-bottom:5px; 
	background: url("img/h1_sidebar_dottedline.gif") bottom left no-repeat;
}
.inner {padding: 18px 12px 0 18px;}
td.about, td.products, td.login, td.legal {height:180px; width:241px;}
td.about {background:url("img/box_about.gif") top left no-repeat;}
td.products {background:url("img/box_products.gif") top left no-repeat;}
td.login {background:url("img/box_login.gif") top left no-repeat;}
td.legal {background:url("img/box_legal.gif") top left no-repeat;}
td.about h3, td.products h3, td.login h3, td.legal h3 {color:#000033; font-size:14px; margin: 0; padding-bottom:8px;}
.contact {color:#999; font-size:16px;}
#footer {clear:left;width:100%;background: #f4f4f4;color: #999; font-size:11px;}
#footerindex {clear:left;width:100%;background: #fff;color: #999;border-top: 3px solid #003768; font-size:11px;}
#footer p {margin:0;padding:5px 10px}
#footer a {display:inline;padding:0;color:#742512;}