body  
{
    margin: 0px 0px 20px 0px;
    height:100%;
    font-family:Arial, Sans-Serif;
    font-size:0.8em;
    background: #9eb83b url('/images/occ/OCCBackground.jpg') no-repeat top center;
   
}

td { 
    font-family: verdana, arial, sans-serif;
    font-size: 11px; color: #000;
    line-height: 16px;
    text-align: left;
}

/*.globalNav a
{
color:White;
background:white;
}
*/
#myNav
{
background:red;
color:white;
}


#myNav .myNav2
{
color:Black;
background:black;
}

.myNav2 a
{
color:Aqua;
background:white;
}

a:link
{
color:#7b962d;
font-weight:bold;
text-decoration:none;
border: 0;
outline-style:none; outline:none; outline-color:red;
}
a:hover
{
font-weight:bold;
color:#7b962d;
text-decoration:none;
outline-style:none; outline:none; outline-color:black;
border-style: none;
}
a:visited
{
font-weight:bold;
text-decoration:none;
outline-style:none; outline:none; outline-color:black;
border-style: none;
color:#7b962d;
}

/* Main Container */
#main_container
{

    height:100%;
}
#frame
{
    height:100%;
}
#borderFrame
{
border-left:solid 1px black;
border-right:solid 1px black;
    height:100%;
}
#main_form
{
    height:100%;    
}
.contentTABLE
{
    border-right:solid 1px #003e5f;
	border-left:solid 1px #003e5f;  
	border-collapse:collapse;
	height:100%;
}


/*Rotating Banner*/

#cPhotos
{
    margin:auto;
    text-align:center;
    width:775px;
    height:296px;
    background:blue;
}
#cPhotos img
{
    width:975px;
    height:380px;
}

#gallery 
{
    position:relative;
    margin:auto;
    text-align:center;
	width: 775px;
	height:296px;
	border:0;
}

/*#gallery div {
	text-align: center;
	width: 975px;
	height: 380px;
}
*/
#gallery img {
	padding:0;

	/*border: 1px solid #333;*/
	background-color: #FFF;
	border:0;
}

#gallery div p {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}


#GallerOverlayWrapper
{position:relative;
 margin:0 auto;
 text-align:center;
 width:775px;
 height:296px;
}
.galleryOverlay
{text-align:left;
      width:135px;
      height:230px;
      position:absolute;
      top:15px;
      left:640px;
      z-index:50;
}
.galleryOverlayButton
{width:135px;
height:75px;
padding:30px 0 0 0px;

}

#controlsGalleryWrapper
{position:relative;
 margin:0 auto;
 text-align:center;
 width:775px;
 height:296px;
}
#controls {
	text-align: center;
	width:160px;
	position:absolute;
	top:270px;
	left:625px;
	z-index:100;
}
#pager a, #main .control  {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	/*background: #0E3B3B;*/
	padding:14px 8px;	 
	text-decoration: none;
	margin-left: 2px;
	cursor: pointer;	
	background:url(/images/occ/numBtn.png) no-repeat top center;
	
}

#next
{
    font-size: 14px;
	font-weight: bold;
	color: #FFF;
	/*background: #0E3B3B;*/
	padding: 4px 8px;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;  
	background:url('/images/occ/nextBtn.png') no-repeat top center;
}

#next:hover
{
    font-size: 10px;
	font-weight: bold;
	color: #FFF;
	padding: 4px 8px;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;
	background:url('/images/occ/nextBtnHover.png') no-repeat top center;
}

#playControl
{
    font-size: 14px;
	font-weight: bold;
	
	color: #FFF;
	/*background: #0E3B3B;*/
	padding:14px 10px 14px 12px;
	text-decoration: none;
	margin-left: 2px;
	cursor: pointer;  
	background:url('/images/occ/pauseBtn.png') no-repeat top center;
}
/*#playControl:hover
{
    background:url(../images/cycle/cycleNav/nextBtnHover.png) no-repeat top center;
}*/

#prev
{
    font-size: 14px;
	font-weight: bold;
	color: #FFF;
	/*background: #0E3B3B;*/
	padding: 4px 8px;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;  
	background:url('/images/occ/previousBtn.png') no-repeat top center;
}
#prev:hover
{
    font-size: 14px;
	font-weight: bold;
	color: #FFF;
	/*background: #0E3B3B;*/
	padding: 4px 8px;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;
	background:url('/images/occ/previousBtnHover.png') no-repeat top center;
}
#pager a.activeSlide 
{
    background:url('/images/occ/numBtnHover.png') no-repeat top center;
	/*background-color: #E6E2AF;*/
	color: #FF0000;
   
}

#pager a:hover {
	 background: url('/images/occ/numBtnHover.png') no-repeat top center;
}





/* Main Content */
#mainContentWrapper
{
width:775px;
/*min-height:350px;
background:url('OCCBackground.jpg') no-repeat top center;*/

 /*border:solid 1px black;*/
}
#rightContentWrapper
{
width:174px;
float:right;
margin:0 0px 0 0;
background:url('/images/occ/backgrounds/rightBackground.jpg') no-repeat top center;
text-align:center;
}



