/* the tramlines vanilla stylesheet */


/* ====================vanilla- delete these to remove the vanilla styles===================== */




/* ====================  general  ===================== */
body {
	color:#4c4c4c;
	margin:0px;
}
#background_switch_links a {
	font-size:15px;
	font-weight:bold;
	padding:6px 7px 3px;
	margin:0 0 0 1px;
	float:left;
	background: url(/images/utilities_bg.png) top left repeat;
	color:#FFFFFF;
}
#background_switch_links {
	position:absolute;
	bottom:0px;
	right:0px;
}
.body_bg_01 #switch1, .body_bg_02 #switch2, .body_bg_03 #switch3, .body_bg_04 #switch4, .body_bg_05 #switch5   {
	background: none #00449E;
}

.body_bg_01 {background: #ab6e73 url(/images/page_bg_01.jpg) center top no-repeat;}
.body_bg_02 {background:#767e4f url(/images/page_bg_02.jpg) center top no-repeat;}
.body_bg_03 {background: #141d02 url(/images/page_bg_03.jpg) center top no-repeat;}
.body_bg_04 {background: #b39597 url(/images/page_bg_04.jpg) center top no-repeat;}
.body_bg_05 {background: #b73a42 url(/images/page_bg_05.jpg) center top no-repeat;}
.body_bg_06 {background: #fefefe url(/images/page_bg_06.jpg) center top no-repeat;}

/*.body_bg_01 #header_quotes {
	background: url(/images/quote_1.png) no-repeat 568px 98px;
}
.body_bg_02 #header_quotes {
	background: url(/images/quote_2.png) no-repeat 272px 189px;
}
.body_bg_03 #header_quotes {
	background: url(/images/quote_3.png) no-repeat 81px 107px;
}
.body_bg_04 #header_quotes {
	background: url(/images/quote_4.png) no-repeat 356px 190px;
}
.body_bg_05 #header_quotes {
	background: url(/images/quote_5.png) no-repeat 104px 145px;
}*/
.clear {
	clear:both;
}
.hide {
	visibility:hidden;
	display:none;
}
#wrapper {
	width:980px;
	margin:0 auto;
	position: relative;
}
.intro, #intro {
  background-color: #f5f5f5;
  font-size: 12px;
  padding: 5px;
}
div.details {
	border-top:1px dashed #BBBBBB;
	clear:left;
	color:#666666;
	font-size:11px;
	margin-top:20px;
	padding:5px 0 0;
}
.content a, .content a:link {
	color:#00449e;
	text-decoration:none;
}
.content a:hover {
	text-decoration:underline;
}
#flash_error, #flash_notice {
	display:block;
	width:440px;
	float:left;
}
/* ====================  header  ===================== */
#header {
	margin-bottom:0px;
}
#header_quotes {
	display: none;
	height: 0px;
}
#home #header_quotes {
	display: block;
	height: 377px;
	position:relative;
	width:980px;
}
#home #header_quotes #quote_panel, #home #header_quotes #quote_panel span.quote_text, #home #header_quotes #quote_panel span.quote_credit, #home #header_quotes #quote_panel_base {
	display:none;
}
#home #header_quotes #quote_panel {
	width: 331px;
	padding: 15px 17px 1px;
	margin: 0;
	background: url(/images/caption_bg.png) 0 0 no-repeat;
	float: left;
}
#home #header_quotes #quote_panel span.quote_text {
	margin: 0 0 10px 0;
	font-size: 27px;
	line-height: 35px;
	color: #131313;
	width: 331px;
}
#home #header_quotes #quote_panel span.quote_credit {
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 21px;
	color: #4c4c4c;	
	width: 331px;
	float: left;
}
#home #header_quotes #quote_panel_base {
	width: 365px;
	height: 53px;
	padding: 0;
	margin: 0;
	background: url(/images/caption_base.png) 0 bottom no-repeat;
	float: left;
}

