/* CSS Document 

			v0.1	-Brian:		This is the first version the css file that contains all css elements for the Brost website.
								Please include comments for any and all updates that are made to this document by following this 
								comment style.




*/

/* Page Organization */
body {
	padding:0px;
	margin:0px;
	font-size: 1em;
}

#outerWrapper {
	margin: 0px auto;
	width: 100%;
}
#wrapper {
	position: relative;
	width: 760px;
	background-image: url(../images/compassPlusBkgd.gif);
	background-repeat: repeat-y;
	background-position: left;
	margin: 0px;
	padding: 0px;
}
#header {
	width:760px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: block;
	z-index: 1;
}
#container {
	float: right;
	position: relative;
	width: 100%;
	background: url(../images/compassPlusBkgd.gif) repeat-y 0px;
	/*top: 500px;*/
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* Fix IE. Hide from IE Mac \*/
/*
* html #container {
	margin-top: 27px;
	}
*/
/* End */
#content {
	position: relative;
	margin-left: 230px;
	padding: 0px 20px 10px 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index: 2;
}
#sidebar {
	width: 230px;
	position: absolute;
	top: 115px;
	float: left;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	background-color: #AFCCD2;
	display: block;
	margin-top: 0px;
	z-index: 1;
	/*border: 1px solid #FF0000;*/
}
/* Fix IE. Hide from IE Mac \*/
/*
* html #sidebar {
	margin-left: 0px;
	padding-left: 0px;
	background-position: 1px 0px;
	}
*/
/* End */
#footer {
	position: relative;
	width: 760px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4D90A1;
	padding-top: 8px;
	padding-bottom: 8px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 1;
}
.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}

/* Top Navigation Tabs */
#menu {
	position: relative;
	top: 0px;
	width: 531px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	left: 230px;
	height: 23px;
	z-index: 3;
	padding-top: 5px;
}

#menu ul {
	margin: 0px;
	list-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul {
	padding: 4px 0 0 3px;
}

#menu a {
	display:block;
	text-decoration: none;
	white-space: nowrap;
	width: 0.1em;
	margin-right: -1px;
	color: #FFFFFF;
	/*color: #265259;*/
}

#menu > ul a{
	width: auto;
	padding: 0px;
}

/*#menu a span {
	float: left;
	background: #000000 no-repeat -1px top;
	padding: 4px 3px;
	color: #FFFFFF;
	display: block;
	text-align: center;
}*/
	
/* Fix IE. Hide from IE Mac \*/
* html #menu a span {
	padding:1px;
}
/* End */

#menu li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

a em {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

#nav-menu_item1 #menu_item1 a, 
#nav-menu_item2 #menu_item2 a, 
#nav-menu_item3 #menu_item3 a, 
#nav-menu_item4 #menu_item4 a, 
#nav-menu_item5 #menu_item5 a, 
#nav-menu_item6 #menu_item6 a,
#nav-menu_item7 #menu_item7 a,
#nav-menu_item8 #menu_item8 a,
#nav-menu_item9 #menu_item9 a,
#nav-menu_item10 #menu_item10 a  {
      background-position:100% -121px;
      border-width:0;
	  margin-right: -2px;
	  color: #FFCC00;
}
#nav-menu_item1 #menu_item1 a span,
#nav-menu_item2 #menu_item2 a span,
#nav-menu_item3 #menu_item3 a span, 
#nav-menu_item4 #menu_item4 a span, 
#nav-menu_item5 #menu_item5 a span, 
#nav-menu_item6 #menu_item6 a span,
#nav-menu_item7 #menu_item7 a span,
#nav-menu_item8 #menu_item8 a span,
#nav-menu_item9 #menu_item9 a span,
#nav-menu_item10 #menu_item10 a span {
	background-position:-2px -121px;
	color: #FFCC00;
}
#nav-menu_item1 #menu_item1 span,
#nav-menu_item2 #menu_item2 span,
#nav-menu_item3 #menu_item3 span,
#nav-menu_item4 #menu_item4 span,
#nav-menu_item5 #menu_item5 span,
#nav-menu_item6 #menu_item6 span,
#nav-menu_item7 #menu_item7 span,
#nav-menu_item8 #menu_item8 span,
#nav-menu_item9 #menu_item9 span,
#nav-menu_item10 #menu_item10 span {
	display: inline;
}
#menu_item1 span,
#menu_item2 span,
#menu_item3 span,
#menu_item4 span,
#menu_item5 span,
#menu_item6 span,
#menu_item7 span,
#menu_item8 span,
#menu_item9 span,
#menu_item10 span {
	display: none;
}

#menu a:hover {
	background-position:100% -121px;
	margin-right: -1px;
	cursor: pointer;
	color: #0C6881;
}
	
/* #menu a:hover span {
	background-position:-1px -121px;
	color: #0C6881;
}*/

