/* Stylesheet for Elwood's Body Modification

Colors -  Dark Grey = #5A5B54 Grey=#B3B3B3 Link color= # Off-white =#F7F6F5
*/


/*** TAGS ***/
body {
	background-color: #5A5B54;
	margin			: 0 0 0 0;
	}


h1 { color: #666666; 
       font-family 	: Verdana, Arial, Helvetica, sans-serif;
       font-size: 9pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 0;
       text-align: center;
       margin : 0 ;
}


h2 { color: #993300; 
       font-family 	: Verdana, Arial, Helvetica, sans-serif;
       font-size: 9pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 0;
       text-align: center;
       margin : 0 ;
}

h3 { color: #35227B; 
       font-size: 10pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 0;
       text-align: left;
       margin :0;
}

h6 { color: #cccccc; 
       font-family 	: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 0;
       text-align: center;
       margin :0;
}



.hrSolid{ margin:0; padding:0; color:#B3B3B3; width:100%;

}

/*** CLASSES ***/
/* move me closer*/
.close{
	margin-top		: 0;
}

.caption { font-size: 10pt;
font-weight: bold;

}

.list li {padding:1em 0;

}

/* the containing table - all information is here */
.page{
	margin:0 auto;

	padding:0;
}

.maintable {
	/*background-color :#F7F6F5;
	color : #666666;*/
	background-color:transparent;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	margin:0 2px;
	padding:0;
	width:1000px;

}

.sidebar { background-color: #5A5B54; 
margin:0;
padding:0;
 /*border: 0 0 0 1px solid #333366;*/
}

.fix { margin:0 -2pt;
padding:0
}
.center{
	text-align: center;
}
.headerbarHP {
	background: url(images/topBarHP.gif) no-repeat center #5A5B54;
	background-position: center;
	height:114px;
	text-align: center;
}

.headerbar {
	background: white url(images/topBar.gif) no-repeat center;
	background-position: center;
	text-align: center;
	height:114px;
}

.topbar {/*background-image:url(images/topBarBG.gif)no-repeat;*/
background-color: black;
background-position: center;
border: 0;
}

.pageBG{
background: #F7F6F5 url(images/FrameMiddle.gif) repeat ;
padding: 0px  10px 10px 10px;
/*width:730px;*/
margin:0;
}

.frameLeftBG{
background: #F7F6F5 url(images/FrameLeft.gif) repeat-y left top;
padding: 0;
width:12px;
vertical-align:top;
margin:0;

}


.frameRightBG{
background: #F7F6F5 url(images/FrameRight.gif) repeat-y right top;
width:12px;
vertical-align:top;
padding: 0;
margin:0;


}

/* the main display area*/
#innertable{
	border:1px solid #CCCCCC;
	width:98%;
	height:380px;
	overflow:visible;
	background-color:transparent;
	
}

#innertable td{
	vertical-align:top;
	background-color:transparent;
}

.pagetable {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
color: #666666;
padding: 0px;
margin:0 20px 0 20px;
padding:0 0px 0 0px;
width:95%;
background-color:transparent;
}

.pagetable a { 
font-size: 10pt;
font-weight: bold;
text-decoration : none;
}

.pagetable a:link { color: #993300 ;
}

.pagetable a:visited{ color: #993300 ;
}
.pagetable a:hover{ color: #cccccc;
}

#phototable {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
color: #666666;
padding: 0px;
margin: 0 0 0 0px;
width:25%;
background-color:transparent;
}

.displaytable {background-color:transparent;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
color: #666666;
/*margin: 0px 0 0 0;
padding: 0px 0px 0 0px;*/
border:0;
}

.displaytable a { 
font-size: 10pt;
font-weight: bold;
text-decoration : none;

}

.displaytable a:link { color: #993300 ;
}

.displaytable a:visited{ color: #993300 ;
}
.displaytable a:hover{ color: #cccccc;
}



.photo img{ border: 1px solid #B3B3B3;
margin: 3px; 
padding: 0px; 
}


.noborder{ border: none;
}

.closer {
	margin-top 		: -2pt;
	margin-bottom	: 0;
}

/*bottom bar display*/

.bottombarHP {background:url(images/bottomBarHP.gif) no-repeat;
      /*background-color: black;*/
      background-position: center;
      font-size: 8pt; 
      font-weight: normal;
      color:  #333333;
      text-align: center;
      height: 40px;
 }
 
.bottombar {background:url(images/bottomBar.gif) no-repeat;
      /*background-color: red;*/
      background-position: center;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 8pt;
      text-align: center;
      font-size: 8pt; 
      font-weight: normal;
      color: white;
}


.bottombar {
	/*color 		: #339999;*/
	text-decoration : none;
	font-weight		: normal;
}

.bottombar a:link{ 
	/*background-color : gray;*/
    color			: #F7F6F5; 
  }
  
.bottombar a:visited { 
	/*background-color : gray;*/
    color			: #F7F6F5; 
  }

.bottombar a:hover{
	/*background-color : #FF9900;*/
	color 			: #cccccc;
}

.bottombar a:active{  /*339999*/
	/*background-color : black;*/
      color			: gray;
 		
	}


/* Top Bar Menu tag styles   */

.menuwrapper{
	text-align:center;
	margin: 84px 0 0 0;
	padding: 0;

}
.menuinnerwrapper{
	/*width:724px;*/
	text-align:center;
	margin:0 ;
	padding: 0;

}
#content{
	margin:0;
	padding:0;
	border:0px  solid white;
	background-color: #F7F6F5;
	color:black;
}

#content td, #content tr {
	margin:0;
	padding:0;
	background-color:transparent;
}

/*#pagetable td {
	margin:0;
	padding:0 20px 0 20px;
	background-color:transparent;
}*/

.pageTitle {
	margin:0 0 0 10px;
	padding:0px;
	/*border: 1px solid red;*/
}




#menu {font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight: bold;
margin: 0 ;
padding: 0;

display:inline;
text-align:center;
}

#menu dl{
	margin:0;
	padding: 0;
	display:inline;
}

#menu dt{
	cursor: pointer;
	line-height: normal;
	margin:0 2px;
	text-align: center;
	color: white;
	font-size: 	9pt;
	font-weight: bold;
	display:inline;
}

#menu dt a{
	color: #B3B3B3;
	font-size: 	9pt;
	font-weight: bold;
	text-decoration: none;
}

#menu dt a:hover {
text-decoration: none;
color: white;
}

.HPphoto{
background:url(images/HPphoto.jpg) no-repeat #5A5B54;
background-color: #5A5B54;
background-position: center;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16pt;
font-weight: bold;
font-style: italic;
}


/*To remove border on photos place in td of photo*/

#white img{ border: none;
}



.Stripe{
	background:url(images/stripe.gif) repeat-X top center;
	margin:0;
	padding:0;
}

.TopStripe{
	/*background: #F7F6F5 url(images/TopStripe.gif) repeat-X top left;*/
	margin:0;
	padding:0;	
	height:26px;

}