/*
©2008 Bam Creative

Author : Jay Hollywood | Bam Creative

Description : Stylesheet

*/

/*---------------------------------------------- GLOBAL SETTINGS */
html {
	height: 100%;
	background: none;
}

body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em !important; /* dont control the font-size here - leave it for the 
	element you want to control. This sets the base text size to 16px */
	background: none;
}



/*-------------------------------------------------------- LINK */


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

a:hover {
	color: #65250b;
}

#page-content a {
	text-decoration: underline;
}

/*---------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:0pt;
padding:0pt;
text-transform: uppercase;
}
h1 {
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: bold;
	color: #cd4611;
}

h2 {
	font-size: .9em;
	font-weight: 600;
	line-height: 1.8em;
	color: #ffc20e;
	text-transform: uppercase;

}

h3 {
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1.4em;
	color: #cc4611;
	text-transform: uppercase;

}

h4 {
	font-size: 0.80em;
	line-height: 1em;
	color: #cc4611;
	text-transform: uppercase;
	font-weight: 600;

}

h5 {
	font-size: 0.6875em;
	line-height: 1em;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
}

h6 {
	font-size: 0.6875em;
	line-height: 1em;
	font-weight: 600;
	color: #444;
	text-transform: uppercase;
}


/*-------------------------------------------------- PARAGRAPHS */

p {
	font-size: 1em;
	line-height: 1.4em;
	color: #4c4d4e;
}

.mceContentBody { /* for tinyMCE editable area to match */
	font-size: 100%;
}

/*----------------------------------------------------- BULLETS */

#main-content ul li, #main-content-raswa ul li, .mceContentBody ul li { /* make sure you reference ul via the container it's in - i.e. #content */
	font-size: 0.75em; /* try and match the <p> font-size for consistency */
	line-height: 1.4em;
	color: #4c4d4e;
	list-style-image: url(/art/list-style.gif); 
	font-size: 11px;
}
/* For sitemap bullet styles edit /templates/cms/cms_styles.css lin 250 */


/*------------------------------------------------------ LAYOUT */


#container {
	width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -220px auto; /* negative value must be the same height as footer (for stickyness) */
	background: none; 
}

#containerhome {
	width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -201px auto; /* negative value must be the same height as footer (for stickyness) */ 
}

#header {
	display: none;
}

#nav {
	display: none;
	}

#home-content {
	padding: 42px 5px 0 5px;
	width: 950px;
	float: left;
}

#content {
	padding: 42px 25px 0 25px;
	width: 910px;
	float: left;
}

#left-panel {
	display: none;
	}


#main-content-wrap {
	float: left;
	width: 770px;
	background: none;
	display: block;
	}

#main-content {
	float: left;
	width: 770px;
	background: none;
	display: block;
	padding: 25px 35px 0 35px;
	}

#main-content-wrap-raswa {
	float: left;
	width: 770px;
	background: none;
	display: block;
	}

#main-content-raswa {
	float: left;
	width: 770px;
	background: none;
	display: block;
	padding: 25px 35px 0 35px;
	}

#breadcrumbs {
	font-size: 1em;
	color: #000;
	width: 100%;
	border-bottom: 1px solid #eac9bc;
	height: 20px;
	}

#breadcrumbs a{
	color: #000;
	}

#breadcrumbs a:hover{
	color: #666;
	}

#main-content-end {
	float: left;
	width: 630px;
	background: url(/art/contentbottom.jpg) no-repeat;
	display: none;
	height: 29px;
	color: #973309;
	font-size: 1em;
	padding: 30px 0 0 30px;
	}

#main-content-end-raswa {
	float: left;
	width: 630px;
	background: url(/art/contentbottomraswa.jpg) no-repeat;
	display: none;
	height: 29px;
	color: #55210b;
	font-size: 1em;
	padding: 30px 0 0 30px;
	}


#main-content-end a{
	color: #973309;
	}
	
#main-content-end a:hover{
	color: #2d1004;
	}

#main-content-end-raswa a{
	color: #55210b;
	}
	
#main-content-end-raswa a:hover{
	color: #f79167;
	}



#page-content img { /* all bamCMS content goes inside here */
	padding: 0 0 30px 0;
	background: url(/art/underimage.gif) no-repeat bottom center;
}

#footerhome {
	background: none;
	width: 100%;
	height:201px;
}

#footerinnerhome {
	width: 100%;
	height: 201px;
	background: none;
	display: block;
	color: #dd825f;
	font-size: 1em;
	text-align: center;
	}

#footerinnerhome a{
	color: #dd825f;
	}
	
#footerinnerhome a:hover{
	color: #e3a891;
	}

#footer {
	background: none;
	width: 100%;
	height:220px;
}

#footerinner {
	width: 100%;
	height: 220px;
	background: none;
	display: block;
	color: #dd825f;
	font-size: 1em;
	text-align: center;
	}

#footerinner a{
	color: #dd825f;
	}
	
#footerinner a:hover{
	color: #e3a891;
	}

#footercontainer {
	margin: 0 auto;
	width: 600px;
	}

#sponsorlogos {
	width: 600px;
	height: 50px;
	background: #000;
	display: block;
	margin: 65px 0 30px 0;
	float: left;
	}	


#buttons {
	display: none;
	}	


.clear {
	clear: both;
}

.push {
	height:220px;	/* make the height of .push the same as #footer (for stickyness) */
}

.pushhome {
	height:201px;	/* make the height of .push the same as #footer (for stickyness) */
}