/*
 * Client:		Catholic Youth Organization
 * Site Name: 	CYO
 * URL: 		akroncyo.org
 *
 * Author: 		jimmy / chris
 * URL: 		http://www.whitespace-creative.com/
 *
 * Created: 	10/8/2007
 *
 * --------------------------------------------------------------- */

/* Reset default padding, margin, link decoration, etc. */
body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,ul,ol,li,img,fieldset,caption,table,tr,dl,dt,dd { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
img,fieldset { border: 0; }
p{padding-top:0;margin-top:0!important}/* -Chris */
a { text-decoration: none; }
h2, h3 {color:#D1570D; font-weight:bold;}
a{color:#663300; font-weight:bold}
#ContentHolder a:hover { text-decoration:underline }

/*#ContentHolder p,  --Removed by SM, it was causing a problem on the sports page */
#ContentHolder ol, 
#ContentHolder ul {margin:auto; padding:inherit}

#ContentHolder dt, 
.tab_content dt{font-weight:bold; display:inline; margin:0; padding:0; }

#ContentHolder dd, 
.tab_content dd{margin:0px 0px 0px 36px; padding:0; position:relative; top:-18px}

/* Basic Structure */
html, 
body, 
#wrapper{
	min-height:100%;
	width: 100%;
	height:100%;
}

html>body, 
html>body #wrapper {
	height: auto;
}

body {
	min-height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background-color:#91ad7c;
	height:100%;
}

.content_topIMG{display:inline; float:left; padding:0px 15px 0px 0px}

#wrapper{
	position:absolute;
	top:0px;
	left:0px;
}

#alert { 
	background-image:url(../../elements/AlertBG.gif);
	background-repeat:repeat-x;
	height:30px;
	display:block;
}

#alert #Icon{
	background-image:url(../../elements/AlertIcon.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:35px;
	padding-top:8px;
	height:22px; /* Minus padding Ttop */
	display:block;
}
#alert #Icon a{
	color:#FFFFFF;
	text-decoration:none;
}
#alert #Icon a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#header {
	width:100%;
	height:111px;
	background-image:url(../../elements/mainBG.jpg);
	background-repeat:repeat-x;
	display:block;
	position:relative;
	z-index:5;
}
#header #title a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a1f00;
	font-size:20px;
	margin-top:50px;
	margin-left:20px;
	float:left;
}
#header #logo {
	position: absolute;
	left: 567px;
	top: 1px;
}
#header #PhoneNumbers{
	position:absolute;
	left:660px;
	top:95px;
	font-size:11px;
	font-weight:bold;
	color:#d1570d;
	z-index:12;
}
#sidenav {
	width:256px;
	position:absolute;
	left:500px;
	float:right;
}
#sidenav #sidebar{
	background-image:url(../../elements/CalOddBG.gif);
	background-repeat:repeat-y;
}
#sidenav #sidebar #SearchBox{
	height:73px;
	background-image:url(../../elements/SideNavTop.gif);
	background-repeat:no-repeat;
	padding-top:8px;
}
#sidenav #sidebar #SearchBox #MonthName{
	font-size:15px;
	font-weight:bold;
	color:#d1570d;
	padding: 5px 0 0 13px;
	float:left;
}
#sidenav #sidebar #SearchBox #MonthName .title{
	display: block;
	font-size: 12px;
	line-height: 12px;
}
#sidenav #sidebar #SearchBox #PrintButton{
	float:right;
	padding-top:21px;
	padding-right:15px;
	color:#d1570d;
}
#sidenav #sidebar #SearchBox #PrintButton a{
	color:#d1570d;
}
#sidenav #sidebar #SearchBox #PrintButton a:hover{
	text-decoration:underline;
}

#sidenav #sidebar #Calendar{
	overflow:auto;
	width:250px;
	color:#4e1b00;
}
.InteriorCalendar{
	max-height:150px;
	_height:150px; /* For IE 6 only */
}

.HomeCalendar{
	max-height:250px;
	_heigt:250px; /* For IE 6 only */
}

#sidenav #sidebar #Calendar .Odd,
#sidenav #sidebar #Calendar .Even{
	background-repeat:repeat-y;
	padding:5px 15px 5px 12px;
}
#sidenav #sidebar #Calendar .Even span,
#sidenav #sidebar #Calendar .Odd span,
.Accord .Even span,
.Accord .Odd span{
	color:#d1570d;
}
#sidenav #sidebar #Calendar .Even b,
#sidenav #sidebar #Calendar .Odd b{
	font-size:11px;
}

