/* jonnys site css */

* {
	color:white;
}
body {
	background-color:black;
	background-image:url(../images/back_pattern.png);
	margin:0;
	padding:0;
}
h1 {
	font-weight:normal;
	font-size:22px;
	margin:0;
}
h2 {
	font-weight:normal;
	font-size:17px;
	margin:0
}
p {
	font-size:14px;
	line-height:20px;
}
img {
	border:0;
}
.center {
	text-align:center;
}
.center img {
	display:block;
    margin-left:auto;
    margin-right:auto;
}
div#home_link {
	position:absolute;
	right:0;
	margin-right:10px;
	padding:5px;
	background-color:black;
	font-size:12px;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}
div#home_link a {
	color:white;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	text-decoration:none;
}
div#credits_link {
	position:absolute;
	bottom:0;
	right:0;
	padding:5px;
}
div#credits_link a {
	color:black;
	text-decoration:none;
	font-weight:bold;
}
div#home_link a:hover {
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
	text-decoration:underline;
}
div#content {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-300px;
	width:800px;
	height:600px;
	background-image:url(../images/main-page.jpg);
	background-repeat:no-repeat;
}
div#left_col {
	float:left;
	width:153px;
}
div#main {
	position:absolute;
	width:520px;
	left:150px;
	margin-top:100px;
	height:430px;
	background-color:black;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}
div#body_content {
	position:absolute;
	padding-right:10px;
	z-index:10;
	top:120px;
	width:490px;
	height:400px;
	left:170px;
	overflow:auto;
}
div#body_content_with_buttons {
	position:absolute;
	padding-right:10px;
	z-index:10;
	top:120px;
	width:490px;
	height:360px;
	left:170px;
	overflow:auto;
}
div#front_main {
	float:left;
	width:511px;
	margin-top:100px;
	margin-left:30px; 
}
div#main_with_buttons {
	float:left;
	width:520px;
	margin-top:100px;
	height:430px;
	background-color:black;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}
div#main div {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:20px;
	height:370px;
	position:relative;
	overflow:auto;
}
div#main_with_buttons div {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:20px;
	height:335px;
	position:relative;
	overflow:auto;
}
div#main * {
	color:white;
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
}
#left_col ul {
	margin:0;
	padding:0;
	padding-top:55px;
	list-style-type:none;
}
#left_col ul li {
	margin-top:55px;
	margin-left:10px;
}
#left_col ul a span {
	display:none;
}
div#footer {
	position:absolute;
	z-index:20;
	padding:0;
	margin:0;
	width:480px;
	left:50%;
	top:490px;
	margin-left:-225px;
	overflow:hidden;
}
div#footer span {
	display:none;
}
#subnav {
	position:absolute;
	right:130px;
	top:76px;
}
#subnav ul {
	width:520px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#subnav ul li {
	margin:0;
	paddin:0;
	display:inline;
}
#subnav ul li a {
	float:right;
	text-align:right;
	width:90px;
	padding:4px;
	margin-left:10px;
	text-decoration:none;
	background-color:black;
	font-size:12px;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}
#subnav ul li a:hover {
	text-decoration:underline;
}
div#left_arrow {
	float:left;
	clear:none;
	width:30px;
	height:25px;
	padding:0;
	margin:0;
}
div#right_arrow {
	float:right;
	clear:none;
	width:30px;
	height:25px;
	padding:0;
	margin:0;
}

/* clever footer stuff... */

div#footer div a img {
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}
div#footer div a:hover img {
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
}

/* clever menu stuff... */
div#content ul li a img {
	filter:alpha(opacity=75);
	opacity:0.75;
	-moz-opacity:0.75;
}
div#content ul li a:hover img {
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
}


/* Form stuff */

fieldset {
	width:400px;
	border:1px solid grey;
	margin-top:15px;
}
legend {
	font-weight:bold;
}
textarea.feedback_msg {
	width:98%;
	height:80px;
	border:1px solid grey;
	background-color:#EEEEEE;
}
fieldset#questions label {
	width:auto;
	padding-top:7px;
}
fieldset#msg input {
	width:auto;
}
label,input {
	display:block;
	width:150px;
	float:left;
	margin-bottom:10px;
}
input {
	border:1px solid grey;
	background-color:#EEEEEE;
	color:black;
}
input.button {
	width:auto;
}
textarea {
	color:black;
}
input:hover,textarea:hover,
input:focus,textarea:focus {
	background-color:white;
}
label {
	width:130px;
	clear:left;
}
.req {
	font-weight:bold;
}
p#req {
	width:400px;
}
#question_fields {
	display:none;
}
#question_link,
#address_link {
	font-weight:bold;
	display:block;
	text-align:center;
}
#address_fields {
	display:none;
}
#means_post {
	display:none;
}