/* CSS Document by IMAGE ICU, LLC */
/* Main Styles for beckermorgan.com */
/* (c)2007 IMAGE ICU, LLC - www.imageicu.com */

/************ Default HTML ************/
html, body {
	margin: 0;
	padding: 0;
	height: 100%; 
	width: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000;
	background-color: #000033;
	background-image: url(../Images/bodyBkgd.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/******************* Text *********************/
p {
	margin: 0 40px;
	padding: 2px 0 10px 0;
	font-size: 104%;
	color: #000000;
	line-height: 1.53;
}
a {
	margin: 0;
	padding: 1px 2px;
	color: #0025C3;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #3366CC;
}
a:hover {
	color: #FFFFFF;
	background-color: #000066;
	text-decoration: none;
}
h1 {
	margin: 0 30px 16px 30px;
	padding: 20px 0 0 0;
	color: #133588;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	border-bottom: 1px solid #153177;
	letter-spacing: 0.03em;
}
h2 {
	margin: 0 30px;
	padding: 8px 0 4px 0;
	color: #133588;
	font-size: 120%;
	letter-spacing: 0.001em;
}
h3 {
	margin: 0 30px;
	padding: 8px 0 0 0;
	color: #000033;
	font-size: 104%;
	letter-spacing: 0.001em;
}
ul, ol {
	margin: 0 30px 10px 70px;
	padding: 0;
	color: #000033;
}
ul h2, ul h3 {
	margin: 12px 0 0 -20px;
	padding: 0;
	line-height: 1;
	letter-spacing: 0.001em;
}
li {
	margin: 0;
	padding: 3px 0;
	line-height: 1.2;
}
li.noblt {
	margin: 0 0 0 -15px;
	list-style-type: none;
}
ol {
	margin: 0 30px;
	padding: 0;
	color: #000033;
}
ol li {
	margin: 4px 0 2px 0;
	padding: 0;
	line-height: 1.5;
	list-style-type: none;
}
ol li h3 {
	cursor: hand;
	text-decoration: underline;
}
ol li p {
	margin: 0 47px;
	padding: 6px 0 10px 0;
	font-size: 104%;
	color: #000000;
	line-height: 1.6;
}

abbr, acronym {
	border-bottom: 1px dotted #FFF;
}

/******************* General *********************/
img, a img {margin: 0; border: none; text-decoration: none;}
.spacer {clear: both; font-size: 1%;}
.mini {font-size: 90%;}
.txtRight {text-align: right;}
.bold {font-weight: bold;}
.border {border: 1px solid #153177;}
.ital {font-style: italic;}
.red {color: #CC0000;}
.center {margin: 0 auto; text-align: center;}
.collapse {display: none;}
.expand {display: block;}
.wht {color:#fff;}
.floatRight {float: right;}
.floatLeft {float: left;}
.clearBoth {clear: both;}
.sortLabel {
	color: #fff;
	margin: 0;
	padding: 0;
	display: inline;
}

/******************* Logo *********************/
div#titleLogo h1, div#titleLogo h2, div#linkList h3 {
	display: none;
}
div#titleLogoNC h1, div#titleLogoNC h2, div#linkList h3 {
	display: none;
}
@media screen {
	div#titleLogo, div#titleLogoNC, div#navBar {
		position: fixed;
	}
	* html div#titleLogo, * html div#titleLogoNC, * html div#navBar {
		position: absolute;
	}
}
div#titleLogo {
	left: 0;
	top: 0;
	width: 170px;
	height: 150px;
	background: url(../Images/BMG_logo.gif) center no-repeat;
	border-bottom: 1px solid #999;
}
div#titleLogoNC {
	left: 0;
	top: 0;
	width: 170px;
	height: 150px;
	background: url(../Images/BMG_logoNC.gif) center no-repeat;
	border-bottom: 1px solid #999;
}

/******************* Main Container *********************/
div#rightMain {
	margin-left: 170px;
	padding: 0;
	border-left: 1px solid #999;
}
div#rightMain img#printLogo {
	display: none;
}

/******************* Home Header *********************/
div#header {
	margin: 0;
	padding: 0;
	width: 90%;
	height: 94px;
	overflow: hidden;
	background-color: #000033;
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
div#header div#strip {
	position: relative;
	top: 77px;
	height: 16px;
	width: 100%;
	background-color: #103E95;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../Images/stripBkgd.gif);
	border-right: 0px;
	border-top: 1px solid #999;
}
.hdHome {
	background-image: url(../Images/hdHomeBkgd.jpg);
}
div#slides {
	margin: 0;
	padding: 0;
	width: 90%;
	height: 251px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	overflow: hidden;
}
div#slides div {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 251px;
	background-color: #000033;
	background-image: url(../Images/homePicsBkgd.jpg);
	background-position: left;
	background-repeat: no-repeat;
	border-right: 1px solid #999;
	overflow: hidden;
}
div#slides img#homePhoto {
	display: none;
}

/******************* Navigation *********************/
div#navBar {
	left: 0;
	top: 150px;
	padding: 1px 0;
	width: 170px;
	background-color: #000033;
	background-image: url(../Images/bodyBkgd.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div#future {
	position: relative;
	left: 0;
	top: 0;
	padding: 20px 0;
	width: 170px;
	font-size: 90%;
	background-color: #000033;
	border-bottom: 1px solid #999;
}
div#future p {
	margin: 0 auto;
	padding: 0 20px;
	color: #666666;
	line-height: 1.2;
	letter-spacing: 0.001em;
	word-spacing: 0.04em;
}

