@charset "utf-8";
/* CSS Document */

@import url("scrollHeader.css");
@import url("modules.css");
@import url("re-modules.css");
@import url("re-modules2.css");
@import url("brat.css");

html {
	background:url(img/page_bg.gif) repeat #50505a;
	background-attachment:fixed;
}
div.star {
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
}
*, td, p, ul, li, div {
	margin:0;
	padding:0;
	border:0;
	font-size:1em;
}
ul {
	padding:0em;
}
li {
	margin-left:35px;
	list-style:square;
}
p {
	padding:0.6em 0 0.6em 0;
}
p a, li a {
	color:#f8a044; /* med orange */
	color:#f18217; /* dark orange */
	color: #bbe300; /* green */
	color:white;
	color:#dd3300;
	color:#d2fa9c; /* yellow-green */
	color:#a5d4e0; /* turquoise */
	color:#ffffcc;
	color:#ff3300; /* red-orange */
	color:#a5d4e0; /* turq */
	color:#5a8284;
	color:#e9ffb6; /* pale green */
	color:#fff9d3; /* light vanilla */
	font-size:1.0em;
}
p a:hover {
	color:white;
}
body {
	margin:0px 0px;
	min-width:775px;
	font-size:62.5%;
	height:100%;
	background-repeat:repeat-y;
	background-image:url(img/mod_orange_cropped.jpg);
	background-image:url(img/grasscloth.jpg);
	background-position:left top;
}
.clearFloat {
	clear: left;
	display: block;
}
.green {
	color:#bbe300;
}
.turq {
	color:#a5d4e0; /* turq */
}
.yellow-green {
	color:#d2fa9c;
}
.red-orange {
	color:#ff3300; /* red-orange */
}
.lt_turq {
	color:#a9d9df; /* light turquoise */
}
.lt_orange {
	color:#ffcf62; /* light orange */
}
.lt_gray {
	color:#d0d0d0; /* light gray */
	font:small-caps bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
.pink {
	color:#ffdddd; /* pink */
	font:small-caps bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
.lt_pink {
	color:#ffd0cd;
	font:small-caps bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
.lt_vanilla {
	color:#fff9d3;
	font:small-caps bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
.pale_green {
	color:#e9ffb6; /* pale green */
}
a {
	text-decoration:none;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
img {
	display:inherit;
}

/***************** Z-Index: 1 ********************/

/***************** Z-Index: 2 ********************/

#menu_div {
	position:relative;
	width:100%;
	height:2.4em;
	z-index:2;
}

#menu_div * {
	margin: 0px;
	z-index:2;
}

		/* Visible only to IE */

			* html .grad_dn {
			  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/grd_black_dn.png', sizingMethod='scale');
			  z-index:22;
			}
			* html .grad_dn img {
			  display: none;
			}
			* html .grad_up {
			  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/grd_black_up.png', sizingMethod='scale');
			}
			* html .grad_up img {
			  display: none;
			}
			* html #menu_div {
				position:static;
			}
		/* end Visible only to IE */

/* end menu div */

/* ul menu */
ul.menu {
	list-style:none;
	position: relative;
	/* padding-right:36px; alter this to move whole menu over */
	z-index:3;
	float:right;
	height:1em;
	padding:0;
}
ul.menu li {
	height:2.4em;
	float:left;
	padding:0px 30px 0px 17px;
	position:relative;
	list-style:none;
	background:url("img/button_bg.gif") no-repeat left top;
}
ul.menu a {
	display:block;
	position:relative;
	padding:2px 3px 0px 0px;
	color: #bbe300; /* green */
	color:#d0d0d0;
	color:#f18217; /* dark orange */
	color:#f8a044; /* med orange */
	color:#a5d4e0; /* turquoise */
	color:#dbffa7; /* light green-yellow */
	color:#ffcf62; /* light orange */
	color:#a9d9df; /* light turquoise */
	color:#d2fa9c; /* green-yellow */
	color:#fff1ae; /* vanilla */
	color:#fff9d3; /* light vanilla */
	color:#a5d4e0; /* turquoise */
	font:small-caps bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
}
ul.menu a:hover {
	color:#fff1ae; /* vanilla */
	color:#fefaa2; /* light yellow */
	color:#fff9d3; /* light vanilla */
	color:#d2fa9c; /* yellow-green */
	color:#ffffff;
}
ul.menu #current {
	background:url("img/button_bg_current.gif") no-repeat left top;
	background:url("img/button_bg.gif") no-repeat left top;
}
ul.menu #current a {
	color:#bbe300; /* green */
	color:#e0ff3b; /* light green */
	color:#a9d9df; /* light turquoise */
	color:#fff1ae; /* vanilla */
	color:#fff9d3; /* light vanilla */
	color:#fff9f6; /*off-white */
	color:#d0d0d0; /* light gray */
	color:#ffdddd; /* pink */
	color:#ffcf62; /* light orange */
	color:#fff9d3; /* light vanilla */
	color:#a5d4e0; /* turquoise */
	font-size:1.4em;
	padding-top:0px;
	letter-spacing:1px;
}
ul.menu #current a:hover {
}

