/* CSS for CFCS site */

/* General rules *********************************************************************/
html { margin: 0px; padding: 0px;
       background: rgb(235,232,177); color: rgb(56,70,35);
       text-align: center;
       font: 9pt Myriad Web, Verdana, Georgia, Arial, Helvetica, sans-serif; }

body { margin: 0px 0px; padding: 0px;
       background: rgb(235,232,177); color: rgb(56,70,35);
       text-align: center;
       font: 9pt Myriad Web, Verdana, Georgia, Arial, Helvetica, sans-serif; }

a { text-decoration: none; color: #30441c; }
a:hover { text-decoration: underline; }

input, textarea { font-size: 8pt; }
textarea { font: 8pt Myriad Web, Verdana, Georgia, Arial, Helvetica, sans-serif; }

#container { margin: 0 auto; margin-top: 20px; padding: 0px;
             border: 1px solid rgb(250,249,218);
             width: 796px; text-align: left; }

#containerSmall { margin: 0 auto; margin-top: 10px; padding: 0px;
                  border: 1px solid rgb(250,249,218);
                  width: 480px; text-align: left; }


/* Header rules **********************************************************************/
#header { margin: 0 12px; padding: 20px;
          background: rgb(255,255,228) url('images/Gradient-Top.gif') repeat-x top;
          width: 732px; height: 77px; }

#headerSmall { margin: 0 12px; padding: 20px;
               background: rgb(255,255,228) url('images/Gradient-Top.gif') repeat-x top;
               width: 416px; height: 77px; }

#topNav { margin: 0; text-align: right; overflow: hidden; }

#topNav a { font-size: 8pt; color: rgb(56,70,35);
            padding-left: 14px;
            letter-spacing: -1px; }

/* AdminBar rules ********************************************************************/

#adminBar { background: rgb(189,206,154); font-size: 9pt; margin: 0px; padding: 0px; text-align: left; }
#adminBar a { font-size: 8pt; font-weight: normal; }
#adminTitle { font-weight: bold; float: left; padding-right: 5px; }


/* Nav rules *************************************************************************/
#nav { margin: 0 12px; padding: 0; /*padding-left: 20px;*/
       background: rgb(255,255,228);
       width: 772px; height: 214px; clear: both; }

#mainNav { position: relative; float: left; z-index: 1;
           background: rgb(84,129,171); }

#subNav1 { position: relative; left: 12px; float: left; z-index: 1;
           background: rgb(255,162,0); }

#navImg { position: relative; float: right; z-index: 1; }

.navbox { width: 174px; height: 150px; padding: 12px 0;
          color: white; overflow: hidden; }

.colorbox { width: 586px; height: 15px; padding: 0; margin: 0;
            position: absolute; left: 192px; z-index: 0; }

.navbox a { display: block; margin: 0; padding: 0 2px;
           font-size: 9pt; line-height: 9pt; /* line-height: 15pt; */
           text-transform: uppercase; height: 15px; width: 170px;
           position: absolute; left: 0px; }

.navbox a:link { color: white; }
.navbox a:visited { color: white; }

#mainNav a { padding-left: 6px; }
#mainNav a.active { font-weight: bold; }
#subNav1 a { font-size: 7pt; letter-spacing: -1px; }


/* Content area rules ****************************************************************/
#mainContent { margin: 0 12px; padding: 0 20px;
               background: rgb(255,255,228);
               width: 732px; clear: both; }

#mainContentSmall { margin: 0 12px; padding: 0 20px;
                    background: rgb(255,255,228);
                    width: 416px; clear: both; }

#mainContent p { margin: 0; padding: 0; margin-bottom: 10px; }

/* Sidebar ********/
#sideBar { position: relative; float: left; margin: 0; padding: 0;
           width: 174px; overflow: hidden; }

#sideBar p { font-size: 8pt; margin-left: 6px; letter-spacing: 0px; }

#sideBar a { color: #30441c; }

.sideBoxWrapper { margin: 0; padding: 6px; margin-bottom: 5px;
                  width: 162px; }
.sideBox { margin: 0; padding: 0;
           width: 160px;
           border: 1px solid rgb(255,255,228); }

.imgTitle { display: block; margin: 8px 0; }
.imgRule { display: block; margin: 0px 0px 3px 6px; }

img.line { padding: 3px 0px 3px 0px; width:500px; height:1px;}

.printSeparator { display: none; }
.printName { display: none; }

#moreInfoWrapper  { background: rgb(189,206,154); }
#referWrapper     { background: rgb(182,192,191); position: relative; z-index: 1;}
#resourcesWrapper { background: rgb(221,180,148); position: relative; z-index: 1;}

