@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

body {

	background-image: url(../images/background_repeat.jpg);
	background-repeat: repeat-x;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;

}

a {
	color: #E985B7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
	
}

h1 {
	font-size: 46px;
	color: #000000;
	line-height: 48px;

}

h2 {
	font-size: 46px;
	color: #FFFFFF;
	line-height: 48px;
}

h3 {
	font-size: 46px;
	color: #E985B7;
	line-height: 48px;
}

h4 {
	font-size: 46px;
	color: #FFFFFF;
	line-height: 150px;
}

h5 {
	font-size: 24px;
	color: #E985B7;
	line-height: 35px;
}

h6 {
	font-size: 16px;
	color: #000000;
	line-height: 35px;
}

h7 {
	font-size: 20px;
	color: #E985B7;
	line-height: 35px;
	font-weight: 900;
}

.black {
color:#000000;
font-weight:bold;
 
}

.orange {
color:#FF6633;
font-weight:bold;
}

.red {
color:#FF0000; 
font-weight:bold;
}

.darkred {
color:#990000;
font-weight:bold;
}

.yellow {
	color: #FFC53F;
	font-weight: bold;
}

.pink {
	color: #E985B7;
	font-weight: bold;
}

.darkpink {
	color: #FF0099;
	font-weight:bold
}

.green {
	color: #0C0;
	font-weight:bold
}

.brown {
	color: #630;
	font-weight:bold
}

.blue {
	color: #0000FF;
	font-weight:bold
}

.lightblue {
	color: #0CF;
	font-weight:bold
}

.grey {
	color: #999;
	font-weight:bold
}

.violet {
	color: #96F;
	font-weight:bold
}

.center{ text-align: center; }
.bold{ font-weight: bold; }
.footer {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

.footerBody {
	color: #FFFFFF;
	font-size: 16px;
	text-align: right;
}

.footerBodySmall {
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
}

#superContainer {
	width: 980px;
	height: auto;
	margin: 0 auto;
}

#header {
	width: 980px;
	height: 150px;
}

#logo {
	width: 400px;
	height: 145px;
	float: left;
}

#cupcakesTR {
	width: 300px;
	height: 145px;
	float: left;
	margin-left: 280px;

}


#container {
	width: 980px;
	height: auto;
	background-color: #FFFFFF;
	float: left;
}

#lhside {
	width: 325px;
	height: auto;
	float: left;
	margin: 0 0 50px 0;
}

#main {
	width: 650px;
	height: auto;
	float: left;
	margin: 0 0 50px 0;
}

#lhside_top {
	display: inline;
	width: 289px;
	height: 320px;
	margin-left: 15px;
	float: left;
	background-image: url(../images/lhside_top_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding: 0 0 5px 18px;
}

#lhside_topTwo {
display: inline;
	width: 300px;
	height: 275px;
	margin-left: 15px;
	float: left;
	margin-top: 15px;
	padding: 0 0 5px 5px;
}

#lhside_bottom {
	display: inline;
	width: 300px;
	height: auto;
	margin-left: 15px;
	margin-top: 10px;
	float: left;
	padding: 0 0 5px 5px;
}

#topbanner {
	display: inline;
	width: 610px;
	height: 160px;
	background-color: #E985B7;
	margin-left: 20px;
	float: left;
	margin-top: 15px;
	padding-left: 10px;
	

}

.contentSplitter{
	width: 100%;
	height: 1px;
	background-color: #E985B7;
	margin: 25px 0;
}

#content {
	display: inline;
	width: 620px;
	height: auto;
	margin: 15px 0 0px 10px;
	float: left;
	padding-left: 10px;
}

#clubHead{ padding: 0 0 0 40px; }

.ethosIMG{
	float: left;
	width: auto;
	height: auto;
}

.ethosTEXT{
	float: left;
}


#footer {
	width: 100%;
	height: 104px;
	background-image: url(../images/footer_grass.jpg);
	background-repeat: repeat-x;
	float: left;

}

#chicks {
	width: 600px;
	margin-top: 24px;
	height: 70px;
	background-image: url(../images/chicksFooter.jpg);
	background-repeat: no-repeat;
	float: left;
	
}


#footerContainer {
	width: 980px;
	height: 104px;
	margin-left: auto;
	margin-right: auto;
}

#footerContent {
	height: auto;
	float: right;
	margin-top: 40px;
	padding: 5px;
}

#footerContentTwo {
	height: auto;
	float: right;
	margin-top: 40px;
	padding: 5px;
}

/***********NAVBARS*************/


#primaryNav {
	display: inline;
	width: auto;
	height: 40px;
	float: right;
	padding-right: 10px;
}

#primaryNav ul {
	float: left;
	margin: 0;
	padding: 0px;
	list-style-type: none;
}

#primaryNav ul li {
	float: left;
	width: 157px;
	
	
}
#primaryNav ul a {
	display: inline;
	display: block;
	float: left;
	margin-left: 10px;
	width: 157px;
	height: 40px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/nav_off_yellow.jpg);
	background-repeat: no-repeat;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	
}

* html #primaryNav ul a {
	display: block;
	float: left;
	
	margin-left: 5px;
	height: 40px;
	color: #FFFFFF;
	text-decoration: none;
}


#primaryNav a:hover, .selected a {/*bg image moves up to show hover state*/

	background-image: url(../images/nav_on_pink.jpg);
	background-repeat: no-repeat;
	color: #666;
	z-index: auto;

}
#index #mainOptions .index a,
#news #mainOptions .news a,
#ethos #mainOptions .ethos a,
#cupcakes #mainOptions .cupcakes a,
#fun #mainOptions .fun a,
#club #mainOptions .club a{	
	background-image: url(../images/nav_on_pink.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	z-index: auto;
}

#secNav {
	float: left;
	height: auto;
	width: 280px;
	overflow: visable;
}

#secNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#secNav li {
	padding: 0;
}
#secNav ul a {
	display: block;
	width: 280px;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFC53F;
}

#secNav ul a:hover {
	color: #666;
	background-color: #E985B7;
}

#secNav ul .first a {/*should move the image so that the black line is not shown*/
	
}
#secNav a:hover {
	color: #cccccc;
}