/* end ul menu */


/*subheading */

#subheading {
	position:relative;
	width:100%;
	height:1.7em;
	text-align:right;
	padding:4px 0px 0px 0px;
	z-index:3;
	display:block;
}
#subheading .subheading_text {
	padding:0 13px 0 112px;
	position:relative;
	color:#fff9d3; /* light vanilla */
	color:#d0d0d0; /* light gray */
	font:small-caps bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#msg {
	position:relative;
	width:100%;
	height:1.7em;
	text-align:center;
	padding:2px 0px 4px 0px;
	z-index:3;
	display:block;
	font:small-caps bold 1.6em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#fff9f6; /*off-white */
	color:#fff1ae; /* vanilla */
	color:#a9d9df; /* light turquoise */
	color:#ffdddd; /* pink */
}

/* end subheading */

#main_wrapper {
	display:block;
	margin:0 11px 5px 110px;
}

div.box {
	border-width:3px 1px 3px 1px;
	border-color:#fff9d3; /* light vanilla */
	border-color:#413641;
	border-style:none;
}
div.box_inner {
	background:#b6b9bf;
	background:white;
	border-width:3px;
	border-color:#606060;
	border-color:#393439;
	border-color:#464646;
	border-style:double none double none;
	margin:1px 0 1px 0;
	padding:22px 26px 18px 25px;
   opacity:.47;
   *filter:alpha(opacity="47");
}
img.photo_frame {
	border-width:10px 10px 40px 10px;
	border-style:solid;
	border-color:#efefef;
	z-index:inherit;
}

/* gradient images */

img.bg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
.h_40 {
	height: 40%;
}
.h_60 {
	height: 60%;
}
.h_80 {
	height: 80%;
}
img.trans_40 {
	-moz-opacity:.40;
	opacity:.40;
	*filter:alpha(opacity="40");
}
img.trans_45 {
	-moz-opacity:.45;
	opacity:.45;
	*filter:alpha(opacity="45");
}
img.trans_60 {
	-moz-opacity:.60;
	opacity:.60;
	*filter:alpha(opacity="60");
}
img.trans_70 {
	-moz-opacity:.70;
	opacity:.70;
	*filter:alpha(opacity="70");
}

/* end gradient images */

div.form_wrapper {
	max-width:50em;
	width:expression(document.body.clientWidth > 800? "600px": "auto" );
}

form {
/*	background-color:#b2b5bc;
	border:2px solid #606060;
	text-align:left;
	width:60em;*/
	margin:7px;
	padding:10px;
}

form label {
	float:left;
	width:30%;
	text-align:right;
	padding:6px;
	font:small-caps bold 1.0em Verdana, Arial, Helvetica, sans-serif;
}

form legend {
	display:none;
}

form input, form textarea {
	font-weight:bold;
	background-color:#ffdddd; /* pink */
	background-color:#fffbe5; /* lighter vanilla */
	padding:3px;
	border:1px solid #666666;
	width:60%;
}

form fieldset.actions {
	text-align:center;
}

form .submit_button {
	border:1px solid #222222;
	width:10em;
	font:small-caps bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#222222;
	font-size:1.0em;
	background:#eecccc;
	background-color:#fffbe5; /* lighter vanilla */
	margin:10px 0 0 0;
}

h2.page_title {
	display:block;
	font:small-caps bold 1.8em Verdana, Arial, Helvetica, sans-serif;
	font:small-caps bold 1.9em Verdana, Arial, Helvetica, sans-serif;
	font:small-caps bold 2.2em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#bbe300;
	color:#330000;
	color:#d0d0d0;
	color:#ffffcc;
	color:#d2fa9c; /* yellow-green */
	color:#efefef;
	color:#ffdddd; /* pink */
	color:#fff362; /* light yellow-orange */
	color:#a5d4e0; /* turquoise */
	color:#e9ffb6; /* pale green */
	color:#fff9d3; /* light vanilla */
	padding:0 0 5px 3px;
}

div.bd {
	font:bold 1.7em Arial, Verdana, Helvetica, sans-serif;
}

#W3C_div {
	position:relative;
	float:right;
	padding: 4px 10px 3px 0px;
}

div#footer_links {
	float:right;
	color:white;
}

ul#footer_links {
	list-style:none;
	position: relative;
	/* padding-right:36px; alter this to move whole menu over */
	z-index:3;
	float:right;
	height:1em;
	padding:0;
}
ul#footer_links li {
	height:2.4em;
	float:left;
	padding:0px 10px 0px 7px;
	position:relative;
	list-style:none;

}
ul#footer_links li a {
	color:white;
}