/* CSS Document */
/* FO2012 Stylesheet*/

/* GENERAL STYLES
-----------------------*/ 
body {background:url(../images/bg-tile.gif) repeat-x #C5C5C5; margin:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6C6C6C; font-size:11px;}
#wrap {margin-left:auto; margin-right:auto; text-align:left; height:auto; width:955px; background:url(../images/bg-content-1024.gif) repeat-y #FFF; position:relative;}

#Lgrad {float:left; width:9px; background:url(../images/bg-Lgrad.gif) no-repeat; height:578px;}
#Rgrad {float:left; width:9px; background:url(../images/bg-Rgrad.gif) no-repeat; height:578px; background-position:right;}

#container {float:left; width:937px;}

FORM {display:inline;}
FORM INPUT {background:#FFF; border:1px solid #DEDEDE; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6C6C6C; padding:2px 0 3px 2px; margin-top:-1px;}
FORM SELECT {background:#FFF; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6C6C6C;}
FORM SELECT.recipes {width:170px;}
FORM INPUT.recipes {width:170px;}
.checkbox {border:none; margin:5px 0 0 0;}
.radio {border:none;}

P {margin:12px 0 12px 0; width:603px;}

A {color:#B02626; text-decoration:none;}
A:HOVER {color:#CF7B7B;}

UL {margin:0; padding:5px 0 15px 0; width:603px;}
UL LI {padding:3px 0 3px 10px; background:url(../images/arrow-green-light.gif) no-repeat 0px 7px; list-style:none;}
UL UL {margin:0 0 0 10px;}

.divider {width:603px; height:1px; background:#EFEFEF; margin:10px 0 10px 0;}
.divider-col {width:220px; height:1px; background:#E8E8E8; margin:10px 0 10px 12px;}

TABLE {width:603px; font-size:11px;}
TABLE TR {width:603px; background:url(../images/bg-row-view.gif) repeat-x; background-position:bottom;}
TABLE TR.title {width:603px; border-bottom:1px solid #F1F1F1; color:#B02626; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;}
TABLE TR TD DIV {padding:0 0 5px 0; width:auto;}
TABLE TR TD DIV.but {padding:5px 0 5px 0; width:auto;}
TABLE TR TD A {color:#B02626; text-decoration:none;}
TABLE TR TD A:HOVER {text-decoration:underline;}


/* TOP PANEL STYLES
-----------------------*/
#top-panel {background:url(../images/bg-top-panel.gif) repeat-x; height:101px;}

#logo-box {float:left; height:72px; padding-top:9px; padding-left:18px; width:473px;}
#logo-box DIV {float:left; width:auto;}
#logo-box DIV.byline {float:left; height:49px; margin:18px 0 0 20px; background:url(../images/byline-1024.gif) no-repeat; width:278px;}

#logo-box-fo {float:left; height:72px; padding-top:29px; padding-left:18px; width:auto;}
#logo-box-fo DIV {float:left; width:auto;}

#tab-box {width:931px; height:32px; margin:76px 0 0 0; position:absolute; z-index:1;}
#tab-box DIV {float:right; width:auto; height:32px;}

/* MENU STYLES
-----------------------*/
#menu-box {background:url(../images/bg-menu.gif) repeat-x; height:39px; width:931px;}
#menu-bg {background:url(../images/bg-menu-bot.gif) no-repeat; background-position:bottom; height:39px; width:931px;}
#menu-bg DIV {float:left; width:auto;}
#menu-bg DIV.side {background:url(../images/bg-menu-Lside.gif) no-repeat; width:11px; height:39px;}

.onstate {height:39px; width:auto; position:absolute; z-index:1;}

/*fo2012 menu styles*/
.onstate .fo-welcome {width:80px; background:url(../images/nav-welcome-on.gif) no-repeat;}
.onstate .fo-block {width:142px; background:url(../images/nav-block-info-on.gif) no-repeat;}
.onstate .fo-library {width:65px; background:url(../images/nav-library-on.gif) no-repeat;}
.onstate .fo-facilitators {width:96px; background:url(../images/nav-facilitators-on.gif) no-repeat;}
.onstate .fo-admin {width:58px; background:url(../images/nav-admin-on.gif) no-repeat;}


/* CONTENT STYLES
-----------------------*/
#col-box {width:931px;}
#content-col {float:left; width:687px;}
#content-box {width:650px; margin-left:33px; padding:0 0 15px 0;}

#content-box P {margin:12px 20px 12px 0;}
#content-box .mh-text {float:left; width:300px; margin:0 20px 0 0;}
#content-box .mh-text P {width:270px;}

#header-box {width:642px; height:91px; background:url(../images/bg-header-1024.gif) no-repeat; padding-bottom:7px;}
.main-header {height:25px; width:auto; padding:21px 0 0 33px;}

.breadcrumb {padding:3px 0 0 32px; color:#ABABAB; font-size:10px; font-family:Century Gothic, Arial, Helvetica, sans-serif;}
.breadcrumb H2 {color:#ABABAB; font-size:10px; font-family:Century Gothic, Arial, Helvetica, sans-serif; font-weight:normal; display:inline; margin:0; padding:0 3px 0 2px;}
.breadcrumb A {color:#ABABAB; text-decoration:none;}
.breadcrumb A:HOVER {color:#CF7B7B;}

#content-box H1 {font-size:18px; color:#608B1C; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0 0 0;}
#content-box H1 SPAN {color:#6C6C6C; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content-box H2 {font-size:16px; color:#608B1C; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0 0 0;}
#content-box H2 SPAN {color:#6C6C6C; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content-box H3 {font-size:13px; color:#608B1C; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:10px 0 0 0; line-height:15px; width:600px;}
#content-box H3 SPAN {font-size:11px; text-transform:uppercase; color:#636363;}
H4 {color:#6C6C6C; font-size:14px; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; margin:0; padding:8px 0 0 0;}
H5 {color:#6C6C6C; font-size:11px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; padding:8px 0 0 0;}


/* LEFT COL STYLES
-----------------------*/
#Lside-col {float:left; width:244px;}

#mainimg-box {width:289px; height:197px; position:absolute; z-index:1; margin:135px 0 0 642px;}

#login-box {width:244px; height:129px; background:url(../images/bg-members-int.gif) no-repeat; margin-top:192px;}


/* FOOTER STYLES
-----------------------*/
#footer-box {width:931px; height:93px; font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:9px;}
#footer-box .top {width:931px; height:27px; background:url(../images/bg-footer-top.gif) no-repeat;}
#footer-box .content-box {width:925px; height:66px; background:url(../images/bg-footer.gif) repeat-x; margin:0 0 0 6px;}
#footer-box .footlinks {color:#8A8A8A; font-size:10px; padding:16px 0 0 0; text-align:center;}
#footer-box .footlinks H2 {font-size:10px; font-weight:normal; margin:0px 3px 0 3px; display:inline; font-weight:normal;}
#footer-box .footlinks A {color:#8A8A8A; text-decoration:none;}
#footer-box .footlinks A:HOVER {color:#CF7B7B;}

.copyright {float:left; padding:22px 0 0 12px; width:380px; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;}
.copyright H1 {color:#ABABAB; font-size:9px; margin:0; font-weight:normal;}

#footer-bot {width:955px; height:18px; background:url(../images/bg-wrap-bot.gif) no-repeat;}