/*******************************/
/*   Overall Document Styles   */
/*******************************/
body {
    background-color : #FFFFFF;
	color : #222222;
	margin : 0;
	padding : 3px;
	font-family : Georgia, "Times New Roman", serif;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size : 12pt;
}



table {
	margin: 0% 2% 0% 1%;
}

table th, table td {
	padding: .1em .3em;
	vertical-align : top;
}

/*******************************/
/*  HEADERS                    */
/*******************************/
h1, h2, h3, h4, h5, h6	{
	clear: both;
	color : #333333;
	font-family : Verdana, "Times New Roman", serif;
	font-weight : bold;
	margin : 0 0 1em 0;
	padding : 0px;
	background-color: #fff;
}
h1 {
	text-align : center;
	margin : 0;
	font-size : 16pt;
	text-shadow: 3px 3px 5px #CCCCCC; /* Only in CSS2 */
}
h2 {
	font-size: 14pt;
	font-style: normal;
	text-align: center;
	line-height: normal;
	vertical-align: text-bottom;
	margin: 0px;
	overflow: visible;
}
h3 {
	font-size : 12pt;
	font-family : "Merced", "Times New Roman", serif;
	font-style: normal;
	text-align: left;
	line-height: normal;
	vertical-align: text-bottom;
	margin: 0px;
	overflow: visible;
}
h4, h5, h6 {
	font-size : 12pt;
	font-family : "Merced", "Times New Roman", serif;
}

headline1, headline2, headline3 {
	clear: both;
	color : #333333;
	font-family : Verdana, "Times New Roman", serif;
	font-weight : bold;
	margin : 0 0 1em 0;
	padding : 0px;
	background-color: #fff;
}

header {
	margin: 0;
	padding: 0;
	background-color: #fff;
	clear: both;
	color : #000000;
	font-family : "Times New Roman", Times, serif;
	font-weight : bold;
	font-size: 14px;
}


/*******************************/
/*  HYPERLINKS                 */
/*******************************/
/* CAVEAT: Maintain order of link styles. IE5,6 has a bug that screws up link style if not in this order */
a {
	font-size: 100%;
	font-weight : bold;
	text-decoration : none;
	color: #00c;
	border: 0.1em solid #BEBEBE;
	background-color: #fff;
}
a:visited {
	text-decoration : underline;
	border-top: .1em solid #ffffff;
	border-bottom: .1em solid #ffffff;
	border-left: .1em solid #ffffff;
	border-right: .1em solid #ffffff;
	color : #606;
	background-color: #fff;
}
a:hover {
	text-decoration : none;
	color: #0000ff;
	border: 0.1em solid #FFFF36;
	background-color: #fff;
}

/*******************************/
/*  IMAGES                     */
/*******************************/
img {
	border:0;
	vertical-align: bottom;
}

img_baseline {
	vertical-align: text-bottom;

}

.shadowed {
	margin: 0px;
	border: thick outset #BEBEBE;
	padding: 0px 10px 10px;
	background-color: #CCCCCC;
	height: 150px;
	width: 200px;
	background-color: #fff;
}

.picture {
	margin: 0px;
	padding: 0px;
	border: medium outset #BEBEBE;
	left: -2px;
	position: relative;
}

#bio_pix {
	background: #999999;
	float: right;
	width: 100px;
	position: relative;
	margin: 10px;
	background-color: #fff;
}


/*******************************/
/*  BANNERS                    */
/*******************************/
.top_banner {
	background-image : url("http://www.bradley.roberts.net/images/sailing_junk.jpg");
	background-repeat : no-repeat;
	float: right;
	margin-top: 10px;

}

.page_banner {
	background-image : url("http://www.bradley.roberts.net/images/sailing_junk.jpg");
	background-repeat : no-repeat;
	float: right;
	height: 140px;
	width: 600px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;

}

/***************************/
/* Top menu style          */
/***************************/
menu {
	text-align: center;
	position: absolute;
	font-size: 100%;
	font-weight : bold;
	text-decoration : none;
	color: #00c;
	background: transparent;
	vertical-align: bottom;
	border: 0.1em solid #CCCCCC;
	background-color: #fff;
}

/*  For menu items when hovered over  */
menuhover {
	text-align: center;
	position: absolute;  
	font-size: 100%;
	font-weight : bold; 
	text-decoration : none;
	border-top: .1em solid #FFFF36;
	border-bottom: .1em solid #FFFF36;
	border-left: .1em solid #FFFF36;
	border-right: .1em solid #FFFF36;
	color: #00c;
	background: transparent; 
	background-color: #fff;
}

