div.fixed { width: 850px !important; }
body { background-color: #fff; color: #000; font-family: Arial, Helvetica, Geneva; font-size:0.75em; text-align: center; margin: 0; }
.clearing { clear: both; }
#header { width:100%; height:130px; /*border-bottom:2px solid #CCCCCC;*/ }
#header_inner { position: relative; width: 850px; height:130px; margin: 0 auto; text-align:left; }
#frontheader_inner { position: relative; width: 850px; height:130px; margin: 0 auto; text-align:left; }
#header_login { float: right; padding: 20px 15px 0px 15px; }
#logo { position:relative; margin: 0; width:300px; text-align:left; }

/* Menu */
#menu {  width:100%; overflow:auto }
#menu ul { list-style: none; padding: 0; margin: 1.0em 0 0 0; float: left; }
#menu li { float: left; margin:0; }
#menu li a { display: block; padding: 7px 10px; color: #283873; font-weight: bold; font-size: 1.125em; text-decoration: none; }
#menu li a:hover { display: block; padding: 7px 10px; color: #ff9933; /* orange */ font-weight: bold; font-size: 1.125em; text-decoration: none; background-color:#283873; }

/* Main Content  */
#main { background: #fff; }
#main_inner { position: relative; width: 850px; margin: 0 auto; text-align:left; }

#frontmain { background: #FFFFFF; background-image:url(/images/bluewave.jpg); background-repeat:repeat-x; background-position:top; width:100% }
#frontmain_inner { position: relative; width: 850px; margin: 0 auto; padding-top: 1em; text-align:left; }


/* front page */
#frontpageColLeft { text-align:left; float:left; width:180px; height: 388px; }
#frontpageColRight { text-align:left; float:right; width:180px; height: 388px;}
.newsitem { border:1px solid #004162; background-color:#e7ebf1;  }
.newstitle { font-weight:bold; color:#FFFFFF; padding: 5px 10px; background:#004162 url(../../../images/bluegradient.gif) }
.newstext { padding:10px; }
div.newstitle a:link, div.newstitle a:visited, div.newstitle a:hover, div.newstitle a:active { color: white; text-decoration:none; }


#frontpageColMiddle { text-align:left; width:484px; overflow:auto; }
#frontpageColMiddle #topbox { width: 484px }
#frontpageColMiddle #bottomboxleft { float:left; width:242px;}
#frontpageColMiddle #bottomboxright { float:left; width:240px; }
#frontpageColMiddle #topbox .hero { margin:0 10px 10px 10px;}
#frontpageColMiddle #bottomboxleft .hero { margin:0 5px 10px 10px;}
#frontpageColMiddle #bottomboxright .hero { margin:0 10px 10px 5px;}



/*gallery */
#gallerymain { overflow:auto; }
#gallerymain .galleryitem { float:left; width:180px; margin-bottom:20px;  }
#gallerymain .galleryitem img.item { margin-left: auto; margin-right:auto; display:block;  }

/* left sub nav */
#subnav { width:180px; float:left; padding:10px;  overflow:auto; text-align:left; }
#subnavcompanion { padding:10px; text-align:left; width: 625px; float:left }
#subnav ul { display: block; list-style: none; margin: 0; padding: 0; }
#subnav ul li { display:block; margin: 0; padding: 0; }
#subnav ul li a { display:block; padding:12px 0 12px 20px; margin: 0px; color:#000; font-weight:bold; padding-left:20px; text-decoration:none; outline:none; }
#subnav ul li a:hover, #subnav ul li a:active { color:#0088cc; padding-left:20px; }
#subnav ul li.ui-tabs-selected a { color:#0088cc; /*background-color:#DEEBFF; border-top: 1px solid #0088cc; border-bottom: 1px solid #0088cc;*/
 background-image:url(../../../images/subnavbg.gif); background-position:top; background-repeat:no-repeat; padding-left:20px; }


/* left sub nav */
#subnav2 { width:180px; float:left; padding:10px 0px 10px 10px;  overflow:auto; text-align:left; }
#subnavcompanion2 { padding:10px; text-align:left; width: 625px; float:left;  background-image:url(../../../images/subnavbg3.gif); }

#subnav2 ul { display: block; list-style: none; margin: 0; padding: 0; }
#subnav2 ul li { display:block; margin: 0; padding: 0; }
#subnav2 ul li a { display:block; padding:12px 0 12px 10px; margin: 0px; color:#000; font-size:14px; font-weight:bold; padding-left:10px; text-decoration:none; outline:none; }
#subnav2 ul li a:hover, #subnav ul li a:active { color:#0088cc; padding-left:10px; }
#subnav2 ul li.ui-tabs-selected a { color:#0088cc; /*background-color:#DEEBFF; border-top: 1px solid #0088cc; border-bottom: 1px solid #0088cc;*/
 background-image:url(../../../images/subnavbg2.gif); background-position:top; background-repeat:no-repeat; padding-left:10px; }


.ui-tabs-hide { display: none; }

/* subnav info include files */
#subnavcompanion2 #subnavinfo_left { width:300px; float:left; }
#subnavcompanion2 #subnavinfo_right { width:300px; float:left; }
#subnavcompanion2 #subnavinfo_left .snippet, #subnavcompanion2 #subnavinfo_right .snippet { background-image:url(../../../images/snippetbg.gif); background-repeat:no-repeat; margin-right:10px; padding:10px; margin-bottom: 1.0em;   }
#subnavcompanion2 img.left { margin-right:10px; float:left; }
#subnavcompanion2 p { margin-bottom: 1.0em; line-height:1.25em; }


/* subnav info include files */
#subnavcompanion #subnavinfo_left { width:300px; float:left; }
#subnavcompanion #subnavinfo_right { width:300px; float:left; }
#subnavcompanion #subnavinfo_left .snippet, #subnavcompanion #subnavinfo_right .snippet { background-image:url(../../../images/snippetbg.gif); background-repeat:no-repeat; margin-right:10px; padding:10px; margin-bottom: 1.0em;   }
#subnavcompanion img.left { margin-right:10px; float:left; }
#subnavcompanion p { margin-bottom: 1.0em; line-height:1.25em; }

.subhead { font-weight:bold; margin-bottom: 1.0em; font-size: 1.375em; }

/* Footer */

#footer { width:100%; /*border-bottom:2px solid #CCCCCC;*/ }
#footer_inner { position: relative; width: 850px; height:130px; margin: 0 auto; padding: 1.0em 0; text-align:center;  border-top: dotted 1px #999999;}
#frontfooter_inner { position: relative; width: 850px; height:130px; margin: 0 auto; padding: 1.0em 0; text-align:center; }

/* links and css buttons */
a:link { color: #004AAA; /* blue */ }
a:visited { color: #0088cc; /* dark blue */ }

a:link.button, a:visited.button { color: #004AAA; font-size: 12px; font-family: ARIAL, Helvetica, Geneva; line-height: 18px; background-color: #ffffdb; text-decoration: none; padding: 3px; border: solid 1px #000080; }
a:hover.button { color: #000000; font-size: 12px; font-family: ARIAL, Helvetica, Geneva; line-height: 18px; background-color: #ffb123; /* lt orange */ text-decoration: none; padding: 3px; border: solid 1px #000080; }

.orangeheader { color: #ff9933; font-size: 25px; font-family: ARIAL, Helvetica, Geneva; font-weight: bold; line-height: 30px; margin-top: 10px; margin-bottom: 5px; }

#colorblock { display:block; padding:5px; font:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size:18px; background-color:#005078; margin-bottom:10px; }

/* #subtitle {	color: #0088cc; font-size: 25px; font-family: ARIAL, Helvetica, Geneva; font-weight: bold; padding:10px; text-align:left; }
*/

#subtitle { background: #0085c9; background-image: url(../../../images/bluebgshort.gif); background-repeat: repeat-x; background-position: top; width: 830px; color: #FFFFFF; font-size: 25px; font-family: museo, ARIAL, Helvetica, Geneva; font-weight: 500; padding: 10px; text-align: left; }


#form { margin: 0; padding:0; }
#form .theInput { font-family: Arial, Helvetica, Geneva; font-size: 12px; background-color: #e3eef7; color: #102132; border: 1px solid #284279; }
#form .theSubmit { font-size: 12px; font-family: ARIAL, Helvetica, Geneva; background-color: #4996d7; color: #FFFFFF; border: solid 1px #B1D3E9; cursor: pointer; }

#form1 { margin: 0; padding:0; }
#form1 .theInput { font-family: Arial, Helvetica, Geneva; font-size: 12px; background-color: #e3eef7; color: #102132; border: 1px solid #284279; }
#form1 .theSubmit { font-size: 12px; font-family: ARIAL, Helvetica, Geneva; background-color: #4996d7; color: #FFFFFF; border: solid 1px #B1D3E9; cursor: pointer; }

#form2 { margin: 0; padding:0; }
#form2 .theInput { font-family: Arial, Helvetica, Geneva; font-size: 12px; background-color: #e3eef7; color: #102132; border: 1px solid #284279; }
#form2 .theSubmit { font-size: 12px; font-family: ARIAL, Helvetica, Geneva; background-color: #4996d7; color: #FFFFFF; border: solid 1px #B1D3E9; cursor: pointer; }


/* BLUE reflecty divs */

.Category { border-left: solid 1px gray; border-right: solid 1px gray; border-bottom: solid 1px gray; overflow: hidden; 	width: 100%; }
.CategoryTab { background-color: #4996d7; border-top: solid 1px gray; border-bottom: solid 1px gray; margin: 0px; padding: 5px; font-weight: bold; font-size: 12px; color: #FFFFFF; text-align: left; background-image: url(../images/category_bg.gif); background-repeat: repeat; }
.CategoryTabContent { overflow: auto; margin: 0px; font-size: 12px; height: auto; padding: 5px; }

.bigfatgreyborder { border: 4px solid #666666; padding: 15px; background-color:#CCDDEE; }
#basicyellowbox { background-color: #FFFFCC; padding: 10px; border: 1px solid #FFCC00; }
.tdunderline { border-bottom: #ccc solid 1px; }
.message { background-color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; 	padding: 5px; border: 1px solid #3366FF; }

.new { color:#FF3300; font-weight:bold; }
.redrequired { color:#a30000; font-weight:bold; }

.active { background-image: url(../images/activelisting_green.gif); }
.notactive { background-image: url(../images/activelisting_red.gif); }

.yellowthickborder { margin: 0 50px; padding: 15px; background-color:#fffbd5; border: 2px solid #115577; }

.pane { background: #FFFFCC; padding: 5px; margin-top: 10px; position: relative; border: 1px solid #FFCC00; text-align:center; font-weight:bold; }
.pane .delete { position: absolute; top: 12px; right: 12px; cursor: pointer; }