/******************* Content *********************/
div#content {
	margin: 0;
	padding: 0 0 40px 0;
	width: 90%;
	background-color: #000033;
	border-right: 1px solid #999;
}
.homepage {
	background-image: url(../Images/contBkgd.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: #999999;
}
.homepage p{
	color: #999999;
}
div.imgRight {
	float: right;
	display: inline;
	margin: 6px 30px 15px 40px;
	padding: 0;
	line-height: 1.5;
}
div.imgLeft {
	float: left;
	display: inline;
	margin: 6px 15px 10px 30px;
	padding: 0;
	line-height: 1.5;
}
div.imgRight img {
	display: block;
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 0;
	border: 1px solid #666;
} 
div.imgLeft img {
	display: block;
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 0;
	border: 1px solid #666;
}
.line {
	margin: 0 30px;
	clear: both;
	font-size: 1%;
	border-bottom: 1px solid #003399;
}
p.instructions {
	text-align: left;
	margin: 0 30px;
	padding: 0 0 4px 0;
	color: #333333;
	font-size: 90%;
}
p.dateTxt {
	text-align: right;
	margin: 0 40px;
	padding: 2px 0 0 0;
	color: #999999;
	font-weight: bold;
	font-size: 90%;
}
img.norm {
	margin: 4px 30px;
	padding: 0;
	border: 1px solid #666;
}

/******************* NEWS *********************/
div#newsBox {
	float: left;
	margin: 10px 0 0 5%;
	padding: 10px 0 5px 0;
	width: 43%;
	height: 335px;
	text-align: center;
	background-color: #000033;
	border: 1px solid #666;
	display: inline;
}
div#newsBox img {
	margin: 0 0 7px 0;
	padding: 0;
}
div#newsBox div{
	margin: 0 auto;
	padding: 8px 0 0 0;
	width: 86%;
	text-align: left;
}
div#newsBox h1 {
	margin: 6px 5px 0 5px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing: 0.01em;
	display: block;
	border-bottom: 0px;
	color: #466cbd;
}
div#newsBox a, div#newsBox a:visited {
	margin: 0;
	padding: 0px 0px;
	color: #CC9933;
	text-decoration: none;
}
div#newsBox a:hover {
	margin: 0;
	padding: 0;
	color: #FFFF33;
	background-color: transparent;
	text-decoration: underline;
}
div#newsBox p {
	margin: 3px 15px 14px 15px;
	padding: 0;
	font-size: 100%;
	color: #ccc;
	text-align: left;
	text-indent: 0px;
	line-height: 12px;
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
}
div#newsBox a.fullText, div#newsBox a.fullText:visited {
	margin: 6px 0 0 0;
	padding: 0px 0px;
	text-align: right;
	font-size: 90%;
	display: block;
	color: #CC9933;
	text-decoration: none;
}
div#newsBox a.fullText:hover {
	color: #CC9933;
	background-color: transparent;
	text-decoration: underline;
}

/******************* BOARDS *********************/
div#otbBox {
	float: right;
	margin: 10px 5% 0 0;
	padding: 10px 0 5px 0;
	width: 43%;
	height: 335px;
	background-color: #000033;
	border: 1px solid #666;
	display: inline;
}
#otbBox #otbNav {
	margin: 0 auto;
	opacity: .5;
	filter:alpha(opacity=50);
	text-align: center;
	width: 100%;
}
#otbBox #otbNav:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
#otbBox #otbNav a {
	background: #092260;
	color: #092260;
	/*font-size: 5%;*/
	filter:alpha(opacity=50);
	height: 20px;
	margin: 0 4px;
	padding: 0;
	text-decoration: none;
	width: 8px;
}
#otbBox #otbNav img {
	background: #000033;
	border: none;
	cursor: pointer;
	display: inline;
	/*filter:alpha(opacity=50);*/
	margin: 0;
	padding: 0 4px 0 6px;
	position: relative;
	top: 6px;
	width: 22px;
}
#otbBox #otbNav a.activeSlide {
	background: #666;
	color: #666;
}
#otbBox #otbNav a:focus {
	background: #666;
	color: #666;
}
#otbBox div{
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 86%;
}
#otbBox #otbProjects {
	height:265px;
}
div#otbBox img {
	margin: 0 0 12px 0;
	padding: 0;
}
div#otbBox img#boardPic {
	margin: 6px 3px 2px 3px;
	padding: 0;
}
div#otbBox h1 {
	margin: 10px 5px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	letter-spacing: 0.01em;
	display: block;
	border-bottom: 0px;
	color: #466cbd;
}
div#otbBox p {
	margin: 6px;
	padding: 0;
	font-size: 100%;
	color: #ccc;
	text-align: left;
	text-indent: 0px;
	line-height: 12px;
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
}


/******************* Footer *********************/
#footer {
	clear: both;
	margin: 0;
	padding: 0 auto;
	width: 100%;
	text-align: center;
	background-image: url(../Images/bodyBkgd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-top: 1px solid #999;
}
#footer ul {
	margin: 10px 0 0 0;
	padding: 0;
	color: #999999;
}
#footer li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#footer li a {
	color: #A7B9E2;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
}
#footer li a:visited {
	color: #A7B9E2;
	text-decoration: none;
}
#footer li a:hover {
	color: #FFF;
	text-decoration: underline;
	background-color: transparent;
}
#footer p {
	margin: 0;
	padding: 6px 0;
	font-size: 86%;
	font-weight: bold;
	color: #CCCCCC;
}
#footer p.disclaimer {
	margin: 0;
	padding: 4px 0 10px 0;
	font-size: 86%;
	font-weight: normal;
	color: #999999;
}