@charset "utf-8";
/* 
######################################## 
							Body
######################################## 
*/
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #2A0000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: .8em;
	line-height: 1.25em;
}

/* 
######################################## 
					Page Layout Section
######################################## 
*/
	
.twoColFixLtHdr #container { 
	width: 776px;  /* using 24px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #f2ecd4;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	height: 167px;
	background: #2A0000; 
	padding: 0 1px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#masthead {
	margin: 0px; 
	padding: 0px; 
	height: 139px; 
	vertical-align: top;
}
	#masthead a img{
		border: none;
	}
	#masthead a:hover img{
		border: none;
	}
#breadCrumbs { 
	width: 756px; 
	display: block; 
	height: 18px; 
	font-size: .85em; 
	padding-left: 20px; 
	font-weight: lighter; 
	color: #2A1F00;
	clear: left;
}	
/*.twoColFixLtHdr #bgContainer {
	background: #f2ecd4 no-repeat url(../images/circle_brush.png);
}*/
#home #bgContainer {
	background: #f2ecd4 no-repeat url(../images/circle_brush_white.png);
}
#resources #bgContainer {
	background: #f2ecd4 no-repeat url(../images/circle_brush_blue.png);
}
#submission #bgContainer {
	background: #f2ecd4 no-repeat url(../images/circle_brush_burgundy.png);/* 051168 */
}
#advertising #bgContainer {
	background: #f2ecd4 no-repeat url(../images/circle_brush_green.png);/* 051168 */
}
#faqs #bgContainer {
	background: #f2ecd4 no-repeat url(../images/circle_brush_goldenrod.png);/* 051168 */
}
#subscribe #bgContainer {
	background: #f2ecd4 no-repeat url(../images/circle_brush_aquamarine.png);/* 051168 */
}
#contact #bgContainer {
	background: #f2ecd4 no-repeat url(../images/circle_brush_lilac.png);/* 051168 */
}

.twoColFixLtHdr #mainContent { 
	width: 535px;
	min-height: 400px;
	height: auto;
	margin: 0 0 0 190px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent a { 
	text-decoration: none;
	border-bottom: dashed #808080 1px;
}
#mainContent a:hover { 
	text-decoration: none;
	border-bottom: dotted #808080 1px;
}

/* 
######################################## 
						navBar Section
######################################## 
*/

#navBarMenu {
		width: 776px; 
		height: 35px;
		position: relative; 
		top: -7px; 
		z-index:10;
		background-color: #201711;
		background-image: url(../images/bambooslip_navbar_bg.png);
	}
	#navBarMenuLinks {
		padding-left: 94px; overflow: visible;
	}
	#navBarMenu .left {
		float: left;
		padding: 0px;
	}
	#navBarMenu .right {
		float: right;
		padding: 0px;
	}
	#navBarMenu a img {
		float: left;
		border: none;
		padding: 0px;
	}
	#navBarMenu .right img {
		float: left;
		padding: 0px;
	}
	
/* 
######################################## 
						sideBar Section
######################################## 
*/

#sideBar {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding-top: 6px;
	position: relative;
}
#sideBar h3 {
	display: block;
	background-color: #cb883d;
	width: 180px;
	height: 24px;
	text-align: center;
	font-size: .95em;
	color: #f2ecd4;
	margin-bottom: 0px;
}

.departments {
	border-right: #CB883D 2px solid;
	border-bottom: #CB883D 1px solid;
	margin-top: 19px;
}

.departments .title {
	display: block;
	background-color: #cb883d;
	width: 180px;
	height: 24px;
	text-align: center;
	color: #f2ecd4;
	margin-bottom: 0px;
	font-size: .95em;
	padding-top: 6px;
	margin-top: 0px;
	
}

#sideBar .last {
	border-top: #CB883D 1px solid;
	width: 180px;
	display: block;
}