#mcLeftContentWrapper
{
float:left;
text-align:left;
width:586px;
 min-height:300px;
padding: 15px 0px 15px 15px;
background:url('/images/occ/leftBackground.jpg') no-repeat top center;
}

#mcLeftContent
{
float:left;
text-align:left;
width:570px;
min-height:500px;
padding:15px 5px 15px 15px;
margin:0px 0 0 0;

}

#rightContent
{
float:right;
width:165px;
min-height:350px;
padding:15px 0 0 0;
text-align:center;

}

#rightContent .collectionWeek
{ 
    height:100px;
    padding:3px 0px 5px 8px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    color:White;
    
    margin:0 0px 0 0;
    background:url('/images/occ/collectionWeek2.png') no-repeat top center;
}

.collectionWeekDate
{
float:right;
margin:0 10px 0 0;
}


#rightContent .collectionWeek h3
{
color:White;
margin:0 0 10px 0;
padding:5px 0 0 0;
font-size:14px;
font-weight:bold;
border:none;
}

.whiteContentWrapper
{
height:100%;
background:White;
}
.box1
{
color:Black;
background:#95b437 url('/images/occ/boxTop.jpg') no-repeat top center;
width:180px;
float:left;
margin:0 15px 0 0;
border:0;
}

.box1 .boxPhoto
{
margin:0px 0 0 0;
border:0;
}

.box1 .boxBottom
{
background: #95b437 url('/images/occ/boxBottom.jpg') no-repeat bottom center;
border:0;
min-height:100px;
}

.box1 a
{
color:Black;
text-decoration:none;
border:0;
}

.box1 a:hover
{
color:Black;
}

.box1 a:visited
{
color:Black;
}

.box1 h3
{
margin:0 0 0 0;
padding:10px 0px 10px 15px;
font-size:16px;
font-weight:bold;
color:black;
}
.box1 p
{
width:180;
margin:0 10px 0px 10px;
padding:0 0 10px 0;
}


.box1 ul
{
list-style-type:none;
margin:7px 0 0px 0;
padding:0 10px 10px 5px;
font-size:13px;
font-weight:bold;
color:Black;
border:none;
text-decoration:none;
}

.box1 ul li
{
padding:4px 0 4px 10px;
background:url('/images/occ/menuLine.jpg') no-repeat bottom center;
}

.box1 .boxright
{
float:right;
border:none;
}

.clear
{
height:10px;
width: 100px;
clear:both;
}
.defaultPageFooter
{
clear:both;

}

#content_container
{
	width:596px;
}

#main_content_container
{
    padding: 15px;
}

#homePageFooter
{
clear:both;
padding:20px 0 0 0px;
width: 775px;
background:url('/images/occ/defaultFooter2.jpg') no-repeat bottom left;
text-align:left;
height:26px;
margin:0px 0 0 0;
}
#homePageFooter .homeFooterTextBox
{
float:left;
padding:5px 0 0 0px;
margin:0 12px 0 20px;
}

.footer
{
padding:5px 0px 0 0px;
float:left;
margin:0 15px 0 25px;

}


