/* RESET 
------------------------------------------------------ */

* { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0; }

li, dd { margin-left: 5%; }

fieldset { padding: .5em; }

select option { padding:0 5px; }

.hide { display: none; }
.left { float: left; }   
.right { float: right; }
.clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; }
.center { text-align: center; }
.align_right { text-align: right; }
.align_left { text-align: left; }
a img { border: none; } 

/* PAGE STRUCTURE 
------------------------------------------------------ */

body { background-image: url(../../graphics/design/bg_blueGradient.png);
  background-color: #606540;
  text-align: center; }

#emergency { width: 100%;
  background-color: #790000;
  color: #ffffff;
  font: 18pt Tahoma, Arial, sans-serif;
  text-align: center;
  padding: 20px 10px; }

	#emergency i { color: #ffffff;
	  font: 12pt Tahoma, Arial, sans-serif; }

#top { background-color: #202020;
	color: #ffffff;
	overflow: hidden;
	padding: 15px 0 0 0;
	width: 100%; }

	.top_menu ul { margin: 0; padding: 0; text-align: left; }

	.top_menu ul li { display: inline; list-style: none; margin: 0; padding: 0; }

	.top_menu ul li a { border-top: 3px solid #414141; 
		color: #eeeeee;
		font: 13px Georgia, Times, Times New Roman, serif;
		_font: 13px Georgia, Times, Times New Roman, serif; 
		font-variant: small-caps;
		letter-spacing: 2px;
		margin-left: -4px;
		padding: 10px;
		text-decoration: none; }

	.top_menu ul li a:hover { border-top: 3px solid #FFCC00;
		color: #FFCC00; }

	.top_menu ul li a.first { margin-left: 25px;
		_margin-left: 3px; }

#wrapper { width: 800px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border: 5px solid #9DB7E5;
  position: relative;
  z-index: 1;
  display: block; }

#header { background-image: url(../../graphics/site_headers/img-header08.jpg);
  width: 800px;
  height: 250px; }

#content { padding: 5px;
  width: 570px;
  _width: 580px; }  /* special adjustment for IE */

	#content p { font: 10pt Arial, sans-serif;
	  line-height: 20px;
	  padding: 5px 10px 5px 20px; }

#content2 { padding: 5px;
  width: 790px; }

#content_home { padding: 5px;
  width: 550px; }

	#content_home .col1 { float: left;
		margin: 0 10px;
		width: 260px; }

#sidebar { width: 200px;
  float: right;
  background-color: #ffffff;
  padding-right: 5px;
  margin-top: 15px;
  margin-top: 5px;
  text-align: left;
  display: inline; }

	#sidebar p { font: 12px Arial, sans-serif;
	  width: 100%;
	  line-height: 20px;
	  padding: 0 5px 0 5px;
	  display: block; }

	#sidebar a { color: #000000;
	  text-decoration: none; }

	#sidebar a:hover { color: #790000;
       	  text-decoration: none; }

#box_top { background: url(../../graphics/sidebar/box1_top.jpg) no-repeat;
	height: 5px;
	margin-top: 10px;
	width: 200px; }

#box { background: url(../../graphics/sidebar/box1_bg.jpg) repeat-y;
	_margin-top: -11px;
	width: 200px; }

	#box h4 { background-color: #9db7e5;
		margin-left: 1px;
		color: #000000;
		font: bold 10pt tahoma, arial, sans-serif;
		font-variant: small-caps;
		letter-spacing: 2px;
		padding-left: 5px;
		text-align: left;
		line-height: 20px;
		width: 191px;
		_width: 196px; }

	#box ol, #box ul { width: 196px; 
		margin: 0;
		padding: 0; }

	#box li { list-style: none; 
		border-bottom: 1px solid #9db7e5;
		padding: 5px 0	; }

	#box li.last { border-bottom: none; }

	#box ul li a { background: transparent url(http://www.mccsbarstow.com/graphics/sidebar/arrow02.jpg) no-repeat center left; padding-left: 20px; }

	#box p { margin: 0 0 0 10px; }

#box_bottom { background: url(../../graphics/sidebar/box1_bottom.jpg) no-repeat;
	height: 11px;
	margin-bottom: 10px;
	width: 200px; }

