body {
font:0.8em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#aaa;
background:url(../images/header2.gif) top repeat-x #333;
margin:0;
}

.clear {
clear:both;
}

#header {
height:79px;
vertical-align:text-bottom;
padding-left:10px;
margin-bottom:10px;
margin-top:5px;
}

#sidebar {
width:175px;
float:right;
background:#333;
padding:10px;
border-left:2px solid #000000;
border-bottom:2px solid #000000;
}

#sidebar a {
color:#fff;
}

#sidebar a:hover {
text-decoration:none;
border:none;
}

#sidebar h2 {
margin:10px 0px 10px 0px;
font-size:1.2em;
color:#fff;
}

#sidebar input {
background:#CCCCCC;
color:#000000;
border:1px solid #000000;
margin:2px;
width:100%;
}

#sidebar table {
width:100%;
white-space:nowrap;
}

#content {
background:transparent url(../images/content.jpg) scroll right 0px no-repeat;
margin:0 195px 0 0;
padding:20px;
line-height:1.5em;
font-size:1.2em;
}

hr {
height:2px;
color:#000000;
background-color:#000000;
border:0px;
}

abbr {border:none;}

#content h1, #content h2, #content h3 {
color:#FFFFFF;
margin:15px 30px;
}

#content p, #content blockquote, #content ul {
	margin:15px 30px;
}

#content h2 {
font:1.4em Arial;
color:#fff;
background:url(../images/content_h2.gif) left no-repeat;
margin:15px 20px 15px 0;
padding:0 0 0 19px;
}

#content h2 select {
	background-color:#333333;
	font-size:1em;
	color:#fff;
	border:none;
}

#content h3 {
font:1.2em Trebuchet MS;
color:#fff;
}

#content strong {
color:#CF190B;
background:#222;
padding:1px 4px 3px;
}

#content fieldset {
border:2px solid #000000;
background-color:#333333;
color:#CCCCCC;
margin-bottom:10px;
}

#content fieldset input, #content fieldset select {
border:1px solid #FFFFFF;
background-color:#CCCCCC;
color:#000000;
}

#content fieldset legend {
padding:0px 10px;
border:2px solid #000000;
background-color:#CC0000;
color:#FFFFFF;
}

p.credit {
font-style:italic;
font-size:0.8em;
text-align:right;
}

a {
color:#fff;
font-weight:normal;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

blockquote {
text-align:justify;
background-color:#2F2F2F;
padding:10px 0px;
}

#content ul li {
	list-style-image:url(../images/bullet.gif);
}

p.user {
border-bottom:1px solid #2a2a2a;
background:#303030;
}

#content p img {
background:#101010;
border:3px solid #303030;
padding:1px;
}

#content img.email {
border:none;
position:relative;
top:7px;
padding:0px;
}

#footer {
background-color:#222222;
padding:10px 30px;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
}

#footer a {
color:#ccc;
}

ul#nav li a:hover,ul#nav li a.active {
background:url(../images/nav_a_hover.gif) top no-repeat #121212;
color:#fff;
}

div.left {float:left;}
div.right {float:right;}
div.center {text-align:center;}

/* error/success messages */
div.bad  {background-color:#FF9999; border:1px solid #990000; color:#990000; font-weight:bold; text-align:center; padding:2px; margin-bottom:10px;}
div.good {background-color:#66CC99; border:1px solid #006600; color:#006600; font-weight:bold; text-align:center; padding:2px; margin-bottom:10px;}

/* message box styles */
.jqifade{
	background-color: #CCCCCC;
}
div.jqi{
	position: absolute;
	background-color: #A32929;
	padding: 10px;
	width: 650px;
}
div.jqi .jqicontainer{
	background-color: #000000;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #333333;
	padding: 10px;
	font-size:2em;
}
div.jqi .jqibuttons{
	text-align: center;
	background-color: #333333;
	padding:10px;
}
div.jqi button{
	margin:2px;
	padding:2px;
	background-color:#999999;
	color:#000000;
	font-weight:bold;
	border:1px solid #000000; 
}

table.directory {
	font-size:0.9em;
} table.directory td {
	padding-left:2px;
	margin:0px;
} table.directory th {
	padding:0px;
	margin:0px;
	text-align:right;
	font-weight:normal;
} #content table.directory td img.email {
	position:relative;
	top:5px;
}

#roster a {
	color:#000000;
	font-weight:normal;
} #roster {
	color:#000000;
} #content #roster th {
	text-align:left;
}

#content table.form_align th {
	text-align:right;
}
#content table.form_align td {
	text-align:left;
}

table.mysql {
	/*float:left;*/
	margin:5px;
	width:250px;
	border:2px solid #000000;
}table.mysql th {
	text-transform:capitalize;
	text-align:left;
}table.mysql th.header {
	text-align:center;
	background-color:#000000;
}table.mysql td {
	text-align:left;
	padding-left:5px;
}