/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu3 {
	margin: 0;
	padding: 0;
	font-size: .85em;
}
ul.submenu3 li.main{
  margin: 0;
  padding: 0;
  list-style: none;
	line-height: 15px;
	font-weight: bold;
}
ul.submenu3 li.sub{
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
	line-height: 12px;
}
ul.submenu3 li.main a {
	display: block;
	width: 164px;
	color: #006666;
	text-decoration: none;
	padding-top: 2px;
	border-right: #CB883D 2px solid;
	border-top: #EBE9D8 0px solid;
	padding: 8px 4px 4px 10px;
	margin-bottom: 1px;
}
ul.submenu3 li.sub a {
	display: block;
	width: 154px;
	color: #006666;
	text-decoration: none;
	padding-top: 2px;
	border-right: #CB883D 2px solid;
	border-top: #EBE9D8 0px solid;
	padding: 8px 4px 4px 10px;
	margin-bottom: 1px;
}
ul.submenu3 li.main a:hover {
  color: #839657;
	border-right: #680505 2px solid;
}
ul.submenu3 li.sub a:hover {
  color: #839657;
	border-right: #680505 2px solid;
}
ul.submenu3 li.last {
	border-top: #CB883D 1px solid;
}

	
/* 
######################################## 
						footer Section
######################################## 
*/

.twoColFixLtHdr #footer { 
	padding: 0 10px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #2A0000; 
} 
#subFooterBar {
	width: 776px; 
	height: 15px; 
	color: #FFFFCC; 
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .75em;
	background-color: #2A0000;
	float: left;
}
	#subFooterBar a {
		color: #CCCCCC;
		text-decoration: none;
		border-bottom: dotted 1px #FFFFCC;
	}
	#subFooterBar a:hover {
		color: #FFFFCC;
		text-decoration: none;
		border-bottom: dotted 1px #CCCCCC;
	}
	#subFooterBar .powered {
		float: right;
		display: inline;
	}
	#subFooterBar .copyright {
		float: left;
		display: inline;
		width: 575px;
		text-align: left;
	}

/* 
######################################## 
							Style Elements
######################################## 
*/

h1 {
	color: #680505;
	font-size: 1.5em;
	margin-top: 16px;
	margin-bottom: 5px;
}
.article {
	font-weight:normal;
}
h2 {
	color: #cb883d;
	font-size: 1.25em;
}
h3 {
	color: #cb883d;
	font-size: 1em;
	padding-top: 6px;
}
h4 {
	color: #cb883d;
	font-size: .75em;
	padding-top: 6px;
}

a {
	color: #006666;
}
a:hover {
	color: #839657;
}

ul {
	font-size: .8em;
}
ul.archive {
	list-style: none;
	font-size: 1.0em;
}

ol {
	font-size: .8em;
}

hr {
	color: #DBD8C7;
	height: 1px;
}

/* 
######################################## 
							Table Classes
######################################## 
*/ 
 
.table {
	/*clear: both;*/

}

.table_row {
	/*clear: left;*/
	background: none;
}

.empty_table_cell {
	background: none; 
	margin: 1px; 
	padding: 0px 3px 0px 3px; 
	display: inline; 
	float: left;
}

.table_cell_header {
	margin: 1px; 
	padding: 0px 3px 0px 3px; 
	display: inline; 
	float: left;
}

.table_cell_oddrow { 
	margin: 1px; 
	padding: 0px 3px 0px 3px; 
	display: block; 
	float: left;
}

.table_cell_evenrow {
	margin: 1px; 
	padding: 0px 3px 0px 3px; 
	display: inline; 
	float: left;
}

.width100pxI { 
	width: 100px !important;
}

.width125pxI { 
	width: 125px !important;
}

.width145pxI { 
	width: 145px !important;
}

.width175pxI { 
	width: 175px !important;
}

.width200pxI { 
	width: 200px !important;
}

.width325pxI { 
	width: 325px !important;
}

.width300pxI { 
	width: 300px !important;
}