/*#menu_item1 {}
#menu_item2 {width: 90px;}
#menu_item3 {width: 90px;}
#menu_item4 {width: 58px;}
#menu_item5 {width: 84px;}
#menu_item6 {width: 90px;}
#menu_item7 {width: 45px;}*/

.menuSeparator {
	position: relative;
	color: #0C6881;
	top: 4px;
	left: 4px;
	width: 13px;
}

/* Fix IE. Hide from IE Mac \*/
* html .menuSeparator {
	top: 0px;
	left: 6px;
	width: 18px;
}
/* End */


.skipnav {
	color: #000000;
	/*font-size: 0.1em;*/
}


/* Page Element Styles */
h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #265259;
}
.float_PicLeft {
	float: left;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 25px;
}
.leftNavText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #094959;
	text-align: center;
	font-weight: bold;
	height: 13px;
}
/* Fix IE. Hide from IE Mac \*/
* html leftNavText {
	height: 8px;
}
/* End */
#search {
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	height: 23px;
	padding-top: 5px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* Fix IE. Hide from IE Mac \*/
* html #search {
	padding-top: 2px;
	padding-left: 0px;
	}
/* End */

/* Seach Styles */
		.highlight { background: #FFFF40; }
		.searchheading {
	font-size: 130%;
	font-weight: bold;
	color: #000000;
}
		.summary { font-size: 80%; font-style: italic; } 
		.results { font-size: 100%; }
		.category { color: #999999; }
		.description { font-size: 100%; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}
		.sorting { text-align: right; }
		.result_title { font-size: 100%; }
		
		.zoom_searchform {
	font-size: 100%;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
		.zoom_options {
	font-size: 80%;
	background-color: #FFFFFF;
}
		input.zoom_button {  }
		input.zoom_searchbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	width: 165px;
	margin: 0px;
	padding: 0px;
}

/* Left Side elements */
.element {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-color: #AFCCD2;
}
.element ul{
	font-weight: normal;
	list-style-type: none;
}
.element ul li{
	padding-left: 0px;
	padding-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0px;
	vertical-align: top;
}
.element form {
	margin-left: 5px;
	padding-left: 10px;
	font-size: .8em;
	font-weight: bold;
}
.element input {
	font-size: .9em;
}
.headline{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3A597E;
	text-align: left;
	text-indent: 5pt;
	margin-bottom: 0px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	margin-top: 5px;
	padding-top: 5px;
	height: 20px;
	padding-left: 0px;
	margin-left: 0px;
	left: 0px;
	width: 230px;
	bottom: 0px;
}
.dataChart td, .dataChartSM td  {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C6881;
}
.dataChart th, .dataChartSM th  {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #265259;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background-color: #0C6881;
}
.dataChart .row, .dataChartSM .row{
	text-align: left;
	font-size: 0.7em;
	font-weight: bold;
	color: #0C6881;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #265259;
	background-color: #FFFFFF;
}
.star {
	color: #0C6881;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	color: #0C6881;
}
h2 {
	background-color: #AFCCD2;
	margin-top: 40px;
	font-size: 12px;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
h2 span{
	font-size: 0.7em;
	font-weight: bold;
	color: #000000;
	padding-right: 10px;
	margin-top: 40px;
}
.textWrapTop {
	vertical-align: top;
}
.floatRight {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tableMargins {
	margin: 0px 50px 50px;
	padding: 0px 50px 50px;
}
.dataChartSM {
	padding-left: 8px;
	margin-left: 8px;
}
.swfMovie {
	text-align: center;
}
.quickLearnLinks {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4D90A1;
	width: 210px;
	display: block;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	top: 0px;
	clip:  rect(0px, auto, auto, auto);
	margin: 0px; 
	
}
.indentBodyText {
	padding-left: 10px;
	margin-left: 10px;
	clip:   rect(auto, auto, auto, 10px);
	display: block;
	left: 10px;
}
.blueBar {
	background-color: #AFCCD2;
	padding-left: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	left: 230px;
	float: none;
	height: 31px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.viewDemos {
	color: #3A597E;
	background-color: #FFFFFF;
	height: 20px;
	width: 250px;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.phoneNumber {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3A597E;
	padding-left: 10px;
	width: 230px;
}

		
a {
	color: #006699;
}
#signUpForm {
	background-color: #AFCCD2;
	width: 600px;
	padding: 3px;
	border: 2px solid #4D90A1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#signUpForm h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4D90A1;
	margin: -5px -5px 0px;
	padding: 5px;
	text-align: center;
}
#signUpForm p {
	margin: 1px 0px;
	padding: 0px;
}
#signUpHeader {
	text-align: center;
	margin: 2px 0px 0px;
	padding: 0px;
}
.tableHeader {
	font-size: 14px;
	font-weight: bold;
	color: #4F91A4;
	padding: 0px;
	height: 10px;
}
.tableBlue {
	background-color: #AFCCD2;
	display: block;
	padding-left: 5px;
}
.tableMargins2 {

	margin: 0px 5px;
	padding: 0px 5px;
}