@charset "utf-8";
/* CSS Document */

/*************** Main sections */

#main { width: 982px; margin: 0 auto; }
body { background: #f3f3f3 url(../../images/body_bg.gif) top center repeat-x; padding: 0; margin: 0; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #5b5b5b; }
/*************** Header components */
/********** Header Top */
#header { background: #fff url(../../images/search_bg.gif) 0px 105px repeat-x; border: 1px solid #64758f; border-top: 0; }
#headerTop { height: 107px; background: #376bb7 url(../../images/logo_bg.gif) top left no-repeat; border: 1px solid #376bb7; border-top: 0; }

/***** Logo */
#logo { float: left; margin: 12px 24px; }
#logo img { display: block; }
#logo a { color: #a7e85a; font-size: 12px; text-shadow: 1px 1px 1px #44B; }

/***** Menu */
#menu { float: right; background: #1d2d3d; border: 1px solid #3b4957; color: #66737d; }
#menuLeft { float: left; padding: 8px 16px; margin-bottom: 18px; font-size: 12px;}
#menuRight { float: right; padding: 8px 16px; margin-bottom: 18px; font-size: 12px;}

#menu a { color: #eeeeee; }
#menu a:hover { color: #00b0f0; text-decoration:none; }
#menuLeft a, #menuRight a { padding: 0 4px; }
#menuRight a#signup { color: #ffd860; font-size: 14px; }

/***** Navbar */
#navbar { clear: both; padding: 0; margin: 0; }

#navbar li { display:block; float: left; height: 18px; padding: 12px 16px; background: #3b4957 url(../../images/menu_bg.gif) top repeat-x; border-right: 1px solid #868f98; list-style-type: none; text-align: center; }
#navbar li#lastNav { background: #8db85b url(../../images/menua_bg.gif) top repeat-x; border-right: 0; }

#navbar a { color: #FFF; font-size: 14px; }
#navbar a:hover { color: #a6e859; text-decoration:none }
#navbar a:hover li#lastNav { color: #000; text-decoration:none }

/********** Search area */
/***** Basic */
#searchBasic { color: #5b5b5b; padding: 12px; text-align: center; }

#searchBasic h2 { display: inline; }

#searchBasic input, #searchBasic select, #searchBasic img { margin: 0 4px; }
#searchBasic input { width: 250px; }
#searchBasic input[type="submit"] { width: 60px; }
#searchBasic select { width: 125px; }
#searchBasic span { margin: 0 6px; }

/***** Advanced */
#searchAdvanced { display: none; }

#searchAdvanced fieldset { float: left; width: 278px; margin-top: 12px; margin-bottom: 24px; margin-left: 0; margin-right: -1px; padding: 8px 24px; border: 0; }
#searchAdvanced .col1, #searchAdvanced .col2 { border-right: #d1d1d1 solid 1px; }
#searchAdvanced .col2, #searchAdvanced .col3 { border-left: #d1d1d1 solid 1px; }

#searchAdvanced legend { font-weight: bold; margin-bottom: 6px; }

#searchAdvanced .col1 label { float: left; width: 140px; margin: 6px 0; text-align: right; }
#searchAdvanced .col1 select { float: left; width: 100px; margin: 6px 0; }
#searchAdvanced .col2 select { display: inline-block; } 
#searchAdvanced .col2 label { display: inline-block; width: 110px; margin: 6px 0; }
#searchAdvanced .col3 textarea { display: block; width: 260px; height: 40px; margin-bottom: 16px; }

/********** Classes */
.rounded { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 4px -2px #000; -moz-box-shadow: 0 0 4px -2px #000; -webkit-box-shadow: 0 0 1px #888; }
.roundedBottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; box-shadow: 0 0 4px -2px #000; -moz-box-shadow: 0 0 4px -2px #000; -webkit-box-shadow: 0 0 1px #888; }
.roundedTop { border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; box-shadow: 0 0 4px -2px #000; -moz-box-shadow: 0 0 4px -2px #000; -webkit-box-shadow: 0 0 1px #888; }

/***************** Footer components *****************/
#footer { margin-top: 12px; color: #93aacc; font-size: 11px; }
#footer a { color: #d9e2ef; padding: 0 12px; }
#footer a:hover {text-decoration:none}

#footerTop { background: #376ab7; border: 1px solid #376ab7; }
#footerTop div, #footerBottom div { margin: 6px; }

#footerBottom { background: #3f4e5e; border: 1px solid #3f4e5e; background: #3f4e5e url(../../images/bethecook_logo_footer.gif) 99% center no-repeat; text-align:left;}
#bottomLinks, #topLinks {
	text-align:left;
}