/* ----- body background color universal change ----- */
body {
	background-color: #002d45;	
}

/* ----- Header-Nav-Content-Footer container ----- */

#wrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 500px; /* For Modern Browsers */
	width: 800px;
	position: relative;
	background-color: #f0e8e5;
}

/* ----- content-footer container ----- */

#container {
	position: relative;
	margin-left: 138px;
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(images/rickenbacker_screen.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

/* ----- Navigation styles ----- */

#navLeft {
	background-image: url(images/bkgd_nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-right: 9px solid #a1634a;
	padding: 10px;
	float: left;
	display: inline;
	width: 109px;
	height: 335px; /* For Modern Browsers */
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	margin:0;
}

/*(looks like we probably don't need these hacks, this may have been an IE 5 issue, 6 & 7 test ok without)*/
/* ----- IE 6 ONLY ----- 
* html #navLeft {
	width: 138px;
	w\idth: 109px;
}*/

/* ----- IE 7 ONLY ----- 
*:first-child+html #navLeft {
	width: 109px;
}*/

#navLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navLeft ul li {
	position: relative;
	z-index: 99;
}

* html #navLeft ul li  {
	float: left; height: 1%;
}

* html #navLeft ul li a {
	height: 1%;
}

#navLeft li ul {
	display: none;
	text-align: left;
	position: absolute;
	left: 109px;
	top: 0px;
	background: #a1634a;
	/*padding: 5px;*/
}

#navLeft li:hover ul, #navLeft li.over ul {
	display: block;
}

#navLeft ul a {
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding: 4px;
	width: 102px;
}

#navLeft ul a:hover {
	color: #FFFFFF;
	background-color: #002d45;
}

#navLeft li ul a {
	width: 100px;
	color: #ffffff;
	font-weight:normal;
}

#navLeft li ul a:hover {
	font-weight:normal;
}

/* ----- Header styles ----- */

#header {
	background-image: url(images/bkgd_header.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #a1634a;
	font-size: 20px;
	color: #a1634a;
	font-weight: bold;
	height: 141px;
	position: relative;
}

/* ----- Footer styles ----- */

#footer {
	font-size: 9px;
	color: #000000;
	background-image: url(images/bkgd_footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 10px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #a1634a;
}

/* ----- Content styles ----- */

#content {
	font-size: 12px;
	color: #000000;
	padding: 10px;
	padding-bottom: 10px;
	height: 300px; /* For Modern Browsers */
	text-align: left;
	overflow: auto;
}

* html #content { /* hack for ie 6*/ 
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(images/rickenbacker_screen.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#content h1 {
	font-size: 14px;
	font-weight: bold;
	color: #a1634a;
}

#content h2 {
	font-size: 12px;
	font-weight: bold;
	color: #a1634a;
}

#content h6 {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #002d45;
	text-decoration: none;
}

#content a:hover {
	color: #FFFFFF;
	background-color: #002D45;
}

#content a:active {
	background-color: #006DA7;
}

#content ul li {
	list-style-type: none;
	margin-left: -2em;
	margin-bottom: .5em;
	padding-left: 1em;
	text-indent: -1.2em;
}	

/* ----- drop shadow styles ----- */

.sh_top {
	background-image: url(images/shadow-top.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.sh_right {
	background-image: url(images/shadow-right.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.sh_bottom {
	background-image: url(images/shadow-bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.sh_left {
	background-image: url(images/shadow-left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