.width400pxI { 
	width: 400px !important;
}

/* 
######################################## 
							Spacer Classes
######################################## 
*/

.spacerHz5px {
	height: 5px !important;
}

.spacerHz10px {
	height: 10px !important;
}

.spacerHz20px {
	height: 20px !important;
}

.spacerHz30px {
	height: 30px !important;
}

/* 
######################################## 
							Style Classes
######################################## 
*/

.articleTitle {
	color: #3A5034;
	font-size: .90em;
}

.articleAuthor {
	color: #999999;
	font-size: .80em;
}

.resource_detail_author {
	color: #808080;
	font-size: .90em;
}

.articleDescription {
	font-size: .85em;
	margin: 5px;
	display: block;
}


li .articleTitle {
	color: #3A5034 /*#333D32*/;
	font-size: 1.1em;
}

li .articleAuthor {
	color: #999999;
	font-size: 1.0em;
}

li .resource_detail_author {
	color: #808080;
	font-size: 1.1em;
}

li .articleDescription {
	font-size: 1.05em;
	margin: 5px;
	display: block;
}


.readOnline {
	display: block;
	background-color: #870804;
	padding: 3px;
	width: 80px;
	line-height: .75em;
	border: solid 1px #DDDDDD;
	text-align: center;
}

.readmore {
	color: #999999;
	font-size: .95em;
}

.readOnline a {
	color: #E9CF0C;
}

.readOnline a:hover {
	color: #FFEEFF;
}

.topLink {
	font-size: .75em;
	width: 535px; 
	text-align: center;
	margin-top: 1px;
}

.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.floatLeft-m0 {
  float: left;
}

.floatRight-mo {
  float: right;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
.clear {
  clear: both;
}

.small { 
	font-size: .8em;
}

.textcenter {
	text-align: center;
}

.deepred {
	color: #870804;
}

.deepgoldenrod {
	color: #DAA904;
}

.goldenrod {
	color: #E9CF0C;
}

.offwhite {
	color: #FFFFF5;
}

.lightgrey {
	color: #EBEBE1;
}

.lightgold {
 color: #EBE9D8;
}

.dark {
	color: #003300;
}


.lightBlueBg {
  background-color: #EAF2F5;
}

.lightGoldBg {
  background-color: #EBE9D8;
}

.lighterGoldBg {
  background-color: #F1ECD8;
}

.verylightGoldBg {
  background-color: #F4F2E1;
}

.BlackBg {
  background-color: #000000;
}

.deepredBg {
	background-color: #870804;
}

.deepgoldenrodBg {
	background-color: #DAA904;
}

.goldenrodBg {
	background-color: #E9CF0C;
}

.offwhiteBg {
	background-color: #FFFFF5;
}

.lightgreyBg {
	background-color: #EBEBE1;
}

.medgreenBg {
	background-color: #BAC79D;
}

.lightgreenBg {
	background-color: #E1E7D5;
}

.redAlert {
	color: #870804;
}

.redAlertfine {
	color: #870804;
	font-weight: lighter;
}

.center {
	Margin-left: auto;
	margin-right: auto;
}

.reviewinput {
	font-size: 11px; 
	font-family: Tahoma;
	font-weight: bold;
	line-height: 12px;
	color: #870804; 
	border-top-style: none; 	 
	border-right-style: none; 
	border-left-style: none; 
	border-bottom-style: none;
	background-color: #F2ECD4;
	z-index: 100;
}

.notebox {
	background-color: #C9C698;
  border: 1px dashed #870804;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
	padding: 5px;
	font-size: .95em;
	zoom: 1;
}

.transbox {
	width: 530px;
	height: 3px;
	background-color: #CCCC99;
  border: none;
  /* for IE */
  filter: alpha(opacity=10);
  /* CSS3 standard */
  opacity: 0.10;
  /* for Mozilla */
  -moz-opacity: 0.10;
	zoom: 1;
}

.transbox_p {
	color: #333333;
	padding: 5px;
}

.addtocart_inline {
	vertical-align: bottom;
}

form.addtocart_inline {
	vertical-align: text-bottom;
	margin-top: 0px;
	margin-bottom: -2px;
}

.issuelink_w_button {
	height: 20px; 
	width: 375px;
	margin-bottom: 2px;
	Margin-top: 1px;
}

.issuelink_w_button a {
	text-decoration: none;
	border-bottom: none;
}

.issuelink_w_button a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

.inst_radiotext {
	font-size: .85em;
	color: #999999;
}

#accountdescr_box {
	border-right: #CB883D 2px solid;
	border-bottom: #CB883D 1px solid;
	margin-top: 15px;
	padding-bottom: 5px;
}