.homeFooterTextBox a:link    {color: #000; font-weight: bold; text-decoration: none; }



/* Right Nav */
#rightmenu_container
{
	width:175px;
	text-align:left;
	height:100%;
	
}
.sidebarComponent
{
   /* background-color:#D0E8DC;*/
    text-align:center;
}
.rightmenu_item
{text-align:left;
	padding:5px 0px 5px 7px;	
	font-family:Arial, Franklin Gothic Medium,Verdana;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	/*border-bottom:solid 2px #759a22;*/
	background:url('menuLine.jpg') no-repeat bottom center;
	
	
}

.rightmenu_item a
{
    text-decoration:none;
    color:#000000;
}

#rightmenu_container #rightmenu_item1
{
 /*   background-color:#00863d;*/
	
}
#rightmenu_container #rightmenu_item2
{
 /* 	background-color:#299a5c;*/
}
#rightmenu_container #rightmenu_item3
{
 /* 	background-color:#53ad7a;*/
}
#rightmenu_container #rightmenu_item4
{
 /* 	background-color:#70bb92;*/
}
#rightmenu_container #rightmenu_item5
{
 /* 	background-color:#96cdae;*/
}
#rightmenu_container #rightmenu_item6
{
 /* 	background-color:#ADDBBE;*/
}
#rightmenu_container #rightmenu_sidebar
{
 /* 	background-color:#D0E8DC;*/
}

.sidebarcontrolheadings
{
    font-family:Eras Bold ITC, Arial;
    font-size:x-large;
    color:#00863d;
    font-weight:900;
}


/*  ----  */

/* Main page box menu list*/


.headerImage
{
    width: 510px;
}

/* Map */
.mapcontainer
{
    padding:5px;   
}


#ccdisplays
{
    width: 100%;
    display:none;
}

#AskSearchText
{
    position:absolute;
    top:100px;
    left:50px;
    font-family:Arial Black, Arial;
    font-weight:bold;
    font-size:1.5em;
    color:Black;
    background-color:White;
    visibility:hidden;
    z-index:2;
}


.features
{
    border:solid 1px #c0c0c0;
    padding:5px 5px 5px 5px;
    margin:5px 5px 5px 5px;
    height: 80px;
 /* filter: progid:DXImageTransform.Microsoft.Gradient
            (GradientType=0, StartColorStr='#ffe7f3ef', EndColorStr='#00ffffff');*/  
}
.featureimage
{
    border:1px solid #299a5a;
    margin:0px 5px 5px 0px;
	float:left;
}

.titlebackground
{
    padding:15px  5px 5px 5px;
    height:100%;
    /*filter: progid:DXImageTransform.Microsoft.Gradient
            (GradientType=1, StartColorStr='#ffe7f3ef', EndColorStr='#00ffffff');*/
}

.footerTD
{
    clear:both;
    background: #789e1a url('/images/occ/footerBackground.png') no-repeat bottom center;
    color:#ffffff;
    text-align:center;
    width:775px;
    height:17px;
    padding:0 0 9px 0;
}

.footerColorWrapper
{
background-color:#003e5f;
}
.footerTDLeft
{
float:left;
background-color:#789e1a;
}
.footerTDRight
{
float:right;
background-color:#789e1a;
}





img {
border:none;
}

.footer a:link {color:Black;}
.footer a:hover {color:Black;}
.footer a:visited {color:Black;}
.footer a:active {color:Black;}

h1
{
font-family:"League Gothic","Palatino Linotype","Book Antiqua",Palatino,geogia,serif;
font-size: 40px;
text-transform: uppercase;
font-weight:bolder;
color:#c90a0a;
}

h1 a
{
color:#9eb83b;
}
h1 a:hover
{
color:Black;
}

h1 a:visited
{
color:#7d992e;
}


h2
{
font-family:Arial, Helvetica, Sans-Serif;
font-size:17px;
font-style: italic;
font-weight:bolder;
color:#d64948;
}

h2 a
{
color:#7d992e;
}

h2 a:hover
{
color:Black;
}


h2 a:visited
{
color:#7d992e;
}


h3
{
font-family:Arial, Helvetica, Sans-Serif;
font-size:16px;
font-weight:bolder;
color:#7d992e;
}

h3 a
{
color:#7d992e;
}

h3 a:hover
{
color:black;
}

h3 a:visited
{
color:#7d992e;
}


h4
{
font-family:Arial, Helvetica, Sans-Serif;
font-size:14px;
font-weight:bolder;
color:#7d992e;
}

h4 a
{
color:#7d992e;
}

h3 a:hover
{
color:black;
}

h4 a:visited
{
color:#7d992e;
}

h5
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:14px;
    font-weight:bolder;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color:#000000 ;
    border-top-width: 1px;
    border-top-style: solid;
    border-color:#000000 ;
    padding-top: 2px;
}

a.gallery:link { color: #FFFFFF; font-weight: normal; text-decoration: none; vertical-align:middle; border:0;}

a.footlink:link    { color: #FFFFFF; font-weight: normal; text-decoration: none; vertical-align:middle;}
a.footlink:visited { color: #FFFFFF; font-weight: normal; text-decoration: none; vertical-align:middle;}
a.footlink:active  { color: #FFFFFF; font-weight: normal; text-decoration: none; vertical-align:middle; }
a.footlink:hover   { color: #FFFFFF; font-weight: normal; text-decoration: none; vertical-align:middle;}

.CntBox {border: 0px solid #dddddd; margin: 0px; padding: 10px; height:auto;}
.CntBox div {padding:0px;}
/*.CntBox h2 {color:#0E9548; margin:0 0 11px; padding:0 !important;}*/
.CntBox p {padding: 0; margin: 0; margin-top:10px;}

.image{ padding:2px; border:1px solid #000; background-color:#fff;}






/* Schedule Shifts */

.fieldsetstyle
{
    padding:10px;
}
.ShiftDate
{
    font-size:small;
    margin-left:0px;
    list-style-type:none;
    margin-top:5px;
 
}

.ShiftTime
{
    font-size:x-small;
    list-style-type:none;  
    margin-left:0px;
    margin-top:0px;
}

.form-item 
{
    margin-bottom:1em;
    margin-top:1em;
}
.form-item-override 
{
    display:inline; margin-left:0;
}
.form-item label 
{ 
    display:block; margin-top:7px;
}
.form-item label>input
{
    display:block;
}

.form-item label>select
{
    display:block;
}

/*  ----  */


#leftContent
{
	width: 250px;
	float: left;
	clear: left;
	margin-left: 18px;
	margin-top: 60px;
}

#leftContentTop
{
	width: 293px;
	height: 82px;
	background-color: #443923;
	border: 7px solid #685635;
}

.floatLeft
{
float:left;
}

.floatRight
{
float:right;
}