@charset "utf-8";
/* CSS Document */

/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
div {vertical-align: top; }
strong { font-weight: bold; }

/* Global Elements
=====================================================================*/

html { overflow-x:auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
#your-body
{
	background-color:#01245c;
	background-attachment: scroll;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 1px;
	font-size:10px;
}

input[type="text"] { 
}

/* Typographic Elements
=====================================================================*/

h2, h4, h6, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

blockquote, em, h1, h3, h5, i  {
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Homepage Specific Headers
=====================================================================*/

h1 {
	font: italic normal bold 1.9em/normal Georgia, "Times New Roman", Times, serif;
	color: #2575ad;
	text-align:center;
}

h2 {
	font-size: 1em;
	text-transform: uppercase;
	color: #B30000;
	font-weight: bold;
}

h3 {
	font-size: 1.4em;
	line-height: 1.7em;
	color: #2575ad;
	padding-top: 5px;
}

h4 {
	font-size: 1em;
	text-transform: uppercase;
	color: #2575ad;
	letter-spacing: 1px;
	font-weight: bold;
	line-height:1.4em;
}

h5 {
	font-size: 1.3em;
	line-height: 1.2em;
}

sup {
	font-size:.68em;
	letter-spacing: 1px;
}

#decrease {
	font-size:15px;
}

#increase {
	font-size:20px;
}
/* 
-------------------------------------------------------------- 
PAGE CONTENT STYLES
-------------------------------------------------------------- 
*/

i, em { 
	font-style: italic;
}

blockquote {
	/*clear:both;*/
	font-size:1.2em;
	line-height: 1.6;
	padding: 0px;
	color: #666666;
}

blockquote, blockquote p {
	/*clear: both;*/
	color: #666666;
	white-space: pre;
}

.smallcaps {
	font: small-caps 1.5em/1.7em Georgia, "Times New Roman", Times, serif;
	color: #2575ad;
	text-transform: lowercase;
	letter-spacing: .1em;
}

.citation, .cite {
	font-size: 12px;
}

p {
	margin-top:8px;
	margin-bottom: 3px;
}


/* List Elements
=====================================================================*/

ul li 
{
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

li a:hover {
	background-color: #eeeeee;
}
.alt-text { font-family: Georgia;text-transform: lowercase;}


/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #054988;
	text-decoration: underline;
}

a:hover
{
	background: transparent;
	color: #ac3433;	
	text-decoration: none;
}

/* Library
=====================================================================*/

.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.r:after { display: block; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }

/* Grid
=====================================================================*/

/* layout styles */
#house
{
	margin: 0 auto 0 auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 960px; 	/* Total width */
	background-color: #FFFFFF;
	/*background-image: url(http://www.barackobama.com/images/bg_house.gif);*/
}

#bottom {
	width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}


#content
{
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
}

#column1
{
	float: left;
	width: 640px;
	background-image: url(images/bg_col1.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;	
}

#column2
{
	padding: 0px;
	background-image: url(images/bg_col2.gif);
	background-repeat: repeat-x;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 640px;
	height: auto;
}

#column2_bot {
	background-image:url(images/bg_col2_bot.jpg);
	background-repeat: repeat-x;
	height: 20em;
}

#column2 .module {
	background-image:url(images/col2mod.jpg);
	padding: 0px;
	height: 186px;
	width: 318px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-width: 0px;
}


#mybo_housing {
	width:100%;
	background-color:#0062a3;
	height: 31px;
	color: #fff;
}
#top_bar {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	vertical-align: top;
	padding-top: 0.1em;
	overflow: hidden;
	font-size: 20px;
	color: #89AFCF;
}
#mybo_housing a {
	text-decoration:none;
	font-family: "Iskoola Pota", "Times New Roman", Times, serif;
	font-weight: normal;
	color: #89AFCF;
}
#mybo_housing a:hover {
    color: #fff !important;
}
#mybo_housing #mybo_nav a {
    text-decoration: none;
}

ul#point-list {
	overflow: hidden;
	background: #000 url(images/feature_title_bg.gif) repeat-x 0 0;
	text-align: center;
	list-style: none;
	height:54px;
	vertical-align: middle;
}

ul#point-list li {
	display: block;
	float: left;
	margin:0px;
	width:137px;
}

ul#point-list li a {
	display: block;
	font-size: 1.5em;
	background: transparent url(images/feature_title_bg.gif) repeat-x 0 0;
	font-family: "Iskoola Pota", Georgia, "Times New Roman", Times, serif;
	color: #E3F0FF;
	text-decoration:none;
	margin: 0px;
	text-transform: uppercase;
}

ul#point-list li.selected a, ul#point-list li a:hover {
	color: #fff;
	background-color: transparent;
	background-image: url(images/feature_title_bg_over.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

ul#point-list li.selected a {
	font-size: 1.65em;
}

/* Feature Block
-------------------------------------------------------------- */
#feature_area {
	height:337px;
	width:960px;
	background-color: #01245C;
}
#mhbholder {
	height: 283px;
	background-color: #01245C;
	background-image: url(images/feature_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
#promises {
	position:relative;
	top:-70px;
	left:0px;
	width:303px;
	height:140px;
	z-index: auto;
}
#feature {
	position:relative;
	left:20px;
	top:38px;
	width:590px;
	height: 210px;
	overflow: hidden;
}
#feature_img {
	position:relative;
	left:22px;
	top:0px;
	width:257px;
	height:206px;
	border: 2px solid #feb826;
}

#feature_button {
	position:relative;
	left:0px;
	top:-40px;
	width:301px;
	height:36px;
}
#read_how {
	position:relative;
	left:664px;
	width:272px;
	height:210px;
	top: -173px;
}


/*
-------------------------------------------------------------- 
FOOTER
-------------------------------------------------------------- 
*/

.footer {
	vertical-align: bottom;
	height:194px;
	background: url(images/footer.jpg) no-repeat 0 bottom;
	color: #3C74B3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-transform: lowercase;
} 
.footer a { display: inline; white-space: nowrap;
}

.footer ul {
	text-align: center;
	width: 90%;
	height: 45px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}
.footer ul li{
	display: inline;
}
#lftbox_footer{
	width:260px;
	height:7em;
	text-align:center;
	border: 1px solid #033B88;
	padding-top: 10px;
	overflow: hidden;
	margin-left: 25px;
}
#rgtbox_footer{
	width:260px;
	height:7em;
	text-align:center;
	border: 1px solid #033B88;
	padding-top: 10px;
	overflow: hidden;
	margin-right: 25px;
}
.style1 {
	font-size: 1.2em
}
a.c6 {color:#437EC0;}
div.c4 {
	height:12em;
}
 a.c2 {
	padding-top: 14px;
	height: 40px;
}
a.c3 {
	padding-top:4px;
	height: 50px;
	}
/* Blog, Events, et. al. */
#blog {
	overflow: hidden;
	clear:both;
	background-image: url(images/bg_col1.gif);
	background-repeat: repeat-x;
}

.blog_feature.module {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 1.5em;
	line-height: 1.3em;
}

.blog_feature.module ul li h3{
	padding:6px 0px;
	margin-top:10px;
}  
.blog_feature.module ul {
	background-color:transparent !important;
}

.blog_feature.module ul li h4 {
	margin-bottom:16px;
}