#sidenav #sidebar #Calendar .Even a,
#sidenav #sidebar #Calendar .Odd a{
	color:#d1570d;
	text-decoration:none;
}
#sidenav #sidebar #Calendar .Even a:hover,
#sidenav #sidebar #Calendar .Odd a:hover{
	color:#d1570d;
	text-decoration:underline;
}

#sidenav #sidebar #Calendar .Odd{
	background-image:url(../../elements/CalOddBG.gif);
}
#sidenav #sidebar #Calendar .Even{
	background-image:url(../../elements/CalEvenBG.gif);
}
#sidenav #SectionLinksBacker{
	background-image:url(../../elements/CalOddBG.gif);
}

#sidenav .LeftCol{
	padding:5px 5px 5px 12px;
	border-right:1px solid #d2dacd;
	border-bottom:1px solid #d2dacd;
}
#sidenav .RightCol{
	padding:5px 15px 5px 5px;
	border-bottom:1px solid #d2dacd;
}

#sidenav #Newsletter{
	background-image:url(../../elements/ColorBars.gif);
	background-repeat:no-repeat;
	padding-top:24px;
	padding-left:6px;
	padding-right:10px;
	font-size:10px;
	color:#444444;
}
#sidenav #Newsletter span{
	font-size:11px;
	font-weight:bold;
	color: #5a1f00;
}
#sidenav .Accord {
  width: 256px;
}
#sidenav .Accord h3 {
  margin: 0;
  padding: 11px 0px 0px 22px;
  background: #CAD7C0 url(../../elements/interior/AccordBG.gif) no-repeat left top;
  height:20px;
  font-size:12px;
  font-weight:bold;
  color:#d1570d;
  text-transform: capitalize;
}
#sidenav .Accord .Odd,
.Base{
	background-image:url(../../elements/interior/AccordOddBG.gif);
	padding: 10px;
}
#sidenav .Accord .Even{
	background-image:url(../../elements/interior/AccordEvenBG.gif);
	padding: 10px;
}
#main {
	background: transparent url(../../elements/Home/MainImageTopper.gif) repeat-x left top;
	width:500px;
	padding: 10px 0 0 0;
	margin: 0 0 50px 0;
}

#main #MainImage{
	overflow: hidden;
	width:480px;
	height:230px;
	background-color: #FFF;
	padding: 0 10px 10px 10px;
	z-index:1;
}

#main #MainContent{
	border: 10px solid #FFF;
	border-top: none;
	background-color: #FFF;
}
#main #MainContent #ContentHolder{
	background-image: url(../../elements/interior/PageTitleBacker.jpg);
	background-repeat:no-repeat;
	border:1px solid #cdcdcd;
	padding:10px;
	font-size:12px;
	color:#666666;
	line-height:18px;
	min-height:450px;
}
#main #MainContent #ContentHolder.Alert{
	background-image: url(../../elements/interior/PageTitleBackerAlert2.jpg);
	background-repeat:no-repeat;
}
#main #MainContent #ContentHolder H1{
	color:#5a1f00;
	font-size:14px;
	padding-bottom:5px;
}
#main #MainContent #ContentHolder.Alert H1{
	color:#a80909;
	font-size:14px;
	padding-bottom:5px;
	padding-left:25px;
}
#main #MainContent #ContentHolder ul,
#main #MainContent #ContentHolder ol{
	padding-left:25px;
}

/* -------------
 * Tabs
 * ------------- */ 
.tabs {
	float:left;
	line-height:normal;
	margin: 5px 0px -1px 0px;
	position: relative;
	width: 480px;
	z-index: 4;
	padding: 0px;
	list-style:none;
	padding-left:10px;
}
.tabs li {
	float: left;
	display: block;
	background: #D1D1D1 url(../../elements/Tab.gif) no-repeat right -25px;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
	width:85px;
}
.tabs a {
	display: block;
	background: url(../../elements/Tab.gif) no-repeat left -25px;
	color: #d1570d;
	text-decoration:none;
	padding: 8px 5px 5px 10px;
	margin: 0px 0px 0px 0px;
}
.tabs li.selected {
	background-color: #F5F5F5;
	background-position: right 0px;
	border-bottom: solid 1px #F5F5F5;
}
.tabs li.selected a {
	background-position: left 0px;
	font-weight: bold;
}
/* -------------
 * Tab Content 
 * ------------- */
