/*
Title: 		Main Layout
Author: 	Felipe Iturralde
Company:	CRMC
Update: 	
*/

/* ---------------------------------------
	Page
--------------------------------------- */

body{
	background:url('/img/CRMC Bottom Left.gif') repeat-y;
	background-color:#ffffef; width:800px;
	margin:0;
}

/* ---------------------------------------
	Header 
--------------------------------------- */
div#header{
	background:url('/img/CRMC Top Left.gif') repeat-y top left; height:80px;
	padding:10px 0px 10px 30px;
}

div#header h1{
	margin:0; padding:0;
}

div#header a#homelink{
	display:block; width:330px; height:80px; border:0;
	margin:0; padding:0; float:left; text-indent:-5000px;
	background:url(/img/CRMC_Logo_web_LG.jpg) no-repeat;
}

div#header img#logo{
	float:left;
	display:block; width:330px; height:80px; border:0;	
}

/* ---------------------------------------
	Main Navigation Menu 
--------------------------------------- */
#nav{
	display:none;
}

/* ---------------------------------------
	Body 
--------------------------------------- */
div#body{
	padding:0px 0px 0px 35px;
}

div#body div#TopDivider{
	background:url('/img/Divider.gif') repeat-x; height:5px;
	margin:0px 0px 30px 0px;
}

/* ---------------------------------------
	Body's Main section 
--------------------------------------- */
div#body div#main{
	padding:10px 20px 10px 30px; border:3px solid #C4C37A;
	background-color:#FFFFFF; color:#29473D; font-family:Garamond;
}

div.ms div#main, div.sm div#main{
	width:450px;
	margin-right:1px;
}

div#body div#side{
	width:235px;
	_width:auto;
	padding:0px 2px 1px 5px;
	font-family:Garamond; color:#29473D; 
	border:3px solid #638f38;
	margin-left:1px;
}

div.ms div#main, div.sm div#side{
	float:left;
}

div.sm div#main, div.ms div#side{
	float:right;
}

div#main h2{
	padding:30px 0px 10px 10px;
	margin:0px 0px 10px -30px;
	position:relative;
	background-image: url(/img/A.gif);
}

div#main h2.DbgLetter{
	background:url('/img/D.gif') no-repeat -7px -16px;
}

div#main h2.CbgLetter{
	background:url('/img/C.gif') no-repeat -7px -16px;
}

div#main h2.AbgLetter{
	background:url('/img/A.gif') no-repeat -7px -16px;
}

div#main h2.WbgLetter{
	background:url('/img/W.gif') no-repeat -7px -16px;
}

div#side h3{
	color:#638f38; border-bottom:2px solid #29473d;
}

/* ---------------------------------------
	Footer
--------------------------------------- */
div#footer{
	clear:both;
	text-align:right; color:#29473D; font-size:small; font-family:sans-serif;

	line-height:1px; padding:15px 0px 0px 0px; 
}
div#footer p{
	margin-top:0;
}
div#footer div#BottomDivider{
	background:url('/img/Divider.gif') repeat-x bottom;
	height:5px; margin:20px auto auto 35px;
}
/***************************************************************/