@import '/cms/styles/common.css';
@import '/styles/forms.css';
@import '/style.css';


.resetlist, .resetlist ul, .resetlist li {
	padding:0;
	margin:0;
	background:none;
	list-style:none;
}

.flort { float:right; }


/* COMMON ---------------------------------------------------------------------- */
body {
	background:#e2e7eb url('/images/bg-x.jpg') top center repeat-x;
}
#bg-y {
	background:url('/images/bg-y.jpg') top center repeat-y;
}

.contentpage #bg-top{
	background:url('/images/bg-top-contentpage.jpg') top center no-repeat;	
}

#bg-top {
	background:url('/images/bg-top.jpg') top center no-repeat;
}

#bg-bottom{
	background:url('/images/bg-bottom.jpg') bottom center no-repeat;	
}

#bg-bottom-x{
	background:url('/images/bg-bottom-x.jpg') bottom center repeat-x;	
}

#wrapper {
	margin:0 auto;
	width:980px;
	min-height:1000px;
	height: auto !important;
	height:1000px;
}

/* HEADER ---------------------------------------------------------------------- */

#header{
	background: url('/images/header.jpg') top left no-repeat;
	height:192px;
	overflow:hidden;
	font-size:12px;
}

#logo{
	width:330px;
}	

#logo img{
	width:330px;
	height:100px;
	margin-top:30px;
	}

#header-right{
	width:450px;
	float:right;
	margin:45px 25px 0px 0px;
}

#header-menu{
	float:right;
	margin-bottom:28px;
	
}

#header-menu li {
	border-right:solid 1px #F9CB85;	
	padding:0px 10px 0px 10px;
}

#header-menu .last{
	border:none;
	padding: 0px 0px 0px 10px;
}

#header-menu a{
	color:#ffffff;
	font-weight:bold;
	
}

#header-search{
	float:right;	
}

#print-header{
	display:none;
}	



/* MENU ------------------------------------------------------------------------ */

#menu{
	margin:7px 0 0 0;
}

#menu li{
	background: url('../images/menu-line.jpg') 0px 5px no-repeat;
}

#menu .first{
	background:none;	
}

#menu .first a{
	background:none;	
	width:91px; /*116*/
	height:35px; /*55*/
}



#menu .second a{
	background:none;	
	width:195px; /*220*/
	height:35px; /*55*/
}

#menu .third a{
	background:none;	
	width:216px; /*241*/
	height:35px; /*55*/
}

#menu .fourth a{
	background:none;	
	width:150px; /*175*/
	height:35px; /*55*/
}

#menu .last a{
	background:none;	
	width:136px; /*161*/
	height:35px; /*55*/	
}

#menu a{
	background:url('../images/menu-left.gif') top left no-repeat;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	padding:20px 0px 0px 25px;
}

#menu a span{
	display:block;
	height:55px; /*55*/
	padding:20px;
}

#menu a:hover{
	background:url('../images/menu-left-2.gif') bottom left no-repeat;
	color:#FFFFFF;
}

.root_134 #menu .first a, .root_135 #menu .second a, .root_149 #menu .third a, .root_158 #menu .fourth a, .root_165 #menu .last a{
	background:url('../images/menu-left.gif') bottom left no-repeat;
	color:#1C2D68;
} 

#menu a:hover span{
	background:url('../images/menu-right.gif') top right no-repeat;
}

#fonts{
	padding:10px 0px 0px 15px;
}

#fonts a{
	background:none;
	margin:0px;
	padding:0px;
}

#fonts li{
	background:none;
}

#fonts a:hover{
	background:none;	
}

#menu .increaseFont img{
	
	display:block;
	width:20px;
	height:40px;

}

#menu .decreaseFont img{
	
	display:block;
	width:20px;
	height:40px;
}

#menu .decreaseFont {
	margin-right:5px;
}

/* SUBNAV ---------------------------------------------------------------------- */

#nav{
	margin-top:25px;
	width:200px;
	float:left;

}

#rootname{
    padding:0px 20px 0px 30px;
	font-size:16px;
	font-weight:bold;
	height:50px;
}

