/*
	global.css
	styles specific to entire OCRF website
*/

/*	#django_log {z-index:10; position:absolute; top:0px; left:00px; width:100%; display: none;} */

/* Base overrides
   --------------------------------------------------- */
	html { height: 100%; background: #000 url('../img/bg-main.jpg') top center no-repeat; }
	body { height: 100%; }
	

/* Common Elements
   --------------------------------------------------- */
	.corner-top {display: block;} /* Test */
	.right {float: right;}
	.left {float: left;}
	.phone {white-space:nowrap;}
	
	h1 {font-size: 1.9em; color: #9c9c9c; margin-bottom: 5px;}
	h1 a, h1 a:active, h1 a:visited {color: #9c9c9c!important; margin-bottom: 5px; text-decoration: none!important; float:none!important;}
	h1 a:hover {color: #78797a!important;}
	h2 {font-size: 1.2em; color: #9c9c9c; margin-bottom: 5px; font-weight: bold;}
	h3 {font-size: 1em; font-weight: bold; color: #829197; margin-bottom: 3px;}
	.hidden {display: none;}
	
	a, a:visited {color: #78797a;}
	a:hover, a:active {color: #8c8d8e; text-decoration: none;}
	
	/* Restore defaults for TinyMCE CMS areas */
	.tinymce ul {margin-bottom: 1em; margin-left: 1.2em; }
	.tinymce ul li {
        margin-left: 1.2em;
        list-style: disc;
    }
	.tinymce form ul li {
        margin-left: 0;
        list-style: none;
    }
	.tinymce ol {margin-bottom: 1em; margin-left: 1.2em;}
	.tinymce ol li {margin-left: 1.2em; list-style: decimal;}
	.tinymce strong, .tinymce b {font-weight: bold;}
	.tinymce em, .tinymce i {font-style:italic;}
	.tinymce table { border-collapse: separate; border-spacing: 5px; }
	
	/* Standard button */
	a.btn, a:active.btn, a:visited.btn {
		color: #363636; 
		text-decoration: none;
		font-size: 0.9em;
        background: #e3e3e3 url('../img/bg-main-nav-whole-2.gif') top left repeat-x;
		padding: 2px 7px 2px 7px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		white-space:normal;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		white-space: nowrap;	
	}
	a.btn:hover { 
		color: #fff;
		/*background: #8b9ea6 url('../img/bg-sub-nav-whole.gif') 0 -200px repeat-x; */
        background: #767676 url('../img/bg-main-nav-whole-2.gif') -0 -300px repeat-x;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-decoration: none!important;
	}


/* clearfix
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
	-------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; } /* Hides from IE-mac */
	.clearfix { display: block; } /* End hide from IE-mac */

/* Font Size
   --------------------------------------------------- */
	body { font-size: 77%; }
	p { line-height: 1.3em; margin-bottom: 1em; }
	
/* Font Family
   --------------------------------------------------- */
	body { font-family: /* "trebuchet MS", */ Arial;  }
	h1, h2, h3, h4 { font-family: Arial; }
	#header ul.nav { font-family: /* "trebuchet MS", */ Arial; }
	#footer ul { font-family: /* "trebuchet MS", */ Arial; }
	input.text, input.textinput, textarea { font-family:Arial!important;  }

/* Shadow Behind Content Container
   --------------------------------------------------- */
	#background-shadow {width: 1000px; background: transparent url('../img/bg-shadow.png') top center no-repeat; margin:auto; }
  	
/* Content Container
   --------------------------------------------------- */
	#content-container {width: 954px; margin: auto; padding: 13px 13px 0px 13px; background: #d1d1d1; }
	
/* Content Container
   --------------------------------------------------- */
	#content-container-rounded-btm {width: 1000px; margin: auto; padding-left: 20px; }
	#content-container-rounded-btm p {background-color: #d1d1d1; width: 980px; margin:0; padding:0; color:#6d6d6d; font-size:11px; text-align:center;}
	#content-container-rounded-btm img {width: 980px; height: 20px; margin:0; display:block; border:0;}
	
	
/* Content
   --------------------------------------------------- */
	#content {width: 954px; }

/* Navigation
   --------------------------------------------------- */
	#nav-container {width: 954px; min-height: 88px; background: #fff url('../img/large-full-container-rounded-btm.gif') bottom center no-repeat; margin-bottom: 4px;}	
	#nav-content {width: 930px; margin-left: 12px; padding-top: 5px;}
	ul#nav {
        display:inline-block;
        float:left;
        z-index:1000;
        margin: 19px 0 2px;
        width: 780px;
    }
	ul#nav > li { float: left; dispay: block; text-align:center; position:relative;
        z-index: 50;
    }
	ul#nav a {
        color: #363636;
        text-decoration: none;
        font-size:0.9em;
        font-weight:bold;
        padding:0.5em 1.4em;
        background: #e3e3e3 url('../img/bg-main-nav-whole-2.gif') top left repeat-x;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        white-space:normal;
        text-align: center;
        display: block;
        margin-right:5px;
        margin-bottom:5px;
    }
	ul#nav li:last-child a { margin-right:0!important; }
	ul#nav a:hover, ul#nav a.selected {
        color: #fff;
        background: #767676 url('../img/bg-main-nav-whole-2.gif') -0 -300px repeat-x;
    }

	ul#nav > li > ul {
        display: none;
        position:absolute;
        min-width: 150px;
        left:0;
        top: 27px;
        margin: 0;
        padding:0;
        background: #fff;
        border: 1px solid #cbd3d6;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }
	ul#nav li ul li { display: block; border-top: 1px dotted #cbd3d6; padding: 3px 0; margin: 0 11px; }
	ul#nav li ul li.first { border: none; }
	ul#nav li ul a { text-align: left; margin: 0; padding: 3px; color: #363636; text-decoration: none; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; }
	ul#nav li ul a:hover { background: #e1e1e1; color: #363636; }  

	/* Duplicate for JS effect */
	.hover { color: #fff!important; }
	
	#nav-content img.main-logo { margin-right: 10px; padding-bottom: 12px; }
	
	ul#nav-top-btns {height: 28px; margin-right: 0;}
	ul#nav-top-btns li {display: inline;
        /* padding: 4px; */
    }
	
		
/* Flash Hero
   --------------------------------------------------- */
	#flash-hero {width: 954px; height: 130px; background: #fff; text-align: center; margin-bottom: 4px;}	
	#flash-content {width: 954px; height: 130px; background: #fff; text-align: center;}	

    /* flash banner */
    div#flash-content embed {
        width: 954px;
        height: 130px;
    }
    /* hide jquery.flash replacement. */
    div.alt {
        display:none;
    }
	
	
	
/* Basic 3 Column template
   --------------------------------------------------- */
	#three-col-basic {width: 954px; margin-bottom: 5px;}
	
	/* LHS column */	
	#lhs-info {width: 168px; margin-right: 5px; float:left; }
    #lhs-info {
        /* background-color: white; */
    }

    #lhs-textbox {
        padding-left: 25px;
        background-color: white;
        /* min-height: 408px; */
    }
	#lhs-textbox ul { margin:-0.5em 0; }
	#lhs-textbox ul li { margin:0.5em 0; }
	
	/* Central column */
	#post_detail,
    #central-info-container { width: 780px; background: #fff url('../img/small-780-container-rounded-btm.gif') bottom center no-repeat; float:left; }
    #central-info-container {
        min-height: 408px;
    }
	#central-info {
        width: 756px;
        padding: 0 12px 0 12px; 
        /* min-height: 426px; */
        min-height: 391px;
    }
	
	/* RHS column */
	#rhs-info { width: 199px; float:left; }
	