#site_logo {
	display: block;
	background: url(/images/logo.png) 0 0 no-repeat;
	margin:29px 0 0 7px;
	text-indent: -6000px;
	float:left;
	width: 247px;
	height: 119px;
	z-index: 40;
	position: relative;
}
#logo_img {
	display:none;
}
#utilities {
	padding-top: 52px;
	height: 50px;
}
#user_links {
	float:right;
	padding: 10px;
	background: url(/images/utilities_bg.png) top left repeat;
}
#user_links a, #user_links span {
	padding: 5px 5px;
	margin: 3px 10px 3px 3px;
	display: block;
	float: left;
	color: #fff;
	font-size: 1.5em;
}
#user_links a.acc_links {
	margin: 3px 1px;
	font-size: 1.9em;
	margin-top: 0px;
}
#user_links span {
	padding: 5px 1px;
	margin: 5px 0 3px;
	font-weight: normal;
	color: #aaa;
	font-size: 1.3em;
}
#user_links a:hover {
	color: #accd00;
}
#user_links p {
	margin:0px;
	display: inline;
}
#search_box {
	float:right;
	color: #333;
	background: url(/images/utilities_bg.png) top left repeat;
	padding: 9px 5px;	
	height: 31px;
}
#search_box input#search_field {
	height: 18px;
	padding: 7px 3px 1px;
	border-top: 1px solid #9a9892;
	border-bottom: 1px solid #67645a;
	border-left: 1px solid #7f7c73;
	margin: 2px 0 0;
	width: 180px;
	font-size: 1.2em;
	color: #444;
}
div#search_box input#search_icon {
	background-color: transparent;
	background-image:url(/images/go.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border-style:none;
	font-size:11px;
	height:30px;
	margin: 0 10px 0 -4px;
	padding: 0px 0;
	width:30px;
}
div#search_box input#search_icon:hover {
	background-position:0 -30px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus {
	outline: none;
}

/* ====================  navigation  ===================== */
#nav_bg {
	width: 980px;
	height: 60px;
	background: #fff;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 5;
}
#nav {
	display:block;
	list-style-type:none;
	text-indent:0px;
	margin:0;
	top: 100px;
	right: 0;
	padding:0 0 0 0px;
	float:left;
	clear:both;
	width: 721px;
	height: 60px;
	background-color:#fff;
	z-index: 10;
	position: absolute;
}


#nav li {
	margin: 0;
	text-indent:0px;
	padding: 0;
	float:left;
}
#nav li a {
	color: #231f20;
	float:left;
	text-decoration: none;
	margin:20px 11px 0;
	padding: 0px 0px;
	height: 24px;
	font-size: 19px;
	font-weight: bold;
	border-bottom: 1px dotted #cdcdcd;
	display: block;
}
#nav li a:hover {
	border-bottom: 1px dotted #00449e;
}
#nav li.active a {
	border-bottom:medium none;
	margin:20px 0 0;
	padding:0 11px 15px;
}


/* ====================  home content  ===================== */
.content {
	background: #fff;
	padding: 15px 0;
	margin-top: 0px;
	display: block;
	width: 980px;
}

.content ul li {
	margin-left:10px;
	list-style-type:disc;
	text-indent:0px;
}
#inside .content {
	margin-top: 0;
}
#mencap_intro {
	font-size:16px;
}
#home .col1 {
	display: block;
	width: 220px;
	float: left;
	padding: 1px 10px 1px 20px;
}
#home .col2 {
	display: block;
	width: 199px;
	float: left;
	padding: 1px 20px;
	border-left: 1px solid #bbb;
	margin: 0;
}
#home .col3 {
	display: block;
	width: 449px;
	float: left;
	padding: 1px 20px 1px 20px;
	border-left: 1px solid #bbb;
	margin: 0;
}
.content h2, .content h3, .content h4 {
	margin: 0;
}
a#find_out_more_panel {
	display: block;
	padding:10px 30px 10px 15px;
	margin-top: 10px;
	font-size: 13px;
	background: url(/images/find_out_more_bg.gif) top right no-repeat;
	color: #fff;
}
a#newsletter {
	display: block;
	padding: 35px 46px 15px 11px;
	margin-top: 10px;
	font-size: 15px;
	background: url(/images/newsletter_bg.gif) top right no-repeat;
	color: #fff;
}
/* ====================  hub content  ===================== */
#hub .content, #inside .content {
	background: #fff;
	padding: 0 20px 10px;
	margin-top: 12px;
	display: block;
	width: 940px;
}
#hub_content_inner {
	border-top: 12px solid #accd00;
}

