/*  ******************************************  

********  THEME NAME: "The Deprogrammer"
********  Description: Metallic

********  
********  Author: David VanThournout
********  Author URI: http://www.oneskygate.net/
********  
********  The CSS, XHTML and design unless otherwize stated is released under Creative Commons              license  Attribution 3.0  United States:http://creativecommons.org/licenses/by/3.0/us/
********  
********  You can tweak this css all you like. It would be great if you would publish under a    

           creative commons license.

********  There are probably more handles in the xhtml than I need. But that's better            

          than not having enough!
***********************************************

*/

html { 
  padding:0px;
  margin:0px;
}

body {
	background:  url('../images/bgsqueeze2.jpg') repeat-y bottom center;
	background-color:#B6C3D0;
   	font-size: 67.5%;
  	font-family: Verdana, Arial, Georgia, Sans-Serif;
  	color:#000000;  
  	text-align:center;
	margin:0px;
	padding:0px;
}

p {
	font-size: 1.0em;
	color: #000000;
	margin:10px 0px 10px 5px;

}

p.c1 { 
	font-size: 1.0em; 
	margin-top: 3px; 
    margin-left: 3px;
    margin-right:5px;
	text-align: left;
}

p.c2 { 
	font-size: 1.0em; 
    color: #ffffff;
	margin-top: 3px; 
    margin-left: 5px;
    margin-right:5px;
	text-align: left;
	background-color:transparent;
}

h1 {
	font-size:1.4em;
	padding:10px 0px 0px 5px;
	text-transform:uppercase;
	color: #0C8792;
	background-color: transparent;
}

h2 {
	font-size:1.2em;
	padding-left:10px;
	padding-top:5px;
	color: #000000;
	background-color: transparent;
}

h3 {
	font-size:1.1em;
	padding-left:10px;
	padding-top:5px;
	color: #ffffff;
	background-color: #4FC135;
}

a { 
	color: #012BFF;
	font-size: 1.0em;
	text-decoration: none; 
	background-color:transparent;
}

a:visited {
	text-decoration: line-through;
}

a:hover, a:active { 
	text-decoration: none; 
	color: #ff0000;
}
	
a.left { 
	color: #012BFF;
	font-size: 1.0em;
	text-decoration: none; 
	background-color: #D8D8D8;
	display: block;
	width: 123px;
	height: 25px;
	line-height: 1.15;
}

a.left:visited {
	text-decoration: line-through;
}

a.left:hover, a.left:active { 
	text-decoration: none; 
	color: #ff0000;
	background-color:#F2EAC4;
}

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11.5em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.50em;
		margin-bottom : -1px;
		width: 11.5em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.55em;
		margin-top : -1.60em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 11.5em;
		w\idth : 10.5em;
		display : block;
		color : white;
		font-weight : bold;
		text-decoration : none;
background: url('../images/y2link.jpg') repeat-x top center;
		background-color : #9A9A9A;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : #000000;
background: url('../images/nightlinkbk.jpg') repeat-x top center;
		background-color : white;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


#nav li:hover, #nav li.hover {
    position: static;
}

pre { 
	color: #564b47;
	font-size: 11px;
	background-color:transparent;
	font-family: Courier, Monaco, Monospace;
}

#box {
	background-color:transparent;
	width:724px;
	height: auto;
	margin: 0px auto;
	padding:0px;
	text-align:left;
}

#header {
	background: url('../images/deprologoblue2.jpg') no-repeat top 	center;
	background-color:#000000;
	margin: 0px 0px 0px 0px;
	width: 724px;
	height: 80px;
}

#header h1 {
	font-size: 11px;
	text-transform:uppercase;
	text-align: right;
	color: #564b47;
	background-color: #90897a;
	padding:3px 0px;
	margin:0px
}


#header p {
	padding:10px;
	margin:0px;
}

#subhead {
	width: 725px;
	height: 22px;
}

#links {
	background: url('') ;
	width:133px;
	height: auto;
	padding:0px 0px 0px 4px;
	float:left;
	background-color:transparent;
}

#center {
	background: url('') no-repeat top center;
	width:380px;
	height: auto;
	padding: 0px 10px 0px 20px;
	margin-top: 5px;
	float:left;
	background-color:transparent;
}

#right {
	width:143px;
	height: auto;
	padding: 5px 0px 0px 22px;
	float:left;
	background-color:transparent;
}

#menu {
    width: 725px; height: 22px;
    background: url(../images/deprotopbar.jpg);
    margin: 0px auto; padding: 0;
    position: relative;
}
  
#menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
  
#menu li, #menu a {
    height: 24px; display: block;
}

#panel1b {left: 0; width: 68px;}
  
#panel2b {left: 68px; width: 148px;}
  
#panel3b {left: 216px; width: 189px;}
  
#panel4b {left: 405px; width: 180px;}
  
#panel5b {left: 585px; width: 140px;}

#panel1b a:hover {
    background: transparent url(../images/deprotopbar.jpg) -0 -24px no-repeat;
}

  #panel2b a:hover {

    background: transparent url(../images/deprotopbar.jpg)

    -68px -24px no-repeat;}

  #panel3b a:hover {

    background: transparent url(../images/deprotopbar.jpg)

    -216px -24px no-repeat;}

  #panel4b a:hover {

    background: transparent url(../images/deprotopbar.jpg)

    -405px -24px no-repeat;}

 #panel5b a:hover {

    background: transparent url(../images/deprotopbar.jpg)

    -585px -24px no-repeat;}

 

#footer  {
	width: 723px;
	height: 60px;
	clear: both;
	margin-left: 0px;
	background-color: transparent;
	border-bottom: 1px solid #C0C0C0;
}