#rootname a{
	text-decoration:none;
		
}

#navbox{
	padding:10px 0px 0px 15px;
	font-size:13px;
}

#navbox ul, #navbox li{
	padding:0;
	margin:0;
	background:none;
	list-style:none;
	
}

#navbox a{
	text-decoration:none;
	color:#333333;
	display:block;
	background: url('/images/navbar.jpg') bottom left no-repeat;
	padding:5px 20px 5px 10px;
	min-height:20px;
	height: auto !important;
	height:20px;
}

#navbox li.navactive a{
	text-decoration:none;
	color:#ffffff;
	background:#D89725;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
}

#navbox a:hover{
	text-decoration:none;
	color:#ffffff;
	/*background:#D89725;*/
	background:#E6B768;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
}

#navbox li.navactive li a,
#navbox li li a{
	margin-left:10px;
	background:none;
	color:#333333;
}

#navbox li li.navactive a,
#navbox li li a:hover{
	background: url('/images/sub-menu-left.jpg') 0px 9px no-repeat;
	color:#333333;
}


#navbox li li.navactive li a,
#navbox li li li a{
	margin-left:25px;
	background:none;
	color:#333333;
}

#navbox li li li.navactive a,
#navbox li li li a:hover{
	background: url('/images/sub-menu-left.jpg') 0px 9px no-repeat;
	color:#333333;
}


/* SHARED ---------------------------------------------------------------------- */

/* HOME ------------------------------------------------------------------------ */

#home-content-main{
	padding: 10px 0px 0px 0px;
}

#home-content-main h1{
	color:#1B2C67;
	font-size:1.8em; /*22px*/
	background: url('/images/about-heading.gif') 0px 0px no-repeat;
	padding: 0px 0px 0px 45px;
}

#home-content-main h2{
	color:#1B2C67;
	font-size:18px;
}

#impact{
	background:url('/images/flash.jpg') top left no-repeat;
	height:365px;
}

#flash{
	background:url('/flash/flash-static.jpg') 2px 0px no-repeat;
	height:365px;
}

#home-content-left{
	width:630px; /*640*/
	padding: 10px 0px 0px 10px;
}

#home-content-left .morelink{
	font-size:11px;
	padding: 0px 0px 0px 5px;
	background:url('/images/arrow-orange-light.jpg') 0px 5px no-repeat;
}

#home-content-right{
	background: url('/images/bg-content-right-home.jpg') top left no-repeat;
	width:320px; /*340*/
	min-height:125px;
	height:auto !important;
	height:125px;
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 12px;
}	

#home-content-right-header{
	background: url('/images/bg-content-right-header.jpg') top left no-repeat;	
	margin: 10px 0 0 0px;
	padding: 0px 5px 5px 15px;
}

#home-content-right-header .title{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	display:block;
	float:left;
	width:100px;
	padding: 5px 0 0 0;
}

#home-content-right-header a.morelink{
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	width:60px;
	margin:0px 0px 0px 120px;
	padding: 7px 0 0 10px;
	float:left;
	background: url('/images/arrow-hcrh.jpg') 0px 0px no-repeat;
}

#home-content-right-header a.morelink:hover{
	color:#ffffff;
	text-decoration:underline;
}

#updates{
	width:300px;
}

#updates a.morelink{
	font-size:0.9em; /*11px*/
	background:url('/images/arrow-orange-light.jpg') 0px 5px no-repeat;
	display:block;
	padding:0px 0px 0px 5px;
	margin:5px 0px 0px 15px;
	text-decoration:underline;
}

#updates a.morelink:hover{
	text-decoration:none;	
}

#updates .title_0{
	background:url('/images/arrow-orange.jpg') 5px 5px no-repeat;
	padding:0px 0px 0px 15px;	
}
#updates .title_1{
	background:url('/images/arrow-orange.jpg') 5px 5px no-repeat;
	padding:0px 0px 0px 15px;	
}
#updates .content p{
  margin: 0px;
}

#shadowbox-y{
	background: url('/images/shadowbox-bg-y.jpg') top left repeat-y;
	margin: 0px 0px 0px 0px;
}