#main_menu_bar a:hover {
	border: 0.1em solid #FFFF00;
	/* cursor: hand; */
	background-color: #FFFFCC;
}


/***************************/
/*  Navigation Bar         */
/***************************/
ul.navbar {
	list-style-type: none;
	padding: 2px;
	margin: 0;
	position: relative;
	top: 2em;
	left: 1em;
	width: 10em;
	height: 2em;
	background-color: #fff;
	/* border: #BEBEBE; */
}

ul.navbar li {
	margin: 0.75em 0 30px -1.5em;
	padding: 0.5em;
	overflow: hidden;
	float: left;
	border: 30px none #0033FF;
	background-color: #fff;
	}
ul.navbar a {
	text-decoration: none;
	border: thick #000000;
	background-color: #fff;
	}
ul.navbar a:link {
	color: blue;
	padding: 2px;
	margin: 5px;
	background-color: #fff;
	}
ul.navbar a:visited {
	color: purple;
	padding: 3px;
	margin: 5px;
	background-color: #fff;
	}
ul.navbar a:hover {
	text-decoration : none;
	color: #FFFF00;
	border: 2px solid #FFFF00;
	padding: 2px;
	margin: 5px;
	background-color: #fff;
}


/***************************/
/*  Vertical menu style    */
/***************************/
#nav {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  
}

/*  Print-specific style for the horizontal menu */
#pageurl {
	text-align: right;
	margin: 0;
	padding-bottom: 6pt;
	padding-right: 10pt;
	font-size: 9pt;
}

#mainarea {
	width: 778px;
	text-align: left;
	margin-left: 5px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: relative;
	padding-right: 10px;
	vertical-align: top;
}
	

/* Menu System in CSS */
#menu {
	width: 145px;
	background: #888888;
}

#menu ul {
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

#menu a, #menu h2 {
	display: block;
	margin: 0;
	padding: 2px 3px;
}

#menu h2 {
	color: #111111;
	background: #888888;
	text-transform: uppercase;
}

#menu a {
	background: #888888;
	text-decoration: none;
}

#menu a:hover {
	background: #888888;
}

#menu ul li {
	margin: 10px 0 20px 0;
	position: relative;
}

#menu ul li ul li ul li{
	margin: 5px 0 5px 0;
	position: relative;
}


#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{	display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{	display: block;}


/* Sidebar with Menu*/
#sidebar {
	float: left;
	width: 160px;
	background: #888888;
}


/* Content */
#content {
	margin-left: 150px;
	padding: 10px;
	display: none;
}

#article {
	width: 100%;
}

#layer1, #layer2, #layer3 {
	display: none;
}


/*****************************************/
/* Accessibility menu styles 			 */
/*                                       */
/* Requires width outside of container   */
/*****************************************/
.accessdiv {
	display: none;	
}
.accessspan {
	display: none;
}


/**********************/
/* Utility menu style */
/**********************/
.utilitynav {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

/**************************************/
/*  CAPTIONS                          */
/**************************************/
.small_caption {
	font-weight : lighter;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-stretch: narrower;
	font-size: 8pt;
	font-style: italic;
	text-align: center;
	vertical-align: text-bottom;
}

.caption {
	color: black;
   	font-weight: bold;
	font-size: smaller;
	text-indent: 1.5em;
	line-height: 120%;
	position: relative;
	/* top: -20px; To move it onto the image
	left: 10px; */
	background-color: #fff;
}

.inventory {
	font-weight : bolder;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-align: left;
	/* vertical-align: text-bottom; */
}

.label {
	color: #993399;
	font-size : 16pt;
	font-family : "Times New Roman", Arial, serif;
	font-style: normal;
	line-height: normal;
	overflow: visible;
	text-align: right;
	float: right;
	background-color: #fff;
}

.titular {
	color: #993399;
	font-family : Verdana, Arial, "Times New Roman", serif;
	font-weight: bold;
	font-size : 12pt;
	line-height: normal;
	margin-top: 3px;
	background-color: #fff;
}

.statement {
	color: #993399;
	font-family : Arial, "Times New Roman", serif;
	font-weight: normal;
	font-size : 12pt;
	line-height: normal;
	margin-top: 3px;
	background-color: #fff;
	text-align: justify;
}

.right_statement {
	color: #993399;
	font-family : Arial, "Times New Roman", serif;
	font-weight: bold;
	font-size : 12pt;
	line-height: normal;
	float: right;
	margin-top: 3px;
	background-color: #fff;
}

.center_statement {
	color: #993399;
	font-family : Verdana, Arial, serif;
	font-weight: bold;
	font-size : 12pt;
	line-height: normal;
	margin-top: 3px;
	background-color: #fff;
	text-align: center;
}


.letter {
	color: #000000;
	font-weight: normal;
	line-height: normal;
	text-align: justify;
	background-color: #fff;
}

.request {
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-stretch: narrower;
	font-size: 8pt;
	font-style: italic;
	text-align: left;
	vertical-align: text-bottom;
	bottom: 5px;
}

.news_item {
	border-style:none; 
	border-width:0px; 
	border-color:#FFFFFF; 
	position:relative; 
	width:240; 
	height:80; 
	background: #CCCCCC;  
	overflow:hidden; 
	filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.20,wipeSTYLE=0,motion=forward,duration=2);
}