.tab_content {
	clear: both;
	background-color: #F5F5F5;
	padding: 10px 20px 20px 10px;
	margin: 0px;
	margin-left:10px;
	margin-right:10px;
	display: block;
	color:#5a1f00;
	font-size:11px;
	line-height:18px;
}
.tab_content th {
	text-align: left;
	background-color: #E5E5E5;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	padding: 2px;
	font-weight: bold;
}
.tab_content td {
	border-bottom: 1px solid #CCC;
	padding: 2px;
}
.tab_bottom{
	padding-left:10px;
}
.tab_content img{
	padding-right:8px;
}

#HomePageAds{
	padding-left:10px;
}

/* -------------
 * Footer
 * ------------- */
#footer {
	width:480px;
	padding:8px 10px 0px 10px;
	background-image:url(../../elements/FooterBG.gif);
	background-repeat:repeat-x;
	height:37px;
	color:#59533d;
	position:absolute;
	bottom:0px;
}
#footer span {float: right;} /* Contains the site credit line */

#footer ul {list-style-type: none;}

#footer ul li {
	display: block;
	float: left;
	border-right:1px solid #663300;
}

#footer ul a {
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 0px 5px;
	color:#663300;
}

#footer ul li.last {border: none;}



/* -------------
 * Main navigation
 * ------------- */
#nav_container {
	background-color: #5D0201;
}

#nav{
	/*margin:15px 0px 0px 0px ;*/
	clear:both;
	list-style:none;
	/*float:left;*/
	position: absolute;
	left: 0px;
	top: 89px;
}
#nav ul {
	list-style: none;
	line-height: 1;
	list-style-type: none;
	font-size:10px;
	font-weight:bold;
	color:#d1570d;
}
#nav a {
	display: block;
	padding: 0px 15px;
	line-height:22px;
	font-weight: bold;
 	text-transform: uppercase;
	color:#663300;
}
#nav ul a{
	padding: 7px 15px;
	line-height:normal;
}
#nav li {
	float: left;
	padding: 0;
}

#nav li li {position: relative;}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 150px;
	z-index: 900;
}

#nav li ul a {width: 150px; float:none;}

#nav li ul ul {margin: 0 0 0 137px; top:0}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul,
#nav li.sfhover ul{left: auto;}

#nav li:hover,
#nav li.sfhover{direction:ltr;} /* Fix IE */

#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {left: 43px;}

#nav li:hover a, 
#nav li.sfhover a {}

#nav li:hover li a,
#nav li.sfhover li a {background-color:#f9e69a;}

#nav li ul li a.arrow{background: #f9e69a url(../../elements/MenuArrow.gif) no-repeat bottom right;}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover {background: #CC6600 url(../../elements/nav_background_over.gif) repeat-x bottom left; color:#FFFFFF}

#nav li ul li a.arrow:hover{background: #d1570e url(../../elements/MenuArrow2.gif) no-repeat bottom right;}


#container { clear: both; }

/* -------------
 * Error  Messaging
 * ------------- */
.ok, .error {
	color:#333333;
	padding: 5px 5px 5px 30px;
	margin: 0px;
	display: block;
}
.ok {
	background: #E5F1E8 url(../../elements/icons/icon_ok.gif) no-repeat 2px 1px;
	border-top: 2px solid #339900;
	border-bottom: 2px solid #339900;
	margin-bottom: 5px;

}
.error {
	background: #F5E5E5 url(../../elements/icons/icon_error.gif) no-repeat 2px 1px;
	border-top: 2px solid #E74B4B;
	border-bottom: 2px solid #E74B4B;
	margin-bottom: 5px;
}

/* -------------
 * Misc.
 * ------------- */
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hide {display: none;}
.required{color:#990000;}
.Orange{color:#D1570D;}
.Brown{color:#5a1f00;}
.Subhead{
	font-size:16px;
	font-weight:bold;
	color:#D1570D;
}

.small{font-size:10px}

#marginAlign{margin:0px!important; padding:0px 0px 0px 12px!important}

.CampRegistration {
	color:#990000;
	text-decoration:underline;
	font-size:16px;
	font-weight:bold;
}