#hub .col1 {
	display: block;
	width: 240px;
	float: left;
	padding: 0 10px 1px 0px;
}
#hub .main_content_col, #hub .main_content_col {
	float: right;
	width: 690px;
	margin: 0;
}
#hub .main_content_col img.header_img {
	float: left;
	margin-bottom: 20px;
}
#hub .main_content_col div.header_box {
	float: right;
	width: 210px;
	margin-bottom: 20px;
}
#hub .main_content_col div.header_box h2 {
	font-weight: bold;
	font-size: 30px;
	margin-top: 10px;
}
#hub .main_content_col div.header_box h5 {
	margin-top: 0.8em;
}
#hub .main_content_col div.header_strip {
	display: block;
	width: 660px;
	height: 100px;
	background: #858690;
	padding: 5px 10px 10px;
	margin: 0;
}
#hub .main_content_col div.header_strip h4 {
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	margin-top: 0;
}
#hub .main_content_col div.header_strip a.hub_promo {
	display: block;
	width: 210px;
	height: 72px;
	float: left;
	margin-top: 5px;
	text-indent: -6000px;
}
#promo_one {background: url(/images/hub_promo_one.jpg) top left no-repeat; margin-right: 15px;}
#promo_two {background: url(/images/hub_promo_two.jpg) top left no-repeat; margin-right: 15px;}
#promo_three {background: url(/images/hub_promo_three.jpg) top left no-repeat;}

#hub .main_content_col .col2 {
	display: block;
	width: 210px;
	float: left;
	padding: 5px 10px 1px 0;
	margin: 0;
}
#hub .main_content_col .col3 {
	display: block;
	width: 219px;
	float: left;
	padding: 5px 10px 1px 10px;
	border-left: 1px solid #bbb;
	margin: 0;
}
#hub .main_content_col .col4 {
	display: block;
	width: 210px;
	float: left;
	padding: 5px 0 1px 10px;
	margin: 0;
}
#hub .content h1, #hub .content h2, #hub .content h3, #hub .content h4 {
	margin: 0;
}
ul.sectionContentsList {
	width: 220px;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
}
ul.sectionContentsList li {
	text-indent: 0;
	margin-left: 0;
	width:220px;
	display:block;
}
ul.sectionContentsList li a {
	display: block;
	width: 200px;
	padding: 6px 10px;
	margin: 2px 0 0px 0;
	background: #e1e1e1;
	text-indent: 0;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #00449E;
}
ul.sectionContentsList li a:hover {
	background-color: #accd00;
	color: #fff;
}
ul.sectionContentsList li.subitem a { 
	background:#666666;
	width: 200px;
	margin: 0px;
	border-bottom: #666666 1px solid;
}
.content ul.submenuitems {
	margin: 0px 0 10px;
	padding:0px;
}
.content ul.submenuitems a {
	color:#FFFFFF;
	font-weight:normal;
}
#events {
	width:210px;
	float:left;
	margin:10px 0 0 0;
}
#news {
	width:440px;
	float:left;
	margin:10px 0 0;
}
#news .lst_pic li {
	float:left;

}
.content div#news ul, .content div#events ul {
	margin-left: 0;
	margin-bottom: 0;
	text-indent:0px;
	padding:0px;
}
.content div#news ul li, .content div#events ul li {
	text-indent: 0;
}
.content div#news ul li a.summary {
	color: #04367e;
	font-weight: bold;
	text-decoration: none;
}
.content div#news ul li a.summary:hover {
	text-decoration: underline;
}
.lst_pic {
	padding:0 0 0 10px;
	margin:0px;
}
.content ul.lst_pic li {
	margin:0px 0 10px;
	padding:0 0 0px 100px;
	text-indent:0px;
	list-style-type:none;
}
ul.lst_pic img {
	display:inline;
	float:left;
	margin-left:-100px;
	margin-top:3px;
	margin-right: 20px;
	border:none;
}
#home .col2 img {
	margin: 5px 0;
}

span.cal_sheet {
	width:61px;
	text-align:center;
}
.lst_cal li {
	margin:0px 0 10px -40px;
	padding:0 0 10px 50px;
	text-indent:0px;
	list-style-type:none;
}
.lst_cal {
	padding: 0px 0px 0px 0px;
	margin:0px;
}
ul.lst_cal span.cal_sheet {
	display:inline;
	float:left;
	margin-left:-61px;
	margin-top:3px;
	margin-right: 20px;
}
span.cal_sheet span {
	display:block;
	float:left;
	width:100%;
}
span.cal_sheet {
	width:61px;
	text-align:center;
}
span.cal_sheet span.month {
	font-size:17px;
	height:21px;
	background:#00449e none repeat scroll 0 0;
	border: none;
	color:#FFFFFF;
	font-weight:normal;
	line-height:1.1em;
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding-top:4px;
}
span.cal_sheet span.day {
	font-size:17px;
	background:#FFFFFF url(/images/cal_day_bg.gif) no-repeat scroll 0 0;
	color:#222;
	font-weight:bold;
	line-height:1.8em;
}
.content div#events ul li a {
	text-decoration: none;
	color: #00449e;
}
.content div#events ul li {
	list-style-type:none;
}
.content div#events ul li a:hover {
	text-decoration: underline;
}
.events_desc {
	display:block;
	margin-left: 20px;
}

