/* 
================================
Skin styles for CCBC Home
================================
*/   

/******** General tags ********/

html, body  {
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */	
	text-align: center;
}

body {
	margin: 0px;
	padding: 0px;
	background: #7d7364;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
#pagemaster {
	width: 100%;
	
}
/* Page */
#page {
	padding: 0px;
	margin: 0px auto;
	width: 960px;
	text-align: left;
	display: table;
	}

/* Header */
.skinheader {
	width: 960px;
	height: 105px;	
	max-height: 105px;
	background-color: #ffffff;
	border-bottom: solid 5px #ae1c24;
	border-top: solid 5px #564a4b;
	font-family:Arial, Helvetica, sans-serif;
	background: url(topHeaderBckg.jpg) no-repeat top left;
	font-size: 12px;
	color:#000000;
}
/* Logo */
.logo {
	width: 400px;
	height: 104px;
	max-height: 104px;
	background-color: transparent;	
	color:#000000;
	padding: 0px;
	float:left;
}

.userInfo { 
	width: 520px;
	height:90px;
	max-height: 90px;
	float: right;
	margin: 0px;
	padding-right: 5px;
	padding-top: 10px;
	text-align: right;
}
/* Content */
#content {
	width: 960px;
	max-height: 100%;
	color:#000000;
	float: left;	
    min-height: 750px;
	font-size: 12px;
	clear: both;
	background-color: #ffffff;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 239px;
	background-color: #ffffff;
	border-right: solid 1px #9b886a;
	border-bottom: solid 5px #9b886a;
	color:#ffffff;
    min-height: 500px;	 
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
	height:100%;
	text-align: center;
	font-size: 11px;
}

/* Menu */

#menu {
	width: 239px;
	
	padding-top: 20px;
	background: url(side_bckg.jpg) no-repeat top left;
	background-color: #ae9f88;
	color: #ffffff;
	border-bottom: solid 3px #ae1c24;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.MainMenu_MenuContainer {
	background-color: Transparent; 
	width: 239px;
	height: 21px;
}
.MainMenu_MenuBar {
	width: 239px;
	background-color: Transparent;
	height: 350px;
}
.MainMenu_MenuItem {

	background-color: Transparent;
	width: 100%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 150%;
	color: #ffffff;
	height: 25px;
	border-left: white 0px solid; 
	border-bottom: white 0px solid; 
	border-top: white 0px solid; 
	border-right: white 0px solid;
}

.MainMenu_MenuIcon {
	background-color: #9a876a; 
	text-align: center; 
	width: 15px; 
	height: 25px;
	color: #000000;
	border-left: #ffffff 0px solid; 
	border-bottom: #ffffff 0px solid; 
	border-top: #ffffff 0px solid;
}
.MainMenu_SubMenu {
	width: 300px;
	background-color: #9a876a;  
	z-index: 1000; 
	color: #ffffff;
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak {
	border-bottom: #ffffff 2px solid; 
	border-left: #ffffff 0px solid; 
	border-top: #ffffff 0px solid;  
	border-right: #ffffff 0px solid; 
	background-color: #ffffff; 
	height: 2px;
}
.MainMenu_MenuItemSel {
	background-color: #990000; 
	width: 250px;
	color: #ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 25px;
}
.MainMenu_MenuArrow {
	font-family: webdings, Verdana,Arial,Tahoma,sans-serif; 
	font-size: 10pt;  
	border-right: #FFFFFF 0px solid; 
	border-bottom: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid;

}
.MainMenu_RootMenuArrow {
	font-family: webdings, Verdana,Arial,Tahoma,sans-serif; 
	font-size: 10pt;
	height: 25px;
	padding: 5px; 
}
/* Left Pane */
.LeftPane {
	width: 220px;
	padding: 0px;
	float: left;
	color:#000000;
	text-align: left;
	margin: 0px 0px 0px 5px;
	font-size: 11px;
}

/* Right Side Content */
#rightside {
	float: right;
	width: 719px;
	background-color: #ffffff;
	color:#000000;	
	height: 100%;	
}

#headerHome {
	float: left;
	width: 719px;
	height: 196px;
	background-color: #af0000;
	border-bottom: solid 5px #ae1c24;
	color:#ffffff;	
	margin: 0px;
	padding: 0px;}
.flashIntro {
	float: left;
	width: 452px;
	height: 196px;
	background-color: #af0000;
	color:#ffffff;
	margin: 0px;
	padding: 0px;
	border: 0px !important;}

.topTitleHome {
	float: right;
	width: 267px;
	height: 196px;
	/*background-color: #9b886a;*/
	background-color: #af0000;
	color:#ffffff;
	border: 0px !important;
}
/* Login */



#flashIntro form {
	margin: 0;
	padding: 5px 0 0 0;
}

#flashIntro fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#inputtext1, #inputtext2 {
	width: 170px;
	margin-bottom: .5em;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #000000;
}

