/* general stuff */


body{
margin:0;
padding:0;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#333333;
color:#ffffff;
}

a{
color:#ffffff;
text-decoration:underline;
}

a:hover, a:active, a:focus{
color:#99ccff;
text-decoration:underline;
}



h1{font-size:24px; color:#FFFFFF; font-weight:normal;}
h2{font-size:20px; color:#FFFFFF; font-weight:normal;}
h3{font-size:18px; color:#FFFFFF; font-weight:normal;}
h4{font-size:16px; color:#FFFFFF; font-weight:normal;}
h5{font-size:14px; color:#FFFFFF; font-weight:normal;}
h6{font-size:12px; color:#FFFFFF; font-weight:normal;}

hr
{  background: url(http://dhtmldev.com/images/articles/CSS_Style_for_HR_with_a_Background_Image/line.gif) no-repeat top center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/articles/CSS_Style_for_HR_with_a_Background_Image/line.gif');
  width: 1px;
  height: 1px;
  border: 0;
}
* > hr
{  width: 100%;
  height: 10px;
 
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 22px;
	color: #CC0000;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 22px;
	color: #990000;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 22px;
	color: #D79546;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	border-bottom: 1px dotted;
	background: #F2F2F2;
	font-weight: bold;
}


/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 11px/normal Tahoma, Arial, sans-serif;
	color: #5A5A5A;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

.button {
	color: #5A5A5A;
}

html>body .button {
	padding: 0 5px;
	color: #5A5A5A;
}

.inputbox {
	border: 1px solid #D8D9DB;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #C0C0C0;
}

 
/* Layout */
#container{
width:990px;
margin-left:auto;
margin-right:auto;
border-left:1px solid #999999;
border-right:1px solid #999999;
}

#header{
width:990px;
height:106px;
background:url(../images/php-header.gif) no-repeat;
}

#nav {

height:23px;
padding:0;
text-align:center;
background:url(../images/nav-background.gif) repeat-x;

}

#nav ul {
float:left;
list-style:none;
padding:0;
margin:0;
position:relative;
left:50%;
}

#nav ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background:url(../images/nav/nav-left-off.jpg) no-repeat left top;
float:left;
text-transform:uppercase;
padding:0px 0px 0px 8px;
height:23px;
margin:0px;
position:relative;
right:50%;
font-weight:bold;
}

#nav ul li a {
display:block;
background:url(../images/nav/nav-right-off.jpg) no-repeat right top;
padding:5px 15px 6px 7px;
text-decoration:none;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#nav ul li a {
display:block;
background:url(../images/nav/nav-right-off.jpg) no-repeat right top;
padding:6px 15px 6px 7px;
text-decoration:none;
}
/* Safari 3.0 and Opera 9 rules here */
}

#nav ul li:hover {
background:url(../images/nav/nav-left-over.jpg) no-repeat;
}

#nav ul li:hover a {
background:url(../images/nav/nav-right-over.jpg) no-repeat right top;
color:#ffffff;
}

#nav ul li#current {
background:url(../images/nav/nav-left-on.jpg) no-repeat left top;
}

#nav ul li#current a {
background:url(../images/nav/nav-right-on.jpg) no-repeat right top;
}

#main {
width:990px;

background-color:#434343;
overflow:auto;
}

#left_column {
width:630px;
float:left;
padding:15px;
}

#right_column {
width:300px;
float:left;
padding:15px;
}

#footer {
width:990px;
padding:10px 0px;
background-color:#525252;
font-size:9px;
}

#footer a {
font-size:9px;
font-weight:bold;
}