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


body { font-family: Arial, Helvetica, sans-serif; background: url(images/OCcrafts_bg.gif) #2a4184 center repeat-y; margin-top:0}

h2 { font-size:17px; line-height:17px; color:#000099 }

#centerContainer { width:100%; text-align:center}
#container { width:951px; height:auto; margin-left:auto; margin-right:auto; position:relative; background-color:#fff }

#topNav { width:930px; height:16px; padding-right:20px; font-size:12px; color:#2a2a84; text-align:right; padding-top:8px; font-weight:bold }

#topNav a { padding-left:8px; padding-right:8px; color:#333333; font-size:11px; text-decoration:none }
#topNav a:hover { color:#3366cc }

#secondaryFlash { width:950px; height:200px; border-top:2px solid #ffcc33; border-bottom:2px solid #ffcc33; }


#header { width:951px; height:91px; background-color:#fff }

.logoTop { float:left; padding:0px 0px 0px 24px; background-color:#fff}

.artTop { float:right; margin:0; height:91px; background-color:#fff; }

.leftNav { float:left; width:224px; height:auto; font-size:12px; line-height:15px; margin:2px 0px 4px 28px !important; margin:2px 0px 0px 20px; text-align:left }
.leftNav ul { margin-left:2px; padding-left:2px}
.leftNav li { padding-bottom:6px; list-style-image:url(images/arrow-bullet.gif); }
.leftNav li a{ font-size:13px; font-weight:600; text-decoration:none; color:#000099; }
.leftNav li a:hover { color:#996600 }



.content { float:right; width:636px; text-align:left; font-size:13px; line-height:16px; padding:14px 40px 3px 0px }
.content p { margin-bottom:-6px !important; margin-bottom:-4px}
.content li {  padding-bottom:8px}



#homeArt { width:951px; height:284px; background-color:#000;  border-bottom:2px solid #ffcc33;  }
#homeArt2 { width:951px; height:200px; background-color:#000;  border-bottom:2px solid #ffcc33;  }


#flashcontent { width:951px; height:284px; background-color:#000;  border-top:2px solid #ffcc33; border-bottom:2px solid #ffcc33; color:#fff}
.homecontent { color:#fff; margin-top:44px }
.homecontent a { color:#FFCC00; text-decoration:none; margin-right:9px; font-weight:bold }
.homecontent li { padding-bottom:11px; list-style-image:url(images/arrow-bullet.gif); }
.homecontent li a:hover { color:#996600 }

.contentCol1 { float:left; width:428px; height:auto; margin:8px 0px 0px 18px; text-align:justify; font-size:12px; line-height:15px }
.contentCol1 ul { margin-bottom:11px !important; margin-bottom:0px; }
.contentCol1 li { padding-bottom:6px!important; padding-bottom:0px; }
.contentCol1 a { color:#006699 }
.contentCol1 a:hover{ color:#CC0000 }

.contentCol2 { float:right; width:428px; height:auto; margin:8px 32px 0px 0px !important;; margin:8px 22px 0px 0px !important;;text-align:justify; font-size:12px; line-height:16px }
.contentCol2 ul { margin-bottom:11px !important; margin-bottom:0px; margin-bottom:8px}
.contentCol2 li { padding-bottom:6px!important; padding-bottom:0px; }
.contentCol2 a { color:#006699 }
.contentCol2 a:hover { color:#CC0000 }

.homeCopy { width:630px; text-align:left; margin-left:auto; margin-right:auto;margin-top:22px; position:relative; font-size:13px; line-height:17px; color:#333333}
.capcopy { color:#000; font-weight:500}
.homeCopy ul { margin-left:11px; padding-left:11px}
.homeCopy  li { padding-bottom:8px }


#tickerFlash { width:950px; height:27px; margin-top:-10px }

.scheduleToChange { text-align:center; font-size:11px; line-height:16px; margin-top:8px}