#inputsubmit1 {
	margin-bottom: .5em;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #000000;
}
select {
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #000000;}
#flashIntro a {
	color: #FFFFFF;
}
.contentAll {
float: left;
width: 100%;}
.left {
	width: 370px;
	float: left;}
.contentpane {
	width: 705px;
	background-color: #ffffff;
	float: left;
	padding:5px;
	margin:0px 0px 0px 0px;
	clear: both;
	/*border: 0px !important;*/
}
.contentpaneleft {
	width: 370px;
	background-color: #ffffff;
	float: left;
	padding:3px;
	margin:0px 0px 0px 0px;
}

.contentpaneright {
	width: 320px;
	background-color: #ffffff;
	float: right;
	padding:5px;
}.memberBox 
{
	
	padding: 10px 0px 15px 10px; 
	width: 171px; 
	height: 177px;
	background: url(member_profile_bckg.gif) no-repeat top left; 
	float: left;
	}
.memberBox1
{

	padding: 10px 0px 15px 10px; 
	width: 171px; 
	height: 177px;
	background: url(member_profile_bckg.gif) no-repeat top left; 
	float: right;
	}
.contentpanebottom {
	width: 150px;	
}
.contentpanebottom1 {
	width: 150px;	
}
/* Footer */

#footer {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	color: #ffffff;
	border-top: solid 2px #564a4b;	
	background: #7d7364;
	float: left;
}

#links {
	float: right;
	width: 350px;
	height: 40px;
	padding: 5px 0 0 0;
	text-align: right;
}

#links a {
	color: #FFFFFF;
}

#legal {
	float: left;
	width: 600px;
	height: 40px;
	padding: 5px 0 0 5px;
}

/* DNN Mods */
ul li, ul, ul ul li, ul ul ul li{list-style:none}
.SkinObject{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
font-size: 11px;}
.Normal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;}
.SubHead{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	font-weight:bold;}
.Head{font-family: Arial, Helvetica, sans-serif;}	
#topTitleHome .SubHead , #topTitleHome .Normal,#topTitleHome .Head,#topTitleHome .SkinObject,#topTitleHome a,#footer .Head, #footer .Normal, #footer a , #footer .SkinObject, .flashIntro .SkinObject, .flashIntro .Normal, .flashIntro h1 {color: #FFFFFF;} 
#footer a:hover{color: #cc0000;}	
	
	
.title1 {
	margin: 0;
	padding: 10px 0;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
}

.title2 {
	margin: 0;
	padding: 10px 0;
	font-size: 150%;
	font-weight: normal;
	color: #ae1c24;
}

.title3 {
	margin: 0;
	padding: 10px 0;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}

h1{
font-size:14px;
margin:0 0 5px 0px;
color:#990000;
text-transform: uppercase;
}


h2{
font-family: Arial,Tahoma,sans-serif;
font-weight:bold;
font-size:14px;
color:#000000;
margin:0 0 5px 0;
line-height:18px;
}

h3{
font-family: Arial,Tahoma,sans-serif;
font-size:12px;
font-weight:bold;
color:#990000;
margin: 0px 0px 5px 0;
line-height:14px;
}
.boxed {
	width: 100%;
	padding: 5px 0px 5px 0px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 120%;

}
.containerContentPane {
margin: 0px 0px 0px 0px;}

.orange {
	margin: 5px 5px;
	background-color: #c2b8aa;
	color: #FFFFFF;
}


.col-one {
	float: left;
	width: 300px;
}

.col-two {
	float: right;
	width: 300px;
}

a:link, a:visited{
font-family:Arial,Tahoma,sans-serif;
text-decoration:underline;
color:#990000;
font-weight:normal;
}

a:hover, a:active{
font-family:Arial,Tahoma,sans-serif;
text-decoration:none;
color:#9b886a;
font-weight:normal;}

a.home:link, a.home:visited{
font-family:Arial,Tahoma,sans-serif;
text-decoration:underline;
color:#ffffff;
font-size: 12px;
font-weight:normal;
}

a.home:hover, a.home:active{
font-family:Arial,Tahoma,sans-serif;
text-decoration:none;
color:#9b886a;
font-size: 12px;
font-weight:normal;}

a img{border:0;}


hr {height: 1px;width: 100%;color: #fff; background-color: #fff; border: 1px dotted #999999; border-style: none none dotted;}	
.image {
 border: solid 0px;
}
table.border {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: solid 1px #ae9f88;
 }	
	table {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
 }
 td.border {
	border: 1px dotted #999999; border-style: none none dotted;
	
 }
 .image1 {
 border-top: solid 1px #847b6d;
 border-bottom: solid 1px #847b6d;
 border-left: solid 5px #847b6d;
 border-right: solid 1px #847b6d;
 
}
blockquote {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 10px 10px 10px 30px;
 }
 
 #flashcontent {
	width: 267px;
		height: 196px;
		float: left;
		text-align: center;
		color: #ffffff;
		font-size: 10px;}