/* CSS Document */

 /* Purpose: undo some default styling of common (X)HTML browsers      */ 
  
 /* link underlines tend to make hypertext less readable,  
  * because underlines obscure the shapes of the lower halves of words 
   *********************************************************************/ 
 a:link, a:visited { text-decoration:none; color:#bb8521 } 
 a:active, a:hover {text-decoration:underline; }
  
 /* no list-markers by default (optional)                              */ 
 ul,ol { list-style:none } 
  
 /* Avoid browser default inconsistent font-sizes                      */ 
 h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } 
  
 /* Remove inconsistent (among browsers) default ul,ol padding or margin 
  * the default spacing on headings does not match nor align with normal 
  * interline spacing at all, so let's get rid of it. 
  * Zero out the spacing around pre, form, body, html, p, blockquote as well 
  * form elements are oddly inconsistent, and not quite CSS emulatable. 
  * Nonetheless, strip their margin and padding as well. 
  **********************************************************************/ 
 ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input 
 { margin:0; padding:0 } 
  
 /* remove default borders around linked images                        */ 
 a img,:link img,:visited img { border:none } 
 
 
 
 
 body {background:url(../images/page-bg.jpg) repeat-x #5C5748; text-align:center; margin:10px 0 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#330000;}
 html { height: 100%; margin-bottom: 1px; }	/* force vertical scrollbar  */
 
 h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#330000; font-weight:bold; margin-bottom:10px; }
 p {margin-bottom:8px; }
 
 
 
 
 /*Classes
 ******************************************************************************/
 .clear-both {clear:both; line-height:.01em; overflow:hidden; }
 .footer-text {color:#FDF2BA; }
 .pic-right {margin:0 0 2px 10px; float:right; }
 .pic-right-border {margin:0 0 10px 10px; float:right; border:1px solid #330000; }
 .center {text-align:center; }
 
 
 
 
 
 
/*Layout
***************************************************************************/ 
 #container {background:url(../images/container-bg.jpg) repeat-y; width:760px; margin: auto; padding:0; height:auto;  }
 
 	#header {background:url(../images/header.jpg) no-repeat; width:760px; height:239px;}
	#sprite-nav {background:url(../images/sprite-nav-temp.jpg) no-repeat; width:760px; height:44px; }
	#content {width:700px; margin: 10px 30px 0 30px; text-align:left; height:300px; }
	#bio-content {width:700px; margin: 10px 30px 0 30px; text-align:left; }
	
	#cd {width: 185px; text-align:center; }
	
	#pic-border {text-align:center; }
	#pic-border img {border:1px solid #330000; }
	
	#footer {background:url(../images/footer.gif) no-repeat; width:760px; height:22px; }

/*Sprite Nav
***************************************************************************/


#menu {
	background: url(../images/sprite-nav.jpg) no-repeat left top;   WIDTH: 760px;  POSITION: relative; HEIGHT: 44px
	}
#menu LI A SPAN {
	DISPLAY: none
	}
#menu LI {
	padding: 0; margin:0;  LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0px
	}
#menu LI {
	DISPLAY: block; HEIGHT: 44px
	}
#menu A {
	DISPLAY: block; HEIGHT: 44px
	}
#menu-01 {LEFT: 68px; WIDTH: 38px}
#menu-02 {LEFT: 127px; WIDTH: 27px}
#menu-03 {LEFT: 173px; WIDTH: 40px}
#menu-04 {LEFT: 234px; WIDTH: 46px}
#menu-05 {LEFT: 302px; WIDTH: 52px}
#menu-06 {LEFT: 375px; WIDTH: 47px}
#menu-07 {LEFT: 442px; WIDTH: 102px}
#menu-08 {LEFT: 566px; WIDTH: 44px}
#menu-09 {LEFT: 630px; WIDTH: 59px}

#menu-01 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -68px -44px}
#menu-02 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -127px -44px}
#menu-03 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -173px -44px}
#menu-04 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -234px -44px}
#menu-05 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -302px -44px}
#menu-06 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -375px -44px}
#menu-07 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -442px -44px}
#menu-08 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -566px -44px}
#menu-09 A:hover {BACKGROUND: url(../images/sprite-nav.jpg) no-repeat -630px -44px}


/*CONTACT FORM
-------------------------------------------------*/
input, textarea {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	border: 1px solid #330000;
	background-color: #ffffff;
	margin-bottom:3px; }

.maincontact {
	width: 375px;
}
.box{
	border:1px solid white;
	margin:3px;
	color:#000;
	background:white;
}
h1.white{
	color:#fff;
}
.box input{
	background:#CCCCCC;
	color:#000000;
	border:#666666;
	margin:1px;
	height:auto;
}
.left{
	float:left;
	width:50%;
	text-align:right;
	display:inline-table;

}
.right{
	float:left;
	width:50%;
	text-align:left;
	display:inline-table;
	
}

.imageLinks img,.imageLinks a img{
	padding:10px;
	border-width:0px;
}