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

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

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

/* ---------------------------------------
	Notices
--------------------------------------- */
#noticeContainer
{
	margin-left: 35px;
}
#notices>p
{
	text-align: center;
	margin-right: 16px;
}
.close-notice
{
	float:right;
	right: 0;
    margin-left:auto;
}


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

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

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

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


/* ---------------------------------------
	Main Navigation Menu 
--------------------------------------- */
div.navContainer
{
	float:right;
}
ul#nav{
	margin:0; padding:10px 0px 8px 10px; 
	line-height: 1;
	font-size:.9em;
}

ul#nav li{
	list-style:none; padding:0px 10px 2px 10px; float:left;
	border-width:0px 1px 0px 0px; border-style:solid; border-color:#C4C37A;
}

ul#nav li#firstItem{
	border-left:1px solid #C4C37A;
}

#nav ul li
{
	width:100%;
} 
	
#nav a
{
	z-index: 1;
	color:#638f38; text-decoration:none; font-family:sans-serif; font-weight:bold; display:block;
}

ul#nav li a.active, ul#nav li a:hover, ul#nav li.sfhover{
	color:#29473d; 
}

ul#nav li a.notSelectable
{
	cursor:default;
}

/* ---------------------------------------
	Dropdown Menu 
--------------------------------------- */
#nav, #nav ul, #nav li
{
	padding: 0px;
	margin: 0px;
}

#nav li 
{
	list-style-type: none;
}

ul#nav ul
{
	display:none;
	margin:0px 0px 0px -11px; 
	padding:2px 0px 0px 0px; 
	position:absolute; 
	background-color:#ffffef; 
	border-width:0px 1px 1px 1px; 
	border-style:solid; 
	border-color:#C4C37A;
	line-height:1;
}
#nav ul li{
	clear:left; border:none; font-size:small; white-space:nowrap;
}

#nav > li
{
	float: left;
}

#nav ul ul{
	margin-top: -1em;
	margin-left: 90%;	
}

ul#nav li:hover > ul {
	display: block;
}


ul#nav li:hover ul, ul#nav li li:hover ul{
	left:auto;
}

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

div#TopDivider{
	background:url('/img/Divider.gif') repeat-x; height:5px;
	margin:0px 0px 30px 0px;
}
.HeaderFrameTopDivider
{
	background:url('/img/Divider.gif') repeat-x; height:5px;
	margin-left:35px;
	padding-bottom:25px;
}

/* ---------------------------------------
	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;
}

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

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;
}

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;
}
/***************************************************************/