#selection_caution_box {
	padding-bottom: 2px;
	line-height: .85em;
	font-size:.75em;
	width: 155px;
	margin-left: auto;
	margin-right: auto;
	color: #990000;
}

.accountdescr {
	width: 145px;
	font-size: .85em;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	float: none;
	padding-bottom: 5px;
}

#pdf_avail_box {
	border-right: #CB883D 2px solid;
	border-bottom: #CB883D 1px solid;
	margin-top: 19px;
}

#pdf_available {
	width: 125px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.pdf_available {
	width: 145px;
	font-size: .85em;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.nowrap { white-space: nowrap; }

.imageRight {
		margin-right: 10px; 
		margin-bottom: 10px; 
		padding: 3px; 
		display: inline;
		float: right;
		height: 250px;
	}
	.imageRight img {
		padding: 3px; 
		border: #EEEAD5 1px solid;
		float: none;
		padding-right: 2px;
	}
.imageR {
		margin-right: 10px; 
		margin-bottom: 10px; 
		padding: 3px; 
		display: inline;
		float: right;
	}
	.imageR img {
		padding: 3px; 
		border: #EEEAD5 1px solid;
		float: none;
		padding-right: 2px;
	}
.formbox1 {
	background-color: #E8E7D2;
	padding-left:5px;
	border: 1px dashed #FFCC66;
  /* for IE */
  filter: alpha(opacity=70);
  /* CSS3 standard */
  opacity: 0.70;
  /* for Mozilla */
  -moz-opacity: 0.70;
	zoom: 1;
}
.formbox1_alert {
	background-color: #E8E7D2;
	padding-left:5px;
	border: 1px dashed #CC3300;
  /* for IE */
  filter: alpha(opacity=70);
  /* CSS3 standard */
  opacity: 0.70;
  /* for Mozilla */
  -moz-opacity: 0.70;
	zoom: 1;
}
.formbox1a {
	zoom: 1;
	width: 515px;
}

.formbox2 {
	border: 1px dashed #FFCC66;
	background-color: #E8E7D2;
	padding-left: 10px;
  /* for IE */
  filter: alpha(opacity=70);
  /* CSS3 standard */
  opacity: 0.70;
  /* for Mozilla */
  -moz-opacity: 0.70;
	zoom: 1;
	width: 375px;
}
.formbox2_alert {
	border: 1px dashed #CC3300;
	background-color: #E8E7D2;
	padding-left: 10px;
  /* for IE */
  filter: alpha(opacity=70);
  /* CSS3 standard */
  opacity: 0.70;
  /* for Mozilla */
  -moz-opacity: 0.70;
	zoom: 1;
	width: 375px;
}
.formbox2a {
	padding-top: 8px;
	zoom: 1;
	width: 375px;
}
.adminModeExterior {
	border-right: #CB883D 2px solid;
	border-bottom: #CB883D 1px solid;
	margin-top: 19px;
}

.adminModeInterior {
	padding-left: 8px;
}

.formTitle {
	color: #cb883d;
	font-size: 1.25em;
}

dd { 
	margin-left: 0px;
	padding-left: 0px;
}