#advertisement { margin: 0;
	padding: 0;
	width: 200px;  }

	#advertisement p { background-color: #eeeeee;
		border: 1px solid #bdbcbc;
		color: #ffffff;
		font-variant: italic;
		letter-spacing: 1px;
		padding: 0 5px;
		text-align: right;
		margin: 5px 0;
		width: 188px;
		_width: 200px; \* IE \* }

	#advertisement a { color: #808080; }

#footer { background-color: #202020;
	color: #ffffff;
	overflow: hidden;
	padding: 0;
	width: 100%; }

	#footer .col1 { float: left;
		margin-left: 70px;
		_margin-left: 50px;
		padding: 10px;
		width: 20%; }
	#footer .col2 { float: left;
		padding: 10px;
		width: 20%; }
	#footer .col3 { float: left;
		padding: 10px;
		width: 20%; }
	#footer .col4 { float: left;
		padding: 10px;
		width: 20%; }

	#footer h1 { background: none;
		border-top: 3px solid #414141; 
		border-bottom: none;
		color: #eeeeee;
		font: 16px Georgia, Times, Times New Roman, serif; 
		font-variant: small-caps;
		letter-spacing: 2px;
		line-height: 24px;
		padding: 10px 0; }

	#footer ul { margin: 0; padding: 0; }

	#footer ul li { list-style: none;
		text-align: left; }

	#footer a { color: #808080;
		font: 12px Verdana, Arial, sans-serif;
		line-height: 24px; }

	#footer a:hover { color: #FFCC00; }

	#footer p { color: #eeeeee;
		font: 12px Verdana, Arial, sans-serif;
		line-height: 20px; }

	#footer p.downloads { margin-top: 10px;
		text-align: center; }


/* TYPOGRAPHY AND COLORS 
------------------------------------------------------ */

body { color: #000000;
  font: 10pt Arial, sans-serif; }

p { font: 10pt Arial, sans-serif;
  line-height: 20px;
  text-align: left;
  margin: 10px 0; }

p.qc { margin: 15px 0;
  padding: 0 10px;
  font: 10pt Arial, sans-serif; }

p.column { float: left;
  width: 250px;
  margin: 10px 0; }

h1 { background-color: #9db7e5;
  color: #000000;
  font: 24px Georgia, Times, Times New Roman, serif; 
  line-height: 30px;
  letter-spacing: 2px;
  font-variant: small-caps;
  margin: 10px 0 10px -5px;
  padding-left: 5px;
  border-bottom: 1px solid #6b704b;
  border-radius: .5em;
  -moz-border-radius-topright: .5em; }

