/*	StyleSheet for ACM Broking	*/
/*	http://www.acmboking.com	*/
/*	Created on 23 Sept 2009		*/

body { margin: 0; line-height: 1.5em; font-family: Helvetica, Arial, sans-serif; color: #474747; font-size:14px; }
img { border:none; }
a {	color: #474747; text-decoration: underline;}
a:hover { color:#474747; text-decoration: none;}
h4{ margin-bottom:0;}
p{}


.clear {clear:both;}
.img-align-left { float:left; margin: 0 15px 0 0;}
.img-align-right { float:right; margin: 0 0 0 15px;}

/* Header styles */
#header{ background-color: #E2F2FE; border-bottom: 5px solid #9DD6FF; height: 61px; }
#headerContent{	position: relative; width: 750px; height: 100%; margin-left: auto; margin-right: auto; }
#logo{ position:relative; top:10px; right:auto; bottom:auto; left:auto; width:180px; }

/* Tab styles */
#tabs {	position:absolute; top: auto; right:0; bottom:0; left:auto; width: 500px;}
#tabs ul { margin: 0; }
#tabs li { float:left; display:inline; margin: 0 -20px 0 30px; padding:0; font-size: 1.143em; font-weight: bold; padding-left: 2px;}
#tabs li a, #tabs li strong { text-decoration: none; color: #636363; display: block; padding: 8px 10px 4px 8px;}
#tabs li.active a {padding: 0;}
#tabs li.active, #tabs li.active a, #tabs li.active strong {color: white; background: #9DD6FF;}
#tabs li.active, #tabs li:hover {background: #9DD6FF url(tab_top_left.png) top left no-repeat;}
#tabs li.active strong, #tabs li:hover a {background: #9DD6FF url(tab_top_right.png) top right no-repeat;}
#tabs li:hover a {color: white;}

/* navBar Styles */
#navBar{
	float:left; margin: 100px 0 20px 0;
	background: #F2F7FB;
	width: 180px;
    border-top: 1px solid #9DD6FF;
    padding: 0;
    overflow:hidden;
}
#navBar ul { margin:0; padding:0;}
#navBar li { margin: 0; padding: 5px 5px 5px 5px; border-bottom:solid 1px #9DD6FF; }
#navBar li:hover { background-color: #E2F2FE; }
#navBar li.group { font-weight:bold; color:#FFFFFF; background-color:#9DD6FF;}
#navBar li a { display:block; color:#474747; text-decoration:none; }
#navBar li a:hover { text-decoration:none; }
#navBar li.selected { background-color: #E2F2FE; }
#navBar li.selected a { color:#1D1D1D; }

/* body styles */
#bodyContainer{ width: 750px; margin-left: auto; margin-right: auto; }
#content{float:right; width:550px; margin-bottom:40px;}
#content img{ padding:10px 0 10px 0;}
#banner{ height:270px; font-size: 30px; font-weight:bold; color:#9DD6FF;}
#banner img{ float:right; margin:10px 0;}
#banner p{ margin:0; padding:100px 40px 0 40px; line-height:40px;}
#col1{float:left; width:48%;}
#col2{float:right; width:48%;}

/* Footer Styles */
#footer {
	text-align:center;
	height: 50px;
	background: white url(/App_Themes/acm/bottom_gradient.gif) top left repeat-x;
	padding: 14px;
	clear:both;
	font-size:14px;
	color: #AFB4B4;
	margin: 40px 0 0 0;
}
#footer a {color: #AFB4B4; text-decoration: none; margin: 0 4px;}
#footer a:hover {color:#636363; text-decoration: underline;}