.sideBoxTitle { font-family: Times New Roman, Palatino, serif; text-transform: uppercase;
                color: rgb(255,255,228); text-align: center;
                letter-spacing: 1.25px; font-size: 7pt; padding: 3px 0px; }

#galaCategories { position: relative; float: left; margin: 10px; padding: 0px 2px;}
#galaCategories span { display: inline; margin: 0 0px 0 0; cursor: pointer; }
#galaCategories span:hover { color: rgb(255,151,0); }
#galaCategories span.active { font-weight: bold; color: rgb(255,151,0); font-weight: bold; }
#galaCategories span.inactive { color: rgb(56,70,35); font-weight: bold; }


/* General *****/
.strong { font-weight: bold; }

.callout { font-style: oblique; }

/* Calendar *****/
#calHead { font-size: 10.5pt; padding: 5px 5px; background: rgb(255,151,0); border-top: 1px solid rgb(174,209,155); border-bottom: 1px solid rgb(174,209,155); }
.calArrow { cursor: pointer; padding: 0; margin: 0; vertical-align: middle; }

#calCategories { padding: 0 0 10px 0; color: rgb(255,151,0); text-transform: uppercase; }
#calCategories span { display: inline; margin: 0 0px 0 0; cursor: pointer; }
#calCategories span:hover { color: rgb(255,151,0); }
#calCategories span.active { font-weight: bold; color: rgb(255,151,0); font-weight: bold; }
#calCategories span.inactive { color: rgb(56,70,35); font-weight: bold; }

.calImage { float: left; padding: 0px 15px 0px 0px; }
.calEvent { border-bottom: 1px solid rgb(174,209,155); padding: 6px 10px; }
.calTitle { font-weight: bold; cursor: pointer; padding-bottom: 3px; }
.calTitle:hover { text-decoration: underline; }
.calDate { padding-bottom: 3px; }
#cal_return { color: rgb(0,0,160); font-weight: bold; text-decoration: underline; cursor: pointer; }

.event_read_more { font-size: 7pt; color: rgb(144,143,97); }
.event_read_more:hover { text-decoration: underline; cursor: pointer; }

/* Sponsorship *****/
#sponHead { font-size: 10.5pt; padding: 5px 5px; background: rgb(255,151,0); border-top: 1px solid rgb(174,209,155); border-bottom: 1px solid rgb(174,209,155); }
.sponArrow { cursor: pointer; padding: 0; margin: 0; vertical-align: middle; }

#sponCategories { padding: 0 0 10px 0; color: rgb(255,151,0); text-transform: uppercase; }
#sponCategories span { display: inline; margin: 0 0px 0 0; cursor: pointer; }
#sponCategories span:hover { color: rgb(255,151,0); }
#sponCategories span.active { font-weight: bold; color: rgb(255,151,0); font-weight: bold; }
#sponCategories span.inactive { color: rgb(56,70,35); font-weight: bold; }

.sponImage { float: left; padding: 0px 15px 0px 0px; }
.sponEvent { border-bottom: 1px solid rgb(174,209,155); padding: 6px 10px; }
.sponTitle { font-weight: bold; cursor: pointer; padding-bottom: 3px; }
.sponTitle:hover { text-decoration: underline; }
.sponDate { padding-bottom: 3px; }
#spon_return { color: rgb(0,0,160); font-weight: bold; text-decoration: underline; cursor: pointer; }