#shadowbox .title{
	color:#8C5708;
	font-size:1.25em; /*15px*/
	font-weight:bold;
	padding-bottom:5px;
	display:block;
}

#shadowbox{
	background: url('/images/shadowbox-bg-top.jpg') top left no-repeat;
	width:285px; /*300*/
	min-height:92px; /*112*/
	height: auto !important;
	height:92px;
	padding:20px 5px 0px 15px;
}

#shadowbox .morelink{
	font-size:0.9em; /*11px*/
	padding: 0px 0px 0px 12px;
	background:url('/images/arrow-orange.jpg') 5px 5px no-repeat;
}	

#shadowbox-bottom{
	background:#ffffff url('/images/shadowbox-bottom.jpg') top left no-repeat;
	width:300px;
	height:8px;
}

.federation{
	display:block;
	width:225px;
	height:50px;
	background: url('/images/ojcf-logo.jpg') top left no-repeat;
}

.federation:hover{
	background: url('/images/ojcf-logo.jpg') bottom left no-repeat;
}

/* CONTENT --------------------------------------------------------------------- */

#pagetitle{
	font-size:1.7em; /*20px*/	
	font-weight:normal;
}

#content{
	background: url('/images/bg-contentpage.jpg') top left no-repeat;
}

#content-main{
	width:780px;
	float:right;
}

#content-right{
	width:200px; /*200*/
	margin-top:160px;
}

#donationbox{
	color:#ffffff;
	height:84px; /*94*/
	padding:0px 20px 10px 35px;
	font-size:12px;
}

#donationbox a{
	display:block;	
	background:url('/images/click.gif') top left no-repeat;
	width:97px; /*97*/
	height:19px;  /*22*/
	padding: 3px 0px 0px 0px;
	margin-top:5px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	
	
}

#donationbox a:hover{
	text-decoration:none;	
	background:url('/images/click.gif') bottom left no-repeat;
}

#content-content-right-header{
	background: url('/images/bg-content-content-right-header.jpg') top left no-repeat;	
	margin: 10px 0 0 0px;
	padding: 0px 5px 5px 15px;
}

#content-content-right-header .title{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	display:block;
	float:left;
	width:100px;
	padding: 5px 0 0 0;
}

#content-content-right-header a.morelink{
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	width:40px;
	margin:0px 0px 0px 20px;
	padding: 7px 0 0 10px;
	float:left;
	background: url('/images/arrow-hcrh.jpg') 0px 0px no-repeat;
}

#content-content-right-header a.morelink:hover{
	color:#ffffff;
	text-decoration:underline;
}

.contentpage #updates{
  padding-left: 5px;
  width:190px;
	border-left:1px solid #e1e1e1;
}

.contentpage #updates a.morelink{
	font-size:0.9em; /*11px*/
	background:url('/images/arrow-orange-light.jpg') 0px 5px no-repeat;
	display:block;
	padding:0px 0px 0px 5px;
	margin:5px 0px 0px 15px;
	text-decoration:underline;
}

.updates-title{
	display:block;	
}

.contentpage #updates a.morelink:hover{
	text-decoration:none;	
}

.contentpage #updates .title_0{
	background:url('/images/arrow-orange.jpg') 5px 5px no-repeat;
	padding:0px 0px 0px 15px;	
}
.contentpage #updates .title_1{
	background:url('/images/arrow-orange.jpg') 5px 5px no-repeat;
	padding:0px 0px 0px 15px;	
}
.contentpage #updates .content p{
  margin: 0px;
}

/*
.contentpage #updates p{
	background:url('/images/arrow-orange.jpg') 5px 5px no-repeat;
	padding:0px 0px 0px 15px;
	
}

.contentpage #updates p.first{
	background:url('/images/arrow-orange.jpg') 5px 20px no-repeat;
	padding:0px 0px 0px 15px;
	
}

.contentpage #updates p.first{
	margin:0px;	
	padding-top:15px;
}
*/
#content-content{
	width:540px; /*580*/
	margin-top:120px;
	padding:0px 19px 0px 20px;
	border-left:1px solid #e1e1e1;
	min-height:650px;
	height: auto !important;
	height:650px;
}