.notice {
	color: #993399;
	font-family : Verdana, Arial, "Times New Roman", serif;
	font-weight: bold;
	font-size : 12pt;
	line-height: normal;
	margin-top: 3px;
	background-color: #FFFFCC;
}

.notation {
	color: #993399;
	font-family : Arial, "Times New Roman", serif;
	font-weight: normal;
	font-size : 12pt;
	line-height: normal;
	margin-top: 3px;
	background-color: #FFFFCC;
	text-align: justify;
}

.static_list {
	color: #993399;
	font-family : Courier, "Times New Roman", serif;
	font-weight: normal;
	font-size : 12pt;
	line-height: normal;
	margin-top: 3px;
	background-color: #FFFFCC;
	text-align: left;
}

.inverted_element {
	color: #FFFFFF;
	font-family : Verdana, "Times New Roman", serif;
	font-weight: bold;
	font-size : 12pt;
	line-height: normal;
	margin-top: 3px;
	background-color: #0000FF;
	text-align: left;
}

.vendor {
	color: #993399;
	font-family : Verdana, Arial, "Times New Roman", serif;
	font-weight: bold;
	font-size : 14pt;
	line-height: normal;
	margin-top: 3px;
	text-align: left;
	/* background-color: #FFFFCC; */
}

.special {
	color: #0000CC;
	font-family : Verdana, "Times New Roman", serif;
	font-weight: normal;
	font-size : 10pt;
	line-height: normal;
	margin-top: 3px;
	background-color: #fff;
	text-align: left;
}

.board_report {
	font-weight : lighter;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-stretch: narrower;
	font-size: 8pt;
	font-style: italic;
	text-align: left;
	vertical-align: text-bottom;
}

.corrected {
	text-decoration: line-through;
	font-weight : normal;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #FF0000;
}
 
.dump_table {
	font-weight : normal;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-style: normal;
	text-align: left;
	vertical-align: text-bottom;
}

.search_input {
	color: #FFFFFF;
	font-size: 12pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}

/*****************/
/* Footer styles */
/*****************/
#footer {
	text-align: center;
	margin: 4pt;
	padding: 0;
	font-size: 9pt;
	border-top: 5px solid #666;
}
#footer p, #footer div {
	clear: both;
	margin: .2em 0;
}

.footergray {
    	font-weight: bolder; 
	font-size: 10px; 
	color: #888888; 
	font-family: Verdana, Arial, Helvetica, sans-serif
	background-color: #fff;
}


/************************/
/* Misc. content styles */
/************************/
.version {
	text-align : center;
	font-size : 70%;
	margin: 0;
	padding: 0;
	display: none;
}
.author {
	text-align: left;
	padding: 0;
	margin: 2em 0 0 0;
	font-style: italic;
	font-size: 120%;
}
.publishdate {
	font-size: 85%;
}
.address {
	margin: .3em;
	font-style : normal;
	font-size : 85%;
}

/************************/
/* Hide content styles */
/************************/
.hide {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}
.hidescr  {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; 
}
.hideprn {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

/***********************   OTHER USED STYLES    ***********************/
#history {
	border: 0;
	margin : 0 0 0 10em;
	font-size : 16pt;
	text-shadow: 3px 3px 5px #CCCCCC;
	font-weight: bolder;
}
	
.movie {
	font-family: Verdana, Arial, Helvetica, sans-serif
}


/************************/
/* Debug output styles */
/************************/
.debug {
	color: #aaa;
	font-family: "Times New Roman", Times, serif;
	font-size: 75%;
}
.errormsg {
	color: #900;
	margin: 5% 5%;
}
#validators {
	display: none;
}
#web-standards-valid {
	display: none;
}
#web-standards-valid img {
	display: none;
}
#web-standards-valid a {
	display: none;
}