#hub .content div.col3 img {
	margin: 7px 0;
}
#hub .content div#news {
	width: 219px;
}
#hub .content div#news ul {
	padding: 0;
}
#hub .content div#news ul li {
	margin-left: 0.0em;
	padding: 0;
	width: 220px;
}
#hub .content div#news ul li a:hover {
	text-decoration: underline;
}

#hub .content div#news ul li span.events_desc {
	margin-left: 0;
}

#hub .content div#resources {
	width: 190px;
	background: #f2f2f2;
	padding: 5px 10px 10px;
	margin: 0;
}
#hub .content div#resources ul {
	margin: 0;
}
#hub .content div#resources ul li {
	display: block;
	width: 140px;
	margin: 5px 0px;
	background: url(/images/file_icon_bg.gif) 0 0 no-repeat;
	padding: 0 0 0 50px;
	text-indent: 0;
}
#hub .content div#resources ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #00449e;
}
#hub .content div#resources ul li a:hover {
	text-decoration: underline;
}
#hub .content div#resources a.more_resources {
	text-align: right;
	font-size: 0.9em;
	text-decoration: none;
	color: #00449e;
}
#hub .content div#resources a.more_resources:hover {
	text-decoration: underline;
}
#hub .content a#chat {
	background: url(/images/chat_bg.gif);
	display: block;
	width: 103px;
	height: 77px;
	padding: 65px 20px 0 33px;
	line-height: 1.2em;
	color: #fff;
	margin: 10px 0 0 0;
	text-decoration: none;
}
#hub .content a#chat:hover {
	text-decoration: underline;
}

/* ====================  inside  ===================== */
h1#article_title {
	float:left;
	width:440px;
	color:#000000;
}
#breadcrumb_box {
	float:left;
	margin:10px 0;
	width:690px;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0 10px 0;
}

#inside_content_inner {
	border-top: 12px solid #accd00;
}
#inside .col1 {
	display: block;
	width: 240px;
	float: left;
	padding: 0 10px 1px 0px;
}
#inside .main_content_col {
	float: left;
	width: 680px;
	margin: 0;
	padding: 10px 0 1px 10px;
}
#pagetext {
	float:left;
	width:440px;
}
#article_col_3 {
	float:right;
	width:220px;
}
#pagetext h5 {
	margin: 0 0 10px 0;
}
/* ====================  pull quotes  ===================== */
.pull_quote {
	width:220px;
	margin:0px 0 20px;
	line-height:115%;
	float:left;
}
#pull_quote_large {
	font-size: 18px;
	color:#00449E;
}
#pull_quote_large * {
	font-size: 18px;
	color:#00449E;
	margin:0px;
	line-height:115%;
}
#pull_quote_small {
	font-size: 15px;
	color:#00449E;
}
#pull_quote_small * {
	font-size: 15px;
	color:#00449E;
	margin:0px;
	line-height:115%;
}
#pull_quote_small a {
	background:#F5F5F5 url(/images/pdf_icon.png) no-repeat scroll 12px center;
	display:block;
	padding:10px 10px 10px 53px;
}
#call_to_action {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background:#00449E url(/images/call_to_action_arrow.png) 10px 10px no-repeat;
	padding:10px 10px 10px 40px;
	float:left;
	width:170px;
	margin:0 0 10px;
}
#call_to_action * {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
}
#article_image {
	font-size:10px;
	letter-spacing:0.05em;
}
#pull_quote_logos {
	border-top:1px solid #cccccc;
	padding:10px 0;
	margin:20px 0 10px 0;
	font-size:10px;
	letter-spacing:0.05em;
}

table#staff_table {
	border-left: #fff solid 1px;
	border-top: #fff solid 1px;
}
table#staff_table th, table#staff_table td {
	border-right: #fff solid 1px;
	border-bottom: #fff solid 1px;
	padding: 1em 0.5em;
}
table#staff_table td img {
	border: 1px solid #aaa;
	margin: 3px 10px 0;
}
.whos_who #pagetext {
	width:680px;
}
.whos_who #article_col_3 {
	display:none;
}

/* ====================  footer  ===================== */


#footer {
	background-color:#fff;
	height:80px;
	margin-bottom: 30px;
	padding:0 20px;
	clear:both;
	color:#999999;
}
#footer_content {
	border-top: 2px solid #b3b3b3;
	padding: 10px 0;	
}