#content-content h2{
	font-size:1.3em; /*16px*/
	color:#333333;
	
}

#content-content h3{
	font-size:1.15em; /*16px*/
	color:#333333;
	
}

.content-image{
	float:left;	
}

.contentpage #shadowbox-y{
	background: url('/images/shadowbox-small-y.jpg') top left repeat-y;
	margin: 30px 0px 0px 10px;
}

.contentpage #shadowbox .title{
	color:#8C5708;
	font-size:1.25em; /*15px*/
	font-weight:bold;
	padding-bottom:5px;
	display:block;
}

.contentpage #shadowbox{
	background: url('/images/shadowbox-small-top.jpg') top left no-repeat;
	width:162px; /*182*/
	min-height:157px; /*177*/
	height: auto !important;
	height:157px;
	padding:20px 5px 0px 15px;
}

.contentpage #shadowbox .morelink{
	font-size:0.9em; /*11px*/
	padding: 0px 0px 0px 12px;
	margin:10px 0px 0px 0px;
	background:url('/images/arrow-orange.jpg') 5px 5px no-repeat;
	float:left;
}	

.contentpage #shadowbox-bottom{
	background:#ffffff url('/images/shadowbox-small-bottom.jpg') top left no-repeat;
	width:182px;
	height:5px;
}


/* FOOTER ---------------------------------------------------------------------- */

#footer-bg-x{
	background:	url('/images/bg-footer-x.jpg') top center repeat-x;
	position:relative;
}

#footer{
	background:	url('/images/bg-footer.jpg') top center no-repeat;
	margin: 0 auto;
	width:980px; /*1020*/
	padding:60px 20px 0px 20px;
	min-height:161px; /*271px*/
	height:auto !important;
	height:161px;
	color:#BEC0D7;
}

#footer a{
	color:#BEC0D7;
	text-decoration:none;
}

#footer a:hover{
	color:#ffffff;	
}

#footer-1 {
	height:80px;	
}

#footer-1-left{
	font-size:13px;
	line-height:19px;
}

#footer-1-right{
	float:right;	
}

#footer-1-right ul{
	display:block;
	width:192px;
	float:left;
}

#footer-1-right .first{
	display:block;
	width:80px;
	float:left;
}

#footer-1-right .last{
	display:block;
	width:110px;
	float:left;
}

#footer-2{
	font-size:11px;	
}

#footer-2 ul{
	margin-top:5px;	
}

#footer-2 li{
	border-right:1px solid #BEC0D7;	
	padding-right:10px;
}

#footer-2 .last{
	border:none;
	padding-left:10px;
}

#footer-2-right{
	float:right;	
}

#footer-2-left a{
	text-decoration:underline;	
}

#footer-2-left a:hover{
	text-decoration:none;	
}



/* SITE MAP -------------------------------------------------------------------- */

.sitemap ul {
  padding:0 0 0 50px;
  margin:0;
}
.sitemap ul ul {
  padding:0 0 0 5px;
}
.sitemap li {
  background:url('/images/bullet-page.gif') 0px 1px no-repeat;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
	text-transform:uppercase;
	outline:none;
}
.sitemap li li {
  margin: 0 0 4px 0;
	background:url('/images/bullet-sub.gif') 0px 4px no-repeat;
	padding:0 0 0 10px;
}
.sitemap li li a {
  font-size:11px;
  font-weight:normal;
	text-transform:none;
}
.sitemap a:visited {
  color: #999999;
}
.sitemap a:hover {}



/* CUSTOMIZATIONS -------------------------------------------------------------- */
/* News listings */
.eventbox .date, .eventdetails .date {
  font-style: italic;
	color: #555555;
  font-weight: bold;
}
.eventbox .morelink, .eventdetails .morelink {
	background:url('/images/arrow-orange.jpg') 5px 5px no-repeat;
	padding:0px 0px 0px 15px;	
}
.pagingbox {
  float: right;
}