/*
Site layout map:
(1) body
	(2)container
		(3) menu
			(4) l_menu
			(4) r_menu
		(3) header
			(4) logo
			(4) top_buttons
		(3) content
			(4) left
				(5) l_top
				(5) l_bottom
					(6) bottom_banner
			(4) right
				(5) r_top
				(5) r_bottom
					(6) r_b_header
		(3) footer
			(4) f_top
				(5) f_top_left
				(5) f_top_right
			(4) f_bottom
				(5) f_bottom_left
				(5) f_bottom_right
*/

/*
Defaults and body
*/
body { margin: 0; padding: 0; background-image:url(../images/page_bg.png); background-repeat: repeat-x;background-position: top; font-family: 'Karla', Geneva, Arial, Helvetica, sans-serif; color: #444444;
font-size: 12pt;
letter-spacing: -0.5pt;}
span { display: block; font-size: 10pt; padding: 0.3em; display: none; }
img { border: 0; }
a { text-decoration: none; color:#75BE10; }
a:hover {color:#34A3C6;}
h2 { font-family: 'Karla', Arial, Helvetica, sans-serif; color:#77C712; font-size:17px; 
}
h3 { font-family: 'Karla', Arial, Helvetica, sans-serif; color:#E44646; font-size:17px; 
}
p {
color: #444444;
font-size: 12pt;
letter-spacing: -0.5pt;
}
table .two_col {
	font-family: 'Karla', Geneva, Arial, Helvetica, sans-serif;
}

/*
Container
*/
#container { width: 1024px; margin-left: auto; margin-right: auto; }

/*
Menu
*/
.menu {  min-height:30px; overflow:hidden; width: 98%; }
.menu .l_menu {
	width: 60%;
	float: left;
	padding-top: 2px;
}
.menu .l_menu a:hover { color: #c9dbe5; }
.menu .r_menu {
	width: 40%;
	float: right;
	text-align: right;
}
.menu ul { margin: 0; padding: 0; padding-top: 10px;}
.menu ul li { display: inline; vertical-align: top;  }
.menu ul li img { margin-top: -3px;  }
.menu ul li a { text-decoration: none; color: #FFFFFF; font-size: 9pt; padding-left: 10px; }
.menu .r_menu a { padding: 0; }

/*
Header
*/
.header { overflow: hidden; padding-top: 7px; width: 98.5%; margin-left: 1%; }
.header .logo { float: left; width: 33%; padding-top: 25px; }
.header .top_buttons { 
	float: right; 
	text-align: left; 
	width: 656px; 
	height: 70px;
	margin-top: 15px; 
	margin-bottom: 10px; 
	margin-right: 10px;
	background-image:url(../images/top_buttons_bg.png); 
	background-position: top right; 
	background-repeat:no-repeat; 
}

.header .top_buttons a { padding-left: 15px; padding-right: 10px; padding-top: 15px; }

/*
Content area
*/
.content { overflow: hidden;}
.content .left h1 { 
	background-image:url(../images/header_bg.png); 
	height: 35px; 
	background-position: top left; 
	background-repeat: no-repeat; 
	
	color: #FFFFFF;
	font-size: 15pt;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0;
	font-weight: normal;
	
	text-shadow: #000000 0px 0px 3px;
}
/* Because the left and right are positioned the same on the vertical
axes, combine them to keep the vertical positioning the same. */
.content .left .l_top, .content .right .r_top { min-height: 300px; }
.content .left .l_bottom, 
.content .right .r_bottom { min-height: 300px; margin-top: 35px; }

/* Content right */
.content .right { float: right; width: 255px; }
.content .right .r_bottom { margin-top: 5px; text-align: center; margin-right: 12px; }
.content .right .r_bottom p { font-size: 10pt; text-align: justify; padding-left: 20px; padding-right: 20px; color: #767676; }
.content .right .r_top { padding-top: 30px; }

.content .right .r_top .new {
	background-image: url(../images/new_to_ar.png);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 12px;
	width: 240px;
	padding-top: 30px;
}

.content .right .r_top .new p {
	padding: 20px;
	padding-top: 0px;
	font-size: 10pt;
	padding-bottom: 10px;
	margin-bottom: 0;
	line-height:1.5em;
	color: #373737;
}

.content .right .r_top .sm {
	background-image: url(../images/blank_side_header.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top: 12px;
	width: 240px;
	margin-bottom: 20px;
}

.content .right .r_top .sm ul {
	margin: 0;
	padding:20px;
	padding-top: 50px;
}

.content .right .r_top .sm ul li {
	margin: 0;
	padding:0;
	list-style-type: none;
	font-size: 10pt;
	padding: 5px;
	border-bottom: 1px #d1dec2 solid;
}

.content .right .r_top .sm ul li a {
	color: #444444;
}

.content .right .r_top .sm ul li a:hover {
	color: #38aacc;
}

/* 
Content left
*/
.content .left { float: left; width: 730px; margin-left:10px;}
.content .left .l_top { }
.content .left .l_top .banner { text-align: center; padding-top: 30px; }
.content .left .l_bottom {}
.content .left .l_bottom table, 
.content .left .l_bottom .bottom_banner { width: 100%; }
.content .left .l_bottom table td, 
.content .left .l_bottom .bottom_banner { text-align: center; }
.content .left .l_bottom .bottom_banner { margin-top: 15px; }

/*
Footer 
*/
.footer { font-size: 9pt; color: #767676; border-top: 1px #b3b3b3 solid; }
.footer .f_top, 
.footer .f_bottom { width: 98%; padding: 10px; padding-bottom: 5px; height: 20px; }
.footer .f_bottom { }
.footer a { text-decoration: none; color: #767676; }
.footer .f_top .f_top_left, .footer .f_bottom .f_bottom_left  { width: 30%; float: left; clear: both; }
.footer .f_top .f_top_right, .footer .f_bottom .f_bottom_right { width: 65%; float: right; text-align: right; }