/*
Banipal
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, thoughtbubble Ltd
*/

/*
-------------------------------------------
Remove the inconsistent default styling of HTML elements.
-------------------------------------------
*/

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
 	margin:0;
 	padding:0;
 }
 
 table {
 	border-collapse:collapse;
 	border-spacing:0;
 }
 
 fieldset,img { 
 	border:0;
 }
 
 address,caption,cite,code,dfn,em,th,var {
 	font-style:normal;
 	font-weight:normal;
 }
 
 strong { font-weight:bold; }
 
 ol,ul {
 	list-style:disc;
	padding-left:25px;
 }
 
 caption,th {
 	text-align:left;
 }
 
 h1,h2,h3,h4,h5,h6 {
 	font-size:100%;
 	font-weight:normal;
 }
 
 q:before,q:after {
 	content:;
 }
 
 abbr,acronym { 
 	border:0;
 }

/* -------------------------------
	CLEARFIX FLOATING FIXES
---------------------------------- */
.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 */
 
/*
-------------------------------------------
MAIN SITE STRUCTURE
-------------------------------------------
*/
 
body { 
	margin:0 0 0 0;
	padding:30px 0 20px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
	background:#FFFFFF url(/images/layout/bg_tile.gif) repeat top left;
}

h1 { 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#CC3300;
	border-bottom:2px solid #CC3300;
	padding:0 200px 2px 0;
	font-size:1.8em; 
	font-weight:bold;
}

h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#CC3300;
	padding:0 0px 0 0;
	font-size:1.2em; 
	font-weight:bold;
}

h3 { color:#A01F62; font-weight:bold; font-size:0.9em; margin:5px 0 5px 0; }
h4 { }
h5 { }
h6 { }

p { margin:0 0 8px 0; }
/* td { font-size:0.8em; } */
strong { font-weight:bold; }
em { font-style:italic; }
hr { border:0; color:#9f1f63; background-color:#9f1f63; height:1px; }

.error_text, .error, .errortext { font-weight:bold; color:#c00; }

a:link, a:visited { color:#990000; text-decoration:underline;  }
a:hover { text-decoration:underline; }

.vspace5 {	height:5px;}
.vspace10 {	height:10px;}
.vspace20 {	height:20px;}
.vspace30 {	height:30px;}
.vspace40 {	height:40px;}
.vspace50 {	height:50px;}
.vspace400 { height:50px;}

/* Structural Layout */
#mainWrapper { 
	width:100%; 
	text-align:center;
}
#pageWrapper { 
	width:1024px; 
	margin:auto;
	text-align:left;
}

#topBar {
	margin-bottom:1px; position:relative;
}
.topBarLogo { 
	float:left;
	width:312px; 
}
.topBarInner { 
	float:left; 
	width:635px; 
	height:110px; 
	background-color:#4C0707; 
}

.facebook_link { margin:73px 0 0 344px; position:relative; top:1px; }
.topBarRight { float:left; width:38px; }

#navCol {
	float:left;
	width:120px;
	background:url(/images/layout/nav_corner.gif) no-repeat top left;
	display:inline;
	overflow:hidden;
}

#mainCol {
	float:left;
	width:645px; 
	background-color:#FFFFFF;
	margin:0 0 0 1px;
	display:inline;
	overflow:hidden;
}

#mainBar {
	min-height:400px;
	padding:40px 18px 10px 20px;
}

#page_header { position:relative; }

#page_controls {
	position:absolute;
	top:0;
	left:0;
	text-align:right;
	width:605px;
	z-index:5000;
}
#page_controls IMG { margin:10px 0 0 10px; }

/* width of main page content is 505px */
.page_content { padding:10px 0 0px 0; font-size:0.85em; line-height:1.6em; }

.page_content_left_col { float:left; width:416px; margin:0px 0px 0px 0px; overflow:hidden; }
.page_content_right_col { float:right; width:169px; margin:0px 0px 0px 20px; overflow:hidden; }

.header_text { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#663333; font-size:1.2em; line-height:1.2em; }
.header_text a:link, .header_text a:visited { color:#663333; text-decoration:underline;  }
.header_text a:hover { text-decoration:underline; }

#footerLogos {
	padding:3px 0 3px 0;
	text-align:center;
	height:48px;
}
#footerLogos IMG { padding:0 10px 0 10px; }

#footerBar {
	background-color:#000000;
	color:#FFFFFF;
	padding:3px 0 5px 0;
	text-align:center;
}

#footerBar a:link, #footerBar a:visited { color:#FFFFFF; text-decoration:none; }
#footerBar a:hover { color:#FFFFFF; text-decoration:underline; }

#rightCol {
	float:left;
	width:218px;
	background-color:#663332;
	margin:0 0 0 1px;
	display:inline;
	min-height:400px;
	color:#FFFFFF;
	overflow:hidden;
}

#rightCol IMG.right_image { border:9px solid #DA5C14; }
#news_col { padding:10px 9px 10px 9px; font-size:0.85em; line-height:1.5em;  }
#rightCol h2 { color:#FFCC66; font-size:1.6em; padding:0 0 10px 0; }
#rightCol a:link, #rightCol a:visited { color:#FFFFFF; text-decoration:underline;  }
#rightCol a:hover { text-decoration:underline; }

/* **************** */
/* Page mailer Form */
/* **************** */

.page_mailer { float:left; position:relative; width:507px; padding:0px 0px 0px 0px; font-family:verdana; font-size:0.8em; color:#666; }
.page_mailer_border { width:507px; border-bottom:2px solid #CC3300; }
.page_mailer_row { height:25px; line-height:25px; }
#page_mailer_form label { text-align:right; width:83px; margin-right:5px; }
#page_mailer_form label.sender { text-align:right; margin-right:17px; }
#page_mailer_form input { width:110px; margin-right:10px; }
#page_mailer_form input.email { width:150px; margin-right:10px; }
#response_message { text-align:center; font-color:#CC3300; font-weight:bold; padding:15px 20px 20px 20px; }