@charset "utf-8";
/* CSS Document */
#bottom_header{margin:auto; width:50%;color:#ffffff;margin-top:10px;}
/* quote page*/
#quote_form
{
width: 700px;
margin-left:20px;
}
.clearing{clear:both;}
* {margin:0; padding:0;}
html {height: 100%; margin-bottom: 1px; }
body {
background:#000000;
font-family:Arial, Helvetica, sans-serif;
color:#cccccc; 
}
.underline{text-decoration:underline;}
a#logoff_link
{
font-weight:bold;
color: #00FF00;
}
a#mailto
{
font-weight:bold;
color: #cccccc;
text-decoration:none;
}
a#mailto:hover
{
font-weight:bold;
color: #00ff00;
}
#upload_field
{
	margin-left:5px!important;
	margin-bottom:10px;
}
#edit_heading
{
background:url(../images/header2.gif) no-repeat;
display:block;
min-height:300px;
width: 900px;
margin: 0 0 0 0;
padding-bottom: 0px;
float:left;
position:relative;
}
#edit_heading h1{color:#FFFFFF;margin-top:155px; margin-left:20px; font-size:40px;background:url(../images/background.png) repeat; width:393px;}
h1{color:#FFFFFF;margin-top:0px; margin-bottom:5px;margin-left:20px; font-size:24px;background:url(../images/SFDSlogo.jpg) no-repeat; width:220px; height:220px;}
#edit_heading #nav li a {
line-height:50px;
font-weight:bold;
color:#ffffff;
/*width: 145px;*/
height: 50px;
display:inline;
text-decoration: none;
margin:0px 5px;
/*padding-left:5px;
padding-top: 5px;*/
}
.form_row{ margin: 10px 0;}
.form_row .submit_button{ margin-left: 200px!important;}
.form_row input{ border: 1px solid #cccccc;}
input.submit_button{width: 80px!important; border: 1px solid #9999CC; background:#999999; margin-left:5px!important;margin-bottom:0px!important; }
.submit_button:hover{background:#ffffff; }
#display_header
{
	margin-top:10px;
	margin-left:20px;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
}

/* container divs */
#container {
border:0px solid #ffffff;
overflow:hidden;
height: 100%;
position:relative;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom:50px;
width: 900px;
min-height:700px;
}


#right{float:left;width:100%;border:0px solid red; min-height:600px; margin-left:auto; margin-right:auto; padding-top:20px;}

#heading {
background:url(../images/subway.jpg) no-repeat;
display:block;
min-height:300px;
width: 900px;
margin: 0 0 0 0;
padding-bottom: 0px;
float:left;
position:relative;

}
#footer{float:left;border:0px solid yellow; width:100%;}
.portfolio_div
{
	width:300px;
	float:left;
	padding-left:100px;
	margin-bottom:10px;
	/*padding-right:75px;*/
	/*margin-right:5px;*/
}
.portfolio_div p{ font-size:24px; font-weight:bold;}
#thumbnails{
border:0px solid #ffffff;
float: left;
width:850px;
margin-top:0px;
margin-left:20px;
/*
margin-left:auto;
margin-right:auto;*/
}
#thumbnails a img
{
float:left;

border: 0px solid #00FF00;
}
#thumbnails p
{
font-size:24px;
font-weight:bold;
color:#ffffff;
margin-left:5px;
}
#nav_div
{
	border:1px solid #ffffff;
	background:url(../images/background.png) repeat;
	width: 855px;
	height: 50px;
	margin:0px 0 0 20px;
}
.drop_in_div
{
	margin-left:20px;
	width:300px;
	padding:10px;
	background:url(../images/background.png) repeat;
	border:4px solid #ffffff;
}
#bio
{
	
}

#nav{
height:50px;
/*width:600px;*/
}
#nav li{display:inline;height:50px; margin:auto; vertical-align:middle;}
#nav a:link,a:visited{ /*color:#00CC33;*/ text-decoration:none; /*display:block;*/}
#nav a:hover,a:active{ /*color:#00CC33;*/ text-decoration:none;}
a img{border:none;}
#nav li a {
line-height:50px;
font-weight:bold;
color:#ffffff;
/*width: 145px;*/
height: 50px;
display:inline;
text-decoration: none;
margin:0px 20px;
/*padding-left:5px;
padding-top: 5px;*/
}
#nav li  a:visited a:active {color:#00CC33;}
#nav li a:hover {
/*font-size:14px;*/
height: 50px;
/*width: 143px;*/
color:#00ff00;

display: inline; 
border-top:#000000 0px solid;
border-bottom:#000000 0px solid;
border-left:#000000 0px solid;
border-right:#000000 solid 0px;
/*padding-left:5px;
padding-top: 5px;*/

}
#upload_form{
text-decoration: none !important;
color:#000000 !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:12px !important;}
fieldset{
padding: 20px;
}
#right_edit {
margin-left:auto;
margin-right:auto;
width:100%;
margin-top:20px;
font-size:12px;
padding: 20px 20px 0 20px;
float:left;
position:relative;
height: 100%;
min-height: 600px;
color:#ffffff;
}
#right_edit form{ display:block;}
#right_edit form input{  width: 300px; margin-left: 200px; border:#cccccc 1px solid; padding: 1px 02px; margin-bottom: 5px;}
#right_edit form textarea{ width: 300px; margin-left: 200px; height:200px;border:#cccccc 1px solid; padding: 1px 2px;}
label  {position: absolute; text-align:left; width:130px; color:#FFFFFF;}
#right_edit form select{  width: 250px; margin-left: 200px; border:#cccccc 1px solid; padding: 1px 2px;}

form{ display:block;}
form input{  width: 300px; margin-left: 200px; border:#cccccc 1px solid; padding: 1px 02px;}
form textarea{ width: 300px; margin-left: 200px; height:200px;border:#cccccc 1px solid; padding: 1px 2px; margin-bottom:10px;}
form select{  width: 100px; margin-left: 200px; border:#cccccc 1px solid; padding: 1px 2px;}
#submit{width:100px;margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
/* links */
#thumbnails a { padding:5px!important; height: 100px; float:left; display:block;}
#thumbnails a:hover { background:#FFFF00!important;}
/* images */
#pageImage
{
float:right;
margin-right: 50px;
}