/*

Shawn M. Ortis

 */



body

{

	margin: 0;

	padding: 0;

	font-family: georgia, times, serif;

	text-align: center;

	line-height: 1.5em;

	color: #7D7364;

	font-size: x-small;

	/* IE5 Win */

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size: small;

	background-color: #FFF;

	background-image: url(images/patch.jpg);

	background-repeat: repeat;

	background-attachment: fixed;

}



html>body

{

/* be nice to Opera */

	font-size: small;

}





#jukebox {

	postion: absolute;

	margin: -102px 0 0 370px;

	padding: 0;

	



}





/* BASIC TEXT FORMATING ***************** */

a

{

	color: #7D7364;

	text-decoration: none;

}



a:link

{

	color: #7D7364;

	text-decoration: none;

}



a:visited

{

	color: #7D7364;

	text-decoration: none;

}



a:active { color: #133E54; }

a:hover { color: #133E54; }





p {

	padding:0 10px 5px 0;

	margin: 0 0;

	font: normal 12px "Lucida Grande", "Verdana", sans-serif;

    color: #222;

}



h1

{

	color: #2F515D;

	font-size: 18px;

	font-style: normal;

	font-family: Zapfino, georgia, times, serif;

	font-weight: lighter;

	margin: 0px;

	padding: 0px;

}



h2

{

	color: #2F515D;

	font-size: 12px;

	font-style: normal;

	font-family: georgia, times, serif;

	line-height: 12pt;

	font-weight: bold;

	padding: 0px;

	margin: 0px;

}





h3

{

	color: #555;

	font-size: 1.0em;

	font-style: normal;

	font-family: georgia, times, serif;

	line-height: 1.0em;

	font-weight: bold;

	padding: 0px;

	margin: 0px;

}







li

{

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}



ul

{

	margin: 0px;

	padding: 0 0 0 10px;

	_padding: 0 0 0 5px;

	

}









/* HEADER ******************************* */

#wrap

{

	position: relative;

	margin: 0 auto;

	padding: 0 11px;

	font-size: 95%;

	text-align: left;

	width: 772px;

	background: url(images/background.jpg) repeat-y;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 750px;

	background-image: url(images/background.jpg);

	background-repeat: repeat-y;

}

#bottom

{

	position: relative;

	margin: 0 auto;

	padding: 0;
	height: 10px;
	font-size: 95%;

	text-align: left;

	width: 703px;
	background-color: #30505D; 

}


html>body #wrap { width: 750px; }



#sublinks

{

	background-repeat: no-repeat;

	height: 20px;

	font-size: 90%;

	line-height: 1.5em;

	padding: 0;

	margin: 0 35px 6px 35px;

	background: transparent;

	border-bottom: 1px solid #ccc;

}



#logo

{

	background-repeat: no-repeat;

	height: 100px;

	padding: 0 0px 0 -50px;

	margin: 0 0;

	background-image: url(images/header3.jpg);

}



html>body #logo span { top: 17px; }



/* meat ******************************* */



/* Commented Backslash Hack

     hides rule from IE5-Mac \*/



#main-body { clear: left; }



/* End IE5-Mac hack */

#main-body { }



#content

{

	float: left;

	width: 450px;

	_height: 400px;

	margin: 0px;

	padding: 0px 20px 0px 40px;

	clear: left;

}



/* RIGHT SIDE BAR ********************** */

#sidebar

{

	position: relative;

	width:180px;

	

	font: bold 9px "Lucida Grande", "Verdana", sans-serif;

	line-height: 1.5em;

	margin: 0px 0px 0px 490px;

	padding: 10px 40px 0px 15px;

	color: #7D7364;

	border-color: #996;

	border-width: 0px 0px 0px 1px;

	border-style: none;

	border-left: 1px dotted #000;

}



.side { margin: 0px 0px 20px 0px; }



/* FOOTER ******************************* */

#footer

{

	position: relative;

	clear: both;

	margin: 0;

	padding: 8px 35px;

	_padding: 8px 20px;

	font-size: 75%;

	color: #555;

}

















#menu

{

	padding: 20px 0px 0px 0px;

	font-size: small;

}







.date

{

	color: #333;

	padding: 0px 0px 20px 0px;

}



#cd {

		    float: left;

			padding: 5px;

			width: 135px;

			margin-left: 0px;

			margin-right: 0px;

			margin-top: 12px;

			background: transparent;

			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	        font-size:0.9em;

	        line-height:1.2em;

	        color:#000;

	        font-weight: normal;

}



#cdbio {

		    float: left;

			padding: 5px;

			width: 165px;

			margin-left: 0px;

			margin-right: 0px;

			margin-top: 12px;

			background: transparent;

			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	        font-size:0.9em;

	        line-height:1.2em;

	        color:#000;

	        font-weight: normal;

}



#cdtext {

			float: left;

			width: 250px;

			margin: 0;

			margin-right: 0;

			padding: 5px;

			background: transparent;

}	





#nl {

		    float: left;

			padding: 5px;

			width: 180px;

			margin-left: 0px;

			margin-right: 0px;

			margin-top: 12px;

			background: transparent;

			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	        font-size:0.9em;

	        line-height:1.2em;

	        color:#000;

	        font-weight: normal;

}



#nltext {

			float: left;

			width: 250px;

			margin: 0;

			margin-right: 0;

			padding: 5px;

			background: transparent;

}	







#bioext {

			float: left;

			width: 250px;

			margin: 0;

			margin-right: 0;

			padding: 5px;

			background: transparent;

}	



/*Shadow --------------------------*/



div.img-ilus {

	background: url(images/shadow.gif) no-repeat bottom right;

	margin: 10px 5px;

	padding: 0;

	position: relative;

}



div.img-ilus img {

	background-color: #FAFAF0;

	border: 1px solid #a9a9a9;

	margin: -5px 5px 5px -5px;

	padding: 4px;

	position: relative;

	vertical-align: bottom;

}









#header {

      float:left;

	  padding: 0 0;

	  margin: 0 0 5px 26px;

	  _margin: 0 0 5px 13px;

      width:700px;

      background:transparent url("bg.png") repeat-x bottom;

      font-size:10px;

      line-height:normal;

      }

    #header ul {

      margin:0;

      padding:10px 10px 0;

      list-style:none;

      }

    #header li {

      float:left;

      background:url("left.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 9px;

      }

    #header a {

      float:left;

      display:block;

      background:url("right.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

      text-decoration:none;

      font-weight:bold;

      color:#765;

      }

    /* Commented Backslash Hack

       hides rule from IE5-Mac \*/

    #header a {float:none;}

    /* End IE5-Mac hack */

    #header a:hover {

      color:#333;

      }

    #header #current {

      background-image:url("left_on.gif");

      border-width:0;

      }

    #header #current a {

      background-image:url("right_on.gif");

      color:#333;

      padding-bottom:5px;

      }