/* Sharing
   --------------------------------------------------- */
   	a.facebook { clear:both; float:right; }
	dl#sharing { display:block; font-size:1.5em; margin:10px 0px 8px; padding:0; overflow:auto; height:45px; line-height:0; padding-bottom:2px; }
	dl#sharing dt, dl#sharing dd { display:block; float:left; margin:0; padding:0; height:43px; line-height:0; }
	dl#sharing dd a { display:block; height:43px; float:left; margin:0; padding:0; line-height:0; }
		
/* Footer
   --------------------------------------------------- */
   	#footer-container { width: 954px; background: #fff url('../img/large-full-container-rounded-btm.gif') bottom center no-repeat; clear:left; }
   	#footer { width: 952px; font-size: 0.8em; padding: 0 0 5px 2px;}
   	#footer a, #footer a:visited {color: #000; text-decoration: none;}
	#footer a:hover, #footer a:active {color: #64747a;}
	img#footer-logo { margin-top: 10px; }
	
#footer ul li {
    padding-bottom: 0.3em;
}
/* headings spacing */
#footer ul ul.footer-tree-menu-level-1 li {
    margin-top: 5px;
}
/* headings */
#footer ul.primary li.primary > a {
	font-weight: bold;
    color: #64747a;
    font-size:1.1em;
}
a#footer_home_link:hover,
#footer ul.primary li.primary > a:hover {
    color: #363636!important;
}