#footer_main_links {
	display: block;
	width: 421px;
	height: 30px;
	padding: 5px 10px;
	float: left;
}
#footer_main_links a {
	font-size: 1.6em;
	color: #04367e;
	font-weight: bold;
	margin-right: 12px;
}
#footer_main_links a:hover {
	text-decoration: underline	;
}
#footer_credits {
	display:block;
	float:left;
	height:30px;
	padding:5px 0;
	width:222px;
}
#copyright {
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	color: #999;
}
#footer_links {
	margin:0px;
	padding:0px;
	text-indent:0;
	float:left;
	clear:left;
}
#footer_links li {
	list-style-type: none;
	text-indent:0px;
	margin:0px;
	padding:0px;
	float:left;
}
#footer_links li a {
	padding:10px 5px;
}
#siteby {
	background-image:url(/images/yoomee.png);
	background-position:right top;
	background-repeat:no-repeat;
	display:block;
	float:right;
	font-size:10px;
	height:23px;
	line-height:9px;
	margin:7px;
	padding:2px 60px 0 0;
	text-align:right;
	text-decoration:none;
	text-indent:0;
	width:38px;
}
#siteby:hover {
	background-position: bottom right;
	color: #04367E;

}
a#lottery {
	background:transparent url(/images/lottery.png) no-repeat scroll right top;
display:block;
float:right;
height:48px;
margin:0;
padding:8px 86px 0 0;
text-align:right;
width:70px;
}
a#lottery:hover {
	background-position:bottom right;
	color: #04367E;
}

/* ====================  footer  ===================== */

ul.sectionList {
	margin-top:20px;
}
ul.sectionList ul.sectionList {
	margin-top:0px;
}

.content ul ul ul {
	margin-bottom:0px;
}
.content ul li.sectionItem {
	font-weight:bold;
}
.content ul li.sectionItem li.pageItem {
	font-weight: normal;
}

/* CALENDAR */
#calendar_menubar ul.menubar_left li {
  float: left;
  width: 65px;
}

#calendar_menubar ul.menubar_right li {
  float: left;
}

.content #calendar_content, .content #calendar_content h2 {
  clear: both;
  margin-top: 20px;
}

div#calendar_content .key {
	width: 300px;
}
div#calendar_content .key br {
	margin-top: 7px;
	clear: both;
}
div#calendar_content .key .calendar_marker {
	margin: 5px 5px 0 0;
	border: 1px solid #777;
	
}

div#calendar_content #all_content {
	clear: both;
}
#calendar_content .nextLink {
  float: right;
}

#calendar_content .previousLink {
  float: left;
}

.details {
  clear: both;
}
#credits_table, #credits_table td, #credits_table tr {
	border: 1px solid #fff;
	padding-bottom: 20px;
}
.credit_img {
	width:200px;
}
.credit_img {
	width:200px;
}
#admin_button {
	font-weight:bold;
}
form#date_form, span.menubar_label {
	float: left;
}

#calendar_menubar .menubar_right {
  width: 440px;
}
#calendar_menubar .menubar_left {
float:left;
margin-left:-10px;
margin-top: 10px;
}

div#calendar_content table.calendar_month th, div#calendar_content table.calendar_month td {
  padding:4px 4px 3px 6px;
  width:89px;
}
table.calendar_month td.no_date {
	background: #f2f2f2;
}
div#calendar_content table.calendar_month th.firstcol {
	width: 8px;
	padding-right: 6px;
}

/* ==================== login form ===================== */

#login_button input {
	background-color: #818286;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	display:block;
	height:22px;
	width:53px;
	margin-left:98px;
	margin-top:10px;
	
}
#login_wrapper form {
	margin-top:20px;
	
}
#login_form {
	height: 210px;
	width: 303px;
/*	float:left;
	position:relative;*/
	
}
.password input, .login_email input {
	height:18px;
	width:170px;
	border-color:#AAAAAA;
	font-size:1.0em;
}
#login_intro {
	margin-top:-5px;
}
p.password {
	margin-left: 25px;
	margin-bottom:3px;
}

.password label {
	font-weight:bold;
	margin-right:6px;
}
.login_email label{font-weight:bold;
	margin-right:6px;
}
.login_bottom_info {
	margin-top:34px;
	margin-left:90px;
	color:#676767;
}
.login_bottom_info p {
	margin:2px;
	padding:4px;
}
#forgotpass {
	font-size:0.9em;
	margin-left:96px;
	margin-top:0px;
	font-style:italic;
}