.galaSponDark,.galaSponLight { margin: 0; margin-bottom: 4px; width: 544px; background: #e6e18d; }
.galaSponLight { background: #ebe8b3; }
.galaSponTitleDark,.galaSponTitleLight { position: relative; font-family: Times New Roman,Palatino,serif; font-weight: normal; background: url('images/sponsor_title_grad.png'); text-transform: uppercase; padding: 5px 15px; margin: 0; }
.galaSponTitleLight { background: url('images/sponsor_title_grad2.png') #dbd160; }
#mainContent p.galaSponBodyDark,#mainContent p.galaSponBodyLight,.galaSponBodyDark,.galaSponBodyLight { font-size: 8pt; font-family: Myriad Web,Verdana,Georgia,Arial,Helvetica,sans-serif; overflow: auto; width: 514px; background: #e6e18d; padding: 2px 15px; margin: 0; }
#mainContent p.galaSponBodyLight,.galaSponBodyLight { background: #ebe8b3; }
.galaSponInfoDark,.galaSponInfoLight { font-size: 8pt; background: #e6e18d; width: 406px; height: 35px; padding: 0px 15px; margin: 0; }
.galaSponInfoLight { background: #ebe8b3; }
#mainContent input.galaSponsorButton { float: right; width: 108px; height: 35px; margin: 0; padding: 0; }
/* IE only rule, 3px gap bug */
* html .galaSponInfoDark, * html .galaSponInfoLight { margin: 0 -3px; }

/* Press Releases and Job Listings*****/
.pr_first_row, .jl_first_row { border-top: 1px solid rgb(174,209,155); }
.pr_row_style1, .jl_row_style1 { background: rgb(255,255,228); }
.pr_row_style0, .jl_row_style0 { background: rgb(189,206,154); }
.pr_title, .jl_title { font-weight: bold; }
.pr_title, .pr_date, .jl_title, .jl_date { padding-bottom: 3px; }
.pr_prvw, .jl_descr { font-style: oblique; }
.pr_entry, .jl_entry { padding: 6px 10px; border-bottom: 1px solid rgb(174,209,155); }
.pr_entry_bg0, .jl_entry_bg0 { background: rgb(240,234,176) none repeat scroll 0%; }
.pr_entry_bg1, .jl_entry_bg1 { background: rgb(240,236,199) none repeat scroll 0%; }

.pr_view,.pr_edit,.pr_del,#pr_return { color: rgb(0,0,160); font-weight: bold; text-decoration: underline; cursor: pointer; }

#contentArea { position: relative; float: right; margin: 0;
               padding: 0; width: 544px; }

#contentAreaSmall {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 416px;
	overflow: auto;
	height: 500px;
}

.leadPara { font-size: 10pt; }

.mainHead  { 
	font-family: Times New Roman, Palatino, serif;
	font-style: italic;
	color: rgb(244,127,0);
	font-size: 20pt;
}

.subHead,.referHead  { font-family: Times New Roman, Palatino, serif; text-transform: uppercase;
			color: rgb(244,127,0);
			font-size: 9pt; }
.referHead {
  color: #faf9e1;
  text-align: center;
  font-weight: bold;
}

.ContactName {
	font-family: serif; 
	font-size: 14px; 
	font-style: italic;
	font-weight: bold;
	color: #E37E0E;
}
h1 { margin: 0; padding: 0; }


/* newsletter rules *********/
#newNews label, #editNews label { display: block; float: left; width: 100px; }
#newsletter_view ul { margin: 0; padding: 0; padding-bottom: 10px; }
#newsletter_view li { list-style: none; margin: 0; padding: 0; padding-bottom: 3px; }
#example { margin-left: -200px; z-index: 3; position: relative;}

/* slideshow homepage rules */
#slide-images {
  position: relative;
  display: block;
  margin: 0px;
  padding: 0px;
  width: 732px;
  height: 549px;
  overflow: hidden;
  z-index: 0;
}
#slide-images li {
  position: absolute;
  display: block;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background: #ffffe5;
}
#slide-images li img {
  display: block;
  background: #ffffe5;
  width: 732px;
  min-height: 549px;
}

/* Footer rules **********************************************************************/
#footer { position: relative; margin: 0 12px;
          padding: 42px 20px 0 20px;
          background: rgb(255,255,228) url('images/Gradient-Bottom.gif') repeat-x bottom;
          width: 732px; height: 54px; clear: both; font-size: 8pt; }

#footerSmall { position: relative; margin: 0 12px;
               padding: 42px 20px 0 20px;
               background: rgb(255,255,228) url('images/Gradient-Bottom.gif') repeat-x bottom;
                width: 416px; height: 54px; clear: both; font-size: 8pt; }

#newsContainer { position: absolute; overflow: hidden; bottom: 0px; left: 20px; height: 228px; width: 178px; }
#newsBox { position: relative; margin: 0; padding: 10px 8px; overflow: hidden;
           background: rgb(245,238,212) url('images/Gradient-NewsBox-228.gif') repeat top left;
           width: 158px; height: 228px; top: 194px;
           border: 1px solid white;
           border-bottom: none;
           font-size: 8pt;
           z-index: 0;}

#bottomNav { position: relative; float: left; margin: 0; padding: 30px 33px 14px 17px;
             margin-left: 160px;
             vertical-align: middle;
             letter-spacing: -1px; }

#bottomNav a { padding: 0 7px; color: rgb(56,70,35); }

#copyright { position: relative; float: left; margin: 0; padding: 30px 0px 14px 0px;  /* 0/0/14/0 */
             vertical-align: top;
             letter-spacing: -1px; width: 240px; } /* had to set width so ie didn't wrap! :S */