/* individual blocks side by side with line between */
#footer ul.primary > li {
    /* border: solid red 2px; */
	width: 120px;
    background: url('../img/separator-footer.gif') top right no-repeat;
    float:left;
    padding: 0 6px 0 10px;
    min-height: 95px;
    margin-bottom: 2px;
}
#footer ul.primary > li.last {
    background: none;
}
a#footer_home_link {
    color: #64747a!important;
    font-weight:bold;
    font-size:1.1em;
    margin-bottom:0.25em;
}



/* Standard Form
   --------------------------------------------------- */
	/* Zero-out Google toolbar defaults */
	input.text, textarea, select { font-family: /* "trebuchet MS", */ Arial!important; font-size:1em!important; color:#000!important; background-color:#fff!important; border:1px solid #a3b1b7!important; }

/*	.standard-form {padding-top: 1em;} */
/*	.standard-form div.field {margin-bottom: 0.5em;} */
/*	.standard-form label {width: 75px; font-weight: bold; float:left; margin-top:5px;}    */
/*	.standard-form input.text {width: 220px; padding: 5px; border: 1px solid #a3b1b7; float: left;} */
/*	.standard-form textarea {width: 220px; height: 100px; padding: 5px; border: 1px solid #a3b1b7; float: left;} */
/*	.standard-form input.button {margin-right: 449px;} */
	/* Error Fields */
/*	.standard-form label.error {font-weight: bold; float:left; color: #64747a!important; margin-left:10px; width: 225px;} */
/*	.standard-form input.error, .standard-form textarea.error  { border: 1px solid #a2a8ac!important; float: left; background: #dde5ea!important; } */
	

/* Donate Form
   --------------------------------------------------- */
   
/*   	#donate-form {padding-top: 1em;} */
/*	#donate-form div.field {margin-bottom: 0.5em;} */
/*	#donate-form label {width: 175px; font-weight: bold; float:left; margin-top:5px;}    */
/*	#donate-form input.text {width: 220px; padding: 5px; border: 1px solid #a3b1b7; float: left;} */
/*	#donate-form select {width: 230px; padding: 5px; border: 1px solid #a3b1b7; float: left;} */
/*	#donate-form textarea {width: 220px; height: 100px; padding: 5px; border: 1px solid #a3b1b7; float: left;} */
/*	#donate-form input.button {margin-right: 145px;} */
	/* Error Fields */
/*	#donate-form label.error {font-weight: bold; float:left; color: #64747a!important; margin-left:10px; width: 135px; margin-top: 0;} */
/*	#donate-form input.error, #donate-form textarea.error  { border: 1px solid #a2a8ac!important; float: left; background: #dde5ea!important; } */
	#textAreaOther {margin-bottom: 20px!important;}

/* News & Events
   --------------------------------------------------- */
	
	/* Central column */
	#central-news-info-container { width: 780px; background: #c3cacf; float:left;}
	#central-news-info {width: 780px;}
	.central-info-padding {padding: 0 12px 0 12px; width: 756px;}

	
	#main-news-header {background: #fff url('../img/small-780-container-rounded-btm.gif') bottom center no-repeat; margin-bottom: 4px; padding-bottom: 2px;}
	
	/* News Items */
	.news-item-container h3 {margin: 0; margin-bottom: 7px;}	
	.news-item-preview {background: #fff url('../img/small-780-container-rounded-btm.gif') bottom center no-repeat; margin-bottom: 4px; padding-bottom: 13px;}
	.news-item-preview p.read-more { margin-bottom: 0; }
	#central-news-info #last {width: 780px;}
		
	#last div.last {background: #fff; margin-bottom: 0; padding-bottom: 4px;}
	#last div.last p {margin-bottom: 0;}	
	
   	/* News item Image */
	.main-news-img-container {width: 155px; background: #fff url('../img/bg-news-img.gif') top left repeat-y; float:right; margin: 0 10px 10px -3px; }   
	.main-news-img-container img {display: block; }   	
   	.main-news-img {margin: 0 4px 0 4px; width: 140px; display:block; border: 3px solid #fff;}		
   
	
/* Gallery Page
   --------------------------------------------------- */
   #full-header-container { min-height: 33px; background: #fff url('../img/small-full-container-rounded-btm.gif') bottom center no-repeat; margin-bottom: 4px; }
   #full-header-content { width: 925px; margin-left: 10px; }
   #full-header-content h1 { margin-bottom: 8px; }
   
   #two-col-full {margin-bottom: 4px; width: 954px; background: #fff url('../img/bg-2-col-full-container.gif') top left repeat-y;}
   #one-col-full {margin-bottom: 4px; width: 954px; background: #fff;}
   
   /* Gallery Thumbnails */
   div.middle {display: table-cell; vertical-align: middle; width: 100%;} 
   div.inner {margin-top: -8px;}
   #lhs-gallery-thumbs-container {width: 341px; margin-right: 4px; background: #fff; float:left; }
   #lhs-gallery-thumbs-scroll { border: 1px solid red;}
   #lhs-gallery-thumbs {width: 323px; margin: auto; }
   ul.thumbs { }
   div.thumbs { margin: 0;}
   div.thumbs-right {margin: 0; margin-left: 11px;}   
   #lhs-gallery-thumbs ul li { float: left; height: 104px; width: 155px; background: #fff url('../img/bg-thumbs-whole.gif') top left no-repeat; margin-bottom: 11px; display: table; position: static;}   
   #lhs-gallery-thumbs ul li.right { margin-left: 11px; }      
   #lhs-gallery-thumbs ul li div.caption { display: none; }
   #lhs-gallery-thumbs ul li img { 
   		margin: auto;
		display:block;
		max-height: 90px!important;
		margin-top: 7px!important;
		width: auto;
		margin-left: auto!important;
		max-width: 140px!important;
		cursor: pointer;		
	}
	#lhs-gallery-thumbs ul li a {outline:none!important;}   
   /* See global-js.css for thumbs styles */
   #lhs-gallery-thumbs-container a#prev {display: none;}
   #lhs-gallery-thumbs-container a#next {display: none;}
   /* For Vertical Align */
   div.middle {display: table-cell; vertical-align: middle; width: 100%;} 
   div.inner {margin-top: -8px;}	
   
   /* Main img */	   
   #gallery-main-container { width: 609px; background: #fff; float:left; min-height: 505px;}
   #gallery-main-content {padding: 0 12px 5px 12px;}   
   #gallery-main-img {min-height: 386px; text-align: center; margin-bottom: 10px; max-width: 585px!important;}
   p.description, h3.caption  {text-align:left;}
   
   /* Main img Nav */
   #num {font-weight: bold;}
   #gallery-main-nav {text-align: center; display: none;}
   #gallery-main-nav p {margin-top: 5px; }
   #gallery-main-nav ul {float: right; margin-top: -29px;}
   #gallery-main-nav ul li {display:inline;}   
   #gallery-main-nav ul li a {
		color: #363636; 
		text-decoration: none;
		font-size: 0.9em;
		/*background: #9eacb2 url('../img/bg-sub-nav-whole.gif') top left repeat-x;		 */
        background: #e3e3e3 url('../img/bg-main-nav-whole-2.gif') top left repeat-x;
		padding: 2px 8px 2px 8px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		white-space:normal;
		text-align: center;		
		
   }
   #gallery-main-nav ul li a:hover {
       color: #fff;
/*       background: #8b9ea6 url('../img/bg-sub-nav-whole.gif') 0 -200px repeat-x; */
        background: #767676 url('../img/bg-main-nav-whole-2.gif') -0 -300px repeat-x;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
   }
      
   
  /** Gallerific styles **/
  .image-wrapper img {max-width: 585px!important; margin-bottom: 12px;}
  .image-title { font-family: Arial;
      text-align: center;
      font-size: 1em; font-weight:bolder; color: #829197; margin-bottom: 3px;}
  .image-desc {text-align:left;}  
  .nav-controls a#next {margin-left: 5px;}
  /* Caption */
  div.caption {display: none;} /* for non JS browsers */
  div.top {text-align: center; margin: 4px 0 6px 4px; width: 323px;}
  div.bottom {text-align: center; margin-left: 4px; width: 323px;}
  /* Pagination */
  div.pagination li {
		float:left;
        margin-bottom: 1px;
  }
  div.pagination a, div.pagination span.current {
		border:1px solid #CCCCCC;
		/* display:block; */
		/* float:left; */
		margin-right:4px;
		padding:0px 5px;
		text-decoration: none;
	}
	div.pagination span.current {
		background-color:#000000;
		border-color:#000000;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	div.pagination a:hover {
		background-color:#dde5ea;
		text-decoration:none;
	}	
	div.loader { background-image: url('../img/loader.gif'); background-repeat: no-repeat; background-position: center; }


/* Home Page
   --------------------------------------------------- */
a#home-news-link {
    float: right;
    margin-bottom: 8px;
}
   #central-info-container-home {width: 600px; float:left; margin-right: 4px;}
   #promo-info-container {
       display: block;
       width: 350px;
       background: #fff url("../img/small-350-container-rounded-btm.gif") bottom center no-repeat;
       float: left;
       margin-bottom: 4px;
   }

   #promo-info-content { padding: 0 12px 12px 12px; width: 326px;}
   #promo-info-content a {float: left; margin: 5px 5px 8px 5px;
       width: 139px;
    }
   #promo-info-content .main-news-img-container {margin-bottom: 0;}
   
   
   #central-info-news-container {
        background: #fff url("../img/small-600-container-rounded-btm.gif")
                        bottom center no-repeat;
        margin-bottom: 4px;
   }   
   #promo-info-content,
    #central-info-news-content {
        min-height: 180px;
    }
    #central-info-news-content {
        min-height: 180px;
        padding: 0 12px 12px 12px;
    }
     
   dl.news-preview { padding: 2px 0 2px 0; border-bottom: 1px dotted #a0a6a8; }
   dl.last { border-bottom: none; margin-bottom: 6px; }
   dl.news-preview dt {color: #a0a6a8; float: left; width: 65px;}
   dl.news-preview dt a {color: #a0a6a8!important; }
   dl.news-preview dd {float: left; width: 349px;}
   dl.news-preview dd a {
       color: black;
   }
   dl.news-preview a {
       text-decoration: none;
   }
   dl.news-preview a:hover {
       text-decoration: underline;
   }
   
   #promo-wide-container {margin: 4px 0 4px 0; width: 954px;}
   #promo-wide-container img {display: block;}
   #promo-wide-left {float: left; margin-right: 4px; width: 475px;}
   #promo-wide-right {float: left; width: 475px;}
   
   #home-sponsor-container {width: 954px; min-height: 33px; background: #fff url('../img/small-full-container-rounded-btm.gif') bottom center no-repeat; margin-bottom: 4px;}
   #home-sponsor-content {
       position: relative;
       padding: 0 12px 12px 12px;
   }
   #home-sponsor-content a.btn {margin-right: 5px;}
   #home-sponsor-content .items div {float: left; width: 220px;}
   
   /* Hide Items for no JS */
/*   ul#sponsors #home-sponsor-content a#prev, #home-sponsor-content a#next { display: none; } */
   
   /* carousel */
   #homepage-carousel { position: relative; width: 955px; height: 327px; overflow: hidden;
       margin-bottom: 6px;
   }
   .carousel { position: relative; width: 955px; height: 327px; overflow: hidden; }
	.carousel .items { width:20000em; position:absolute; clear:both; }
	.items div { float:left; width:955px; }
   
	.navi { position: absolute; z-index: 600; top: 20px; right: 50px; width:80px; height:12px; }
	.navi a { width:12px; height:12px; float:left; margin:4px; background:url(../img/bg-carousel-navi.png) 0 0 no-repeat; display:block; font-size:1px; text-indent: -9999px; }
	.navi a:hover {	background-position:0 -12px; }
	.navi a.activeSlide { background-position:0 -24px; }

   #homepage-carousel #prev { position: absolute; z-index: 50; left: 0; top: 97px; }
   #homepage-carousel #next { position: absolute; z-index: 49; right: 0; top: 97px; }

   .carousel-overlay { position: absolute; z-index: 500; width: 955px; height: 128px; top: 199px; background:url(../img/bg-carousel-overlay.png) 0 0 no-repeat; padding: 50px 0 0 23px; }
   .carousel-overlay .item { display: none; }
   .carousel-overlay .item:first-child { display: block; }
   .carousel-overlay h2 { font-size: 24px; color: #fff; }
   .carousel-overlay-text {  padding-top: 5px; border-top: 1px solid #bababa; margin-right: 46px; }
   .carousel-overlay-text p { float: left; width: 800px; font-size: 13px; color: #fff; }
   .carousel-overlay-text a { float: right; font-size: 12px; padding: 5px 10px; }
   

ul.errorlist {
    color: red;
}
   
.pagination,
.paging {
    background-color: white;
}

.paging p {
    margin-left: 12px;
}
.paging ul li a {
    margin-left: 12px;
}
form ul li {
    list-style-type: none;
}
label {
    cursor: pointer;
}
form > ul > li > label {
    width: 12em;
    float: left;
    clear: left;
}
form ul ul li {
    float: left;
    padding-right: 1em;
}
form textarea,
form input[type="text"] {
    width: 25em;
    border: solid 1px grey;
    margin-bottom: .5em;
}