h2 { color: #9db7e5;
  font: bold 18px Georgia, Times, Times New Roman, serif;
  text-align: left;
  letter-spacing: 2px;
  line-height: 28px;
  margin-top: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #606540; }

h3 { margin: 3px 3px 0 3px;
   color: #6b704b;
   font: 10pt tahoma, arial sans-serif;
   font-variant: small-caps;
   letter-spacing: 1px;
   line-height: 20px;
   margin: 0 0 10px 0;
   text-align: left; }

h4 { margin: 0 3px 3px 3px;
   color: #000000;
   font: bold 10pt tahoma, arial, sans-serif;
   font-variant: small-caps;
   letter-spacing: 2px;
   text-align: left;
   line-height: 20px; }

h5 { margin: 0;
   color: #6b704b;
   font: bold 16px tahoma, arial, sans-serif;
   font-variant: small-caps;
   letter-spacing: 2px;
   line-height: 15px; }

h6 { font: bold 12px Gill Sans, verdana, sans-serif;
  letter-spacing: 2px;
  line-height: 20px;
  text-align: left;
  padding: 0;
  margin: 0; }

h7 { font: 12px Gill Sans, verdana, sans-serif;
  line-height: 20px;
  text-align: left;
  padding: 0;
  margin: 0; }

em { color: #606540;
   font-style: italic; }

strong { color: #790000;
   font-weight: bold; }

ul, ol { line-height: 20px; padding-left: 25px; text-align:left; }

	ul.home { list-style-type: none; margin: 0; padding: 0; }

		ul.home li { margin: 15px 0; padding: 0; }

table { font: 10pt arial, sans-serif; }

blockquote { background-color: #eee;
  padding: 10px;
  margin: 10px 40px;
  color: #000000;
  font: 10pt tahoma, arial, sans-serif; 
  line-height: 30px;
  text-align: justify;  
  border: 3px double #bdbcbc; }

hr { color: #bdbcbc;
  background-color: #bdbcbc;
  border: 0;
  height: 1px;
  margin: 5px 0; }

img.border { border: 4px solid #606540; }

.related { margin-left: 25px;
  margin-top: 0;
  padding: 0;
  list-style-type: square; }

.back { float: right;
  margin-top: 20px; }

a { color: #000000;
   text-decoration: underline; }

a:link { color: #000000;}

a:visited { color: #0000CD; }

a:hover { color: #FF0000;
   text-decoration: none;
   font-style:italic; }

a.sidebar { width: 175px;
   display: block;
   background-color: inherit;
   color: #BCAA02;
   font: 10pt tahoma, arial, sans-serif;
   line-height: 20px;
   padding-left: 3px;
   text-decoration: none;
   border-bottom: 1px dotted #808080; }

a.sidebar:hover { background-color: #d3d8b2;
   text-decoration: none;
   color: #FF0000; }

a.arrow { background: transparent url(../../graphics/sidebar/arrow01.jpg) no-repeat center left; 
	padding-left: 20px; }

/* NEWS HEADLINES 
------------------------------------------------------ */

.news { margin: 0;
  padding: 0 10px; }

	.news h1 { background: none;
	  border: none;
	  border-radius: none;
	  color: #202020;
	  font: bold 16px Gill Sans, verdana, sans-serif;
	  line-height: 16px;
	  text-align: left;
	  padding: 0;
	  margin: 20px 0 0 0; }

	.news h2 { color: #202020;
	  font: 12px Arial, sans-serif;
	  font-variant: small-caps;
	  padding-left: 5px; }

	.news h3 { color: #6b704b;
	  font: 12px Arial, sans-serif;
	  padding-left: 5px; }

	.news h4 { font: 13px Arial, sans-serif;
	  text-align: justify;
	  line-height: 20px;
	  padding: 0 0 15px 10px;
	  margin: 0;
	  display: block; }

	p.news { color: #202020;
	  margin: 0!important;
	  padding: 0; }
	
	.news a { color: #790000;
		font: 13px Arial, sans-serif;
		text-decoration: none; }

	.news a:hover { text-decoration: underline; }


/* TABLES 
------------------------------------------------------ */

#table_menu { border: none; }

  #table_menu th { width: 255px;
     text-align: center; }

  #table_menu td { width: 255px;
     font: 10pt Arial, sans-serif; }

#calendar table { border: 1px solid #eee; }

#calendar th { padding: 3px;
  border: 1px solid #eee; }

#calendar td { padding: 3px;
  border: 1px solid #eee; }

#calendar table p { text-align: justify;
     padding-left: 3px; }

#calendar2 table { border: 1px solid #606540; }

#calendar2 th { background-color: #6a6e49;
	color: #ffffff;
	padding: 3px 5px; }

#calendar2 td { padding: 3px 3px; }


/*BREADCRUMBS CSS 
------------------------------------------------------ */

#bread { color: #202020;
	background-color: inherit;
	padding: 3px;
	margin-bottom: 15px; }

#bread ul { margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none; } 

#bread ul li { margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline; }


/* LINK ICONS 
------------------------------------------------------ */

.pdf { background-image: url(../../graphics/design/icon_pdf_small.gif);
  background-repeat: no-repeat;
  padding-left: 22px;
  height: 20px; }


/* IMAGE ROLLOVERS - HOMEPAGE
------------------------------------------------------ */

#anchor1_wwr { float: left;
  display: block;
  width: 100px;
  height: 100px;
  background: transparent url(../../graphics/home/wwr_logo.png) no-repeat; }

	#anchor1_wwr:hover { background-position: -100px 0; } 


#anchor2_m1s { float: left;
  display: block;
  width: 100px;
  height: 100px;
  background: transparent url(../../graphics/home/onesource_logo.png) no-repeat; }

	#anchor2_m1s:hover { background-position: -100px 0; } 


#anchor3_marinestv { display: block;
  width: 200px;
  height: 100px;
  background: transparent url(../../graphics/home/marinestv_logo.png) no-repeat; }

	#anchor3_marinestv:hover { background-position: -200px 0; } 

#anchor4_mclbb { display: block;
  width: 175px;
  height: 75px;
  background: transparent url(../../graphics/home/mclbb_siteLink.png) no-repeat; }

<!--	#anchor4_mclbb:hover { background-position: -175px 0; }  -->

