/*html, body {background-color: #f3f3f3; color: #888;}*/

html, body {background-color: #f3f3f3; color: #333;}

h1, h2, h3, h4, h5, h6, #header, #banner {font-family: "Century Gothic", Helvetica, Arial, sans-serif;}

.center {text-align: center;}

.more_button { float: right; margin-right: 30px;}

.float-right {float: right;}
.float-left  {float: left;}

.clear {clear: both}

.map iframe{border: 2px solid #acacac;}
.map {margin-bottom: 25px}

hr {margin: 15px 0px;}

#header {height: 100px; border-bottom: 1px solid #fff;}
#header h1 {margin: 0px; padding: 0px;}
#top_nav {height: 12px; text-align: right; padding: 8px 60px 0px 0px; color: #666;}
#top_nav a {color: #014ead; text-decoration: none;}
#top_nav a.login {text-transform: uppercase;}
#top_nav a:hover {text-decoration: underline;}

.navigation {list-style-type: none; margin: 8px 0px 0px 7px; padding: 0px;}
.navigation li {float: left; display: block; text-transform: uppercase; font-size: 16px; font-weight: bold; }
.navigation li a {color: #111; display: block; text-decoration: none; padding: 5px 12px 7px; background: url(/images/menu_border.png) repeat-y left;}
.navigation li a span {text-transform: none; display: block; font-size: 12px;  font-weight: normal;}
.navigation li a:hover {color: #666; }
.navigation li.active a, .navigation li.active a:hover {color: #014EAD; font-weight: bold;} 

#banner {background: #0068c3 url(/images/banner_background.png) repeat-x top; border-top: 1px solid #c9ccd0;}
#banner .container { height: 318px; background: url(/images/banner_star.png) no-repeat; }
#banner img {margin-top: 20px;}
#banner h2, #banner h3, #banner p {color: #fff; font-weight: bold; margin-left: 10px;}
#banner h2 {margin-top: 50px; margin-bottom: 0px; font-size: 2.8em; line-height: 1em;}
#banner h3 {margin-top: 5px;  font-size: 2.0em; word-spacing: 16px;}
#banner p  { font-size: 1.2em; line-height: 1.3em; width: 450px;}


#content {background: url(/images/content_background.png) repeat-x bottom;  padding: 60px 0px;}
#content h2 {font-size: 2.8em;}
#content h2 .top {font-size: .5em; display: block; margin-top: -11px;}

#content .span-8 p {width: 275px;}

#content ul.news {list-style-type: none; margin: 0px; padding: 0px;}
#content ul.news li {padding: 0px;}
#content ul.news li a {color: #014ead; font-size: 1.2em; text-decoration: none;}
#content ul.news li .date {color: #9a9a9a; font-size: .8em; line-height: 7px; margin-bottom: 10px;}
#content ul.news li a:hover {text-decoration: underline;}

#more_content {border: 1px solid #fff; border-left: none; border-right: none; background: #fff url(/images/more_content_background.png) repeat-x top; min-height: 110px; padding: 10px 0px;}

a {text-decoration: none; color: #014ead;}
a:hover {text-decoration: underline; color: #014ead;}
#banner h1 {color: #fff; font-weight: bold; margin-top: 50px; margin-bottom: 0px; font-size: 2.8em;}	
#banner h1 a {color: #eee;}
#banner .short {height: 100px;}
			
#more_content .padding {padding: 20px 0px 20px 0px;}
#more_content strong {color: #333;}
#more_content .border_right {border-right: 1px solid #eee; padding-right:20px;}
#more_content .border_left {border-left: 1px solid #eee; padding-left:20px;}

#more_content ul.sub_nav {list-style-type: none; padding: 0;}
#more_content ul.sub_nav li a {text-decoration: none; color: #014ead; font-size: 1.5em;}
#more_content ul.sub_nav li.active a {color: #999;}
#more_content ul.sub_nav li a:hover {text-decoration: underline;}
#more_content ul.sub_nav li.active a:hover {color: #999; text-decoration: none; cursor: default;}

#more_content ul.sub_nav ul {font-size: .8em; list-style-type: square; margin-left: 15px; padding-left: 0px;}
#more_content ul.sub_nav li.active ul li a {color: #014EAD;}			
#more_content img {margin: 10px; vertical-align: middle;}

#more_content .download p {font-size: 1em; font-weight: bold; padding: 6px 0px 6px 130px;}
#more_content a.download_button {height: 41px;  display: block; position: relative; margin-bottom: 10px;}
#more_content a.download_button img {position: absolute; margin: 0px;}
		
.next {text-align: right;}

#footer {background: #444444 url(/images/footer_background.png) repeat-x top; min-height: 200px; padding: 20px 0px; font-size: 13px; line-height: 18px;}
#footer a, #footer, #footer h2 {color: #fff;}
#footer ul {list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 15px;}
#footer li {padding: 0px; margin: 0px;}
#footer h2 {font-size: 17px;font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}