@charset "utf-8";

/*   

Theme Name: RMBS

Theme URI: www.rmbs.ca

Description: Theme designed specifically for RMBS

Author: Chauncey Beggs

Author URI: www.chaunceybeggs.com

Version: 1.0

.

.

*/

@media screen {



html, body, div, span,

applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, pre,

a, address, cite, code,

del, dfn, font, img, ins, kbd, q, s, samp,

var, li, ul, ol, fieldset, form, label,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	text-align: left;

	vertical-align: baseline;

}



a img, :link img, :visited img {

	border: 0;

}



ul, ol, li {

	margin: 0;

	padding: 0 0 0 2em;

	text-indext: -5px;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* General page settings

------------------------------ */

html { height: 100%; }



body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: url(images/page_bg.jpg) repeat-x 0 0 #3366CC;

	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

}

#container-a {

	width: 880px;

	height: 250px;

	background: url(images/container-a_bg.jpg) no-repeat 0 0;

	margin: 0 auto;

	border: none;

	text-align: left;

	padding: 15px 0 0 0;

}



html>body #container-a { height: 235px }



* html #container-a { height: 220px; }



#container-b {

	width: 880px;

	background: url(images/container-b_bg.jpg) repeat-y 0 0;

	margin: 0 auto;

	border: none;

	text-align: left;

	padding: 0;

}



#container-c {

	width: 880px;

	height: 65px;

	background: url(images/container-c_bg.jpg) no-repeat left bottom;

	margin: 0 auto;

	border: none;

	text-align: left;

	padding: 0;

}



/* Header

------------------------------ */

#header {

	width: 840px;

	height: 182px;

	background: transparent url(images/header_bg2.jpg) no-repeat 0 0; 

	margin: 0 auto;

	padding: 1px;

	}



#header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	}



#mainnav {

	position: relative;

	left: 175px;

	top: 134px;

	width: 650px;

	overflow: hidden;

	border: none;

	line-height: normal;

	text-align: right;

	scroll: none;

	

	/*float:left;

	width:100%;

	background:#efefef;

	font-size:93%;

	border-bottom:1px solid #666;*/

	}



#mainnav ul {

	list-style: none;

	margin: 0;

	padding: 0;

	}



#mainnav ul li {

	display: inline;

	margin: 0;

	padding: 0;	

	font-family: Arial, Verdana, Helvetica, sans-serif;

	}



#mainnav ul li a:link, #mainnav ul li a:visited {

	display: block;

	float: left;

	background: url(images/tab_right.jpg) no-repeat top right;

	height: 30px;

	margin: 0;

	padding: 0;

	text-decoration: none;

	color: #000000;

	font-size: 12px;

	font-weight: bold;

	/*letter-spacing: -1px;*/

	}

	

#mainnav ul li a span {

	display: block;

	float: left;

	height: 30px;

	background: url(images/tab_left.jpg) no-repeat top left;

	padding: 3px 11px 0 11px;

	/*height: 30px;*/

	}



html>body #mainnav ul li a span { height: 27px; }

	

#mainnav ul li a:hover span {

	cursor: pointer;

	}



#infobar {

	width: 840px;

	height: 48px;

	background: transparent url(images/infobar_bg.jpg) no-repeat top left; 

	margin: 0 auto;

	padding: 16px 0 0 23px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	}



html>body #infobar { width: 817px; height: 32px; }



* html #infobar { height: 24px; }



#submenu {

	overflow: hidden;

	border: none;

	line-height: normal;

	text-align: left;

	margin: 0;

	padding: 0;

	}



#submenu ul {

	list-style: none;

	display: inline;

	margin: 0;

	padding: 0;

	}

	

#submenu ul li {

	display: inline;

	margin: 0;

	padding: 0;	

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border-bottom: #333333 1px solid;

	padding: 0 2px 0 2px;

	}

	

#submenu ul li a {

	color: #000000;

	text-decoration: underline;

	}



/* Content

------------------------------ */

#mainContent {

	width: 840px;

	margin: 0 auto;

	padding: 1px;

	background: #FFFFFF;

}





.postbox {

	width: 800px;

	background: url(images/post_bg.jpg) repeat-y top left;

	margin: 0 auto 10px auto;

	padding: 0;

}



.postbox h1 {

	width: 100%;

	height: 50px;

	background: url(images/post-top_bg.jpg) no-repeat top left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #FFFFFF;

	margin: 0 auto;

	padding: 15px 20px 0 20px;

}



html>body .postbox h1 { height: 35px; }



.postbox-content {

	width: 762px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #000000;

	margin: 0 auto;

	padding: 5px 0 35px 0;

}



.postbox-content p {

	margin: 0;

	padding: 0;

}



.postbox-bottom {

	background: url(images/post-bot_bg.jpg) no-repeat bottom left;

	margin: 0 auto;

	padding: 0;

}



tr.rowcolor td {

	background-color: #3366CC;

}



/* Footer

------------------------------ */

#footer {

	width: 840px;

	height: 40px;

	margin: 0 auto;

	padding: 1px;

	background: transparent url(images/footer_bg.jpg) no-repeat top left;

}

#footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	background: transparent;

	color: #666666;

	font-size: .8em;

	line-height: 1em;

}



/* Other

------------------------------ */

.hide {	display: none; }







}