#anchor5_qc { display: block;
  width: 200px;
  height: 150px;
  background: transparent url(../../graphics/home/new_qc_issue.png) no-repeat; }

	#anchor5_qc:hover { background-position: -200px 0; } 

#anchor6_poker { display: block;
  width: 194px;
  height: 50px;
  background: transparent url(../../graphics/home/poker.png) no-repeat; }

	#anchor6_poker:hover { background-position: -194px 0; } 

#anchor7_lib { display: block;
  width: 534px;
  height: 61px;
  background: transparent url(../../graphics/home/GaleBanner.png) no-repeat; }

	#anchor7_lib:hover { background-position: -534px 0; } 
	
/* ANYLINK DROPDOWN MENU CSS 
------------------------------------------------------ */

#dropmenudiv{ position: absolute;
	border: 1px solid #202020;
	border-bottom-width: 2px;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100; }

#dropmenudiv a{ background-color: #414141;
	width: 100%;
	display: block;
	color: #eeeeee;
	text-indent: 3px;
	text-align: left;
	border-bottom: 1px solid #202020;
	padding: 5px 0;
	text-decoration: none; }

#dropmenudiv a:hover{ background-color: #202020;  /*hover background color*/
	color: #FFCC00; }

#dropmenudiv span{ background-color: #202020;
	width: 100%;
	display: block;
	color: #eeeeee;
	text-indent: 3px;
	text-align: left;
	border-bottom: 1px solid #202020;
	padding: 1px 0;
	text-decoration: none; }

.blank { background-color: #202020; 
	width: 100%;
	display: block;
	color: #eeeeee;
	text-indent: 3px;
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 1px solid #202020;
	padding: 1px 0;
	text-decoration: none; }


/* SCROLLER (HOMEPAGE)
------------------------------------------------------ */

.slider_home ul { margin: 0; padding: 0; }

	.slider_home li { list-style: none; 
		display: inline; 
		width: 200px; 
		margin-bottom: 0; }
	
	.slider_home li a { border-bottom: 3px solid #ffffff;
		color: #867863;
		font: 14px Gill Sans, verdana, sans-serif;
		letter-spacing: 2px;
		line-height: 18px;
		padding: 20px 12px 20px 20px;
		width: 200px;
		text-align: center;
		text-decoration: none;
		display: inline-block; }

	.slider_home li a:hover { border-bottom: 3px solid #606540; 
		color: #606450 !important;
		font: 14px Gill Sans, Verdana, sans-serif;
		line-height: 22px;
		padding: 20px 15px 13px 15px; }

	.slider_home li a.selected { border-bottom: 3px solid #606540;
		color: #606540 !important;
		font: 14px Gill Sans, Verdana, sans-serif;
		line-height: 22px;
		padding: 10px 15px 13px 15px; }

#scroller-header_home { background-color: #ffffff;
	color: #867863;
	width:572px;
	height:44px;
	padding: 22px 0 0 0;
	font-weight:700; }

#scroller-body_home { background-color: #ffffff;
	width:570px;
	margin-top: 0; }

.slider_archives ul { margin: 0; padding: 0; }

	.slider_archives li { list-style: none; display: inline; width: 150px; }
	
	.slider_archives li a { color: #867863;
		font: 12px Gill Sans, verdana, sans-serif;
		letter-spacing: 2px;
		line-height: 22px;
		padding: 0;
		width: 150px;
		text-align: center;
		text-decoration: none;
		display: inline-block; }

	.slider_archives li a:hover { color: #606540 !important;
		font: bold 12px Gill Sans, Verdana, sans-serif;
		line-height: 22px;
		padding: 0px;
		text-decoration: underline; }

	.slider_archives li a.selected { color: #606540 !important;
		font: bold 12px Gill Sans, Verdana, sans-serif;
		line-height: 22px;
		padding: 0px;
		text-decoration: underline; }

#scroller-header { background-color: #ffffff;
	color: #867863;
	width:570px;
	height:44px;
	padding: 22px 15px 0 15px;
	font-weight:700; }

#scroller-body { background-color: #eeeeee;
	width:570px; }

#mask {	width:570px;
	overflow:hidden;
	margin-left: 2px; }

#panel { }

#panel div { float:left; }

#panel-1 { padding: 10px; }

#panel-2 { padding: 10px; }

#panel-3 { padding: 10px; }

/*-------------------------------------------------------
   FLOAT FIX
------------------------------------------------------ */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Don't show ie (Mac) \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}