/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Global defs, and some general style notes.  */

html, body {
	background-color:#adcdcd;
	height:100%;
	margin:0px;
	padding:0px
}

.cleardiv {clear:both;font-size:0px;height:0px}
b.emp {color:#993333}
p.tocenter {text-align:center}
p.toleft {text-align:left}
p.toright {text-align:right}
ul {list-style-type:none}
li {list-style-type:none}


/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Top and bottom fades.  Use background images.  Top fade in content wapper; bottom fade in footer */

#topfade, #bottomfade {height:30px;margin:0px auto}
#topfade {background-image:url(../images/br_fadetop.jpg)}
#bottomfade {background-image:url(../images/br_fadebot.jpg)}


/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Mainbody setup -- inside fades/content. The bottompush id exists to keep the footers at the bottom of */
/* the browser if there is not enough content to otherwise anchor it there.  It must have a height */
/* equal to the TOTAL (incl. borders, margins, etc.) of all divs which must be anchored.  Further,   */
/* the mainbody margin for the bottom must be offset by that exact amount (and the top margin  */
/* must be offset by the height of the topfade).  */


#contentwrapper {
	background:#f5ffff url('../images/br_bk.jpg');
	border-left:1px solid #006666;
	border-right:1px solid #006666;
	text-align:left;
	width:950px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0px auto -86px auto;
}
#bottompush {height:86px}

#contentwrapper a:link, #contentwrapper a:visited, #contentwrapper a:active {color:#000097;text-decoration:none;font-weight:bold}
#contentwrapper a:hover {color:#993333;text-decoration:none;font-weight:bold}

#topbanner {
	width:100%;
	font-family:Verdana,"Arial Bold",Arial;
}

#topbanner img {border:0px solid #ffffff}

#topbanner .logo {
	margin:0px 75px 0px 40px;
	float:left;
}

#topbanner .slogan {
	float:left;
	margin:24px 20px 0px 15px;
	padding:0px 30px 0px 40px;
	font-family:Georgia,serif;
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	color:#000097
}

#topbanner .corner {
	height:70px;
	width:18px;
	float:left;
}


#topbanner .address {
	text-align:center;
	float:right;
	margin-right:15px;
	margin-top:3px;
	font-size:11px;
	color:#000000;

}

#topbanner .address img {margin:0px auto;text-align:center}
#topbanner a:link, #topbanner a:visited, #topbanner a:active {color:#000097;text-decoration:none;font-weight:bold}
#topbanner a:hover {color:#993333;text-decoration:none;font-weight:bold}


/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Global navigation bar defs */

#navbar {
	width:100%;
	height:60px;
	background:#006666;
	color:#f5ffff;
	font-weight:bold;
	font-family:Helvetica,Tahoma,Geneva,sans-serif;
	font-size:15px;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000
}

#navbar a:link, #navbar a:visited, #navbar a:active {color:#f5ffff;text-decoration:none;font-weight:bold}
#navbar a:hover {color:#ffff00;text-decoration:none;font-weight:bold}

#navbar .collage {
	width:100%;
	height:35px;
	margin:0px;
	background-image:url(../images/br_framebanner.jpg)
}

#navbar .allitems {padding:3px 10px 0 40px}

/* below is depreciated now */
#navbar .onetopitem {
	text-align:center;
	float:left;
	padding:0px 25px;
	border-right:1px solid #000000
}	

#navbar .allitems ul {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

#navbar .allitems li {
	position:relative;
	float:left;
	padding:0px 25px;
	border-right:1px solid #000000
}

#navbar .allitems li.slug {
	color:#08490f;
	padding-top:4px;
	padding-bottom:4px
}

#navbar .allitems ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	width:200px;
	background:#006666;
	margin-left:-5px;
	font-size:13px;
	padding:0px 2px;
	line-height:28px;
}

#navbar .allitems ul ul a, 
#navbar .allitems ul ul a:visited, 
#navbar .allitems ul ul a:active, 
#navbar .allitems ul ul a:link {
	text-align:left;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
}

#navbar .allitems ul ul a.exp {background:#006666 url('./images/gen_hover_arrow.gif') no-repeat 100% 100%}
#navbar .allitems li li {
	float:none;
	margin:0px;
	border-bottom:1px solid #f5ffff;
	border-right:0px solid #000000
}

#navbar .allitems ul ul ul {
	top:0px;
	left:100%;
}

div#navbar .allitems li:hover {cursor:pointer;z-index:100;}

div#navbar .allitems li:hover ul ul,
div#navbar .allitems li li:hover ul ul
	{display:none;}

div#navbar .allitems li:hover ul,
div#navbar .allitems li li:hover ul 
	{display:block;}


/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Global footer defs */

#footer {
	height:75px;
	width:950px;
	margin:10px auto 0px auto;
	text-align:center;
	font:bold 10px Verdana,Arial,sans-serif;
	color:#000000
}

#footernav {
	border-top:2px solid #006666;
	border-bottom:1px solid #006666;
	margin-bottom:3px;
	padding:2px 0px
}

#footer p {
	margin:0px;
	text-align:center;
	font:10px Verdana,Arial,sans-serif;
	color:#000000
}

#footer a:link, #footer a:visited, #footer a:active {color:#000097;text-decoration:none;font-weight:bold}
#footer a:hover {color:#993333;text-decoration:none;font-weight:bold}


/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Body defs */


.pageheader {margin-top:30px;margin-bottom:20px}
.pageheader h1 {
	text-align:center;
	font:bold 24px "Lucida Sans Unicode","Lucida Grande",Verdana,Arial;
}

.pageheader h2 {
	text-align:center;
	color:#808080;
	font:bold 18px "Lucida Sans Unicode","Lucida Grande",Verdana,Arial;
}

.divline-wide {
	background:#f5ffff url('../images/br_divline.gif');
	width:109px;
	height:20px;
	margin:15px auto;
	text-align:center
}

.divline-thin-red, .divline-thin-teal {
	text-align:center;
	font-size:1px;
	width:550px; 
	margin:5px auto;
	height:2px;
}

.divline-thin-red {background:#993333}
.divline-thin-teal {background:#006666}

#productcontent {
	margin:0px 40px;
	font-family:"Book Antiqua",Garamond,serif;
	color:#000000;
	font-size:15px;
}


/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Product or Info Block and curves, fade */


.bb1, .bb2, .bb3, .bb4 {
	height:1px;
	border-left:1px solid #006666;
	border-right:1px solid #006666;
	background:#adcdcd
}

.bb1 {margin:0px 1px}
.bb2 {margin:0px 2px}
.bb3 {margin:0px 3px}
.bb4 {margin:0px 5px}
.bb5 {
	height:1px;
	margin:0px 7px;
	background:#006666
}

.bodyblockfade {
	height:13px;
	background:#fff9e5 url(../images/br_bfade_13.jpg)
}

.bodyblock {
	background-color:#adcdcd;
	border-left:1px solid #006666;
	border-right:1px solid #006666;
	border-bottom:1px solid #006666;
}

.bodyblockgencontent {
	padding:10px 12px 5px 12px;
	text-align:center
}


/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Alert Block.  If at top of the index page, use instead of the page header */


.alertblock {
	margin-top:10px;margin-bottom:10px;
	background-color:#adcdcd;
/*	border-left:0px solid #000000;border-right:0px solid #000000; */
	border-bottom:3px solid #993333;border-top:3px solid #993333;
	text-align:center;
	font-weight:bold
}

.alertblockcontent {padding:10px 12px 5px 12px}
.alertblockheader {
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial;
	font-size:18px;
	color:#993333
}