@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0px;
	line-height:130%;
	letter-spacing:0.7px;
	background-color: #fff;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
}
.shadowleft {background-image:url(images/shadow-left.png); background-repeat:repeat-y;}
.shadowright {background-image:url(images/shadow-right.png); background-repeat:repeat-y;}

.loginbox {font-size:16px; font-weight:bold; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000;}
.loginfield {background-color:#333333; color:#FFFFFF; border:none;}

.searchfield {background-color:#fff; color:#333; border:none; font-size:10px;}

h1 {font-size:20px; color:#333333; margin-bottom:5px;}

.welcome a:link {color:#333; text-decoration:none; background-color:#FFFF33;}
.welcome a:visited {color:#333; text-decoration:none; background-color:#FFFF33;}
.welcome a:active {color:#333; text-decoration:none; background-color:#FFFF33;}
.welcome a:hover {color:#333; text-decoration:none; background-color:#C5C5C5;}
.welcome a:visited:hover {color:#333; text-decoration:none; background-color:#C5C5C5;}

.nav {font-size:18px;}
.nav a:link {color:#FFFFFF; text-decoration:none;}
.nav a:visited {color:#FFFFFF; text-decoration:none;}
.nav a:active {color:#FFFFFF; text-decoration:none;}
.nav a:hover {color:#333; text-decoration:none; background-color:#fff;}
.nav a:visited:hover {color:#333; text-decoration:none; background-color:#fff;}

.browse {}
.browse a:link {color:#000; text-decoration:underline;}
.browse a:visited {color:#000; text-decoration:underline;}
.browse a:active {color:#000; text-decoration:underline;}
.browse a:hover {color:#000; text-decoration:underline; background-color:#fff;}
.browse a:visited:hover {color:#000; text-decoration:none; background-color:#fff;}

.feed {	background-color:#333; color:#fff; border: 1px dashed #FFFF9F;}
.feed a:link {color:#FFFDB9; text-decoration:none;}
.feed a:visited {color:#FFFDB9; text-decoration:none;}
.feed a:active {color:#FFFDB9; text-decoration:none;}
.feed a:hover {color:#333; text-decoration:none; background-color:#fff;}
.feed a:visited:hover {color:#333; text-decoration:none; background-color:#fff;}

.feedtitle {font-size:16px;}
.feedbiz {font-size:16px; font-weight:bold;}

/* Old Stuff From Old Site */

.browse-php {position:relative; float:left; width:770px; margin-top:8px; margin-bottom:8px;}
.browse-php-name {width:250px; float:left; position:relative;}

.labels {Z-INDEX: 1; LEFT: 20px; PADDING-BOTTOM: 0px; WIDTH: 200px; PADDING-TOP: 2px; POSITION: relative}
.fields {Z-INDEX: 1; LEFT: 170px; top:-15px; PADDING-BOTTOM: 0px; WIDTH: 600px; POSITION: relative}

/* Slider */

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 881px; /*Width of Carousel Viewer itself*/
height: 216px; /*Height should enough to fit largest content's height*/
font-size:10px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; margin around each panel*/
margin-top: 4px;
/*width: 250px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.controls {font-size:10px;}
.controls a:link {color:#333; text-decoration:none;}
.controls a:visited {color:#333; text-decoration:none;}
.controls a:active {color:#333; text-decoration:none;}
.controls a:hover {color:#333; text-decoration:none; background-color:#fff;}
.controls a:visited:hover {color:#333; text-decoration:none; background-color:#fff;}

.dashedbox {border: 1px dashed #000000;}
.form-button {	font-size:22px;background-color: #FFFDA9;}