/*IE Peekaboo fix */
html .gainlayout { height: 1%; }

/*Default and Layout Styles*/
form {margin: 0; padding: 0;}

body {margin: 0; padding: 0;
   background: #282828;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color: #333333;
	font-size: 12px;}
	
body.admin {background: transparent url(/images/content_bg.gif) repeat-y 0 0;}

a {color: #1c1c1c;}
a:hover {color: #875500;}
#content a {color: #875500; }

div.clear {clear: both;}
#wrapper.front {background: transparent url(/images/main_bg.gif) repeat-x 0 0; border: 0; padding: 0; margin: 0;}
#wrapper.admin {border: 0; padding: 0; margin: 0;}
#outside {width: 800px; margin: auto; text-align: left; }
#outside.admin {padding-top: 5px; background-color: #f3f3f3;}
#logo {text-align: left; width: 400px; float: left; padding: 0; margin: 0;}
#left {width: 160px; float: left;}
#right {width: 140px; float: right;}

#content {padding: 0 5px 5px 5px; }
#content img {margin: 10px;}
#content img.NoMargin {margin: 0;}
#content li {padding: 5px;}
#body_content {background: #f3f3f3 url(/images/content_top.gif) repeat-x 0 0; padding: 0 5px 0 5px;}

div.content_one {}
div.content_two {margin-left: 160px;}
div.content_two_right {margin-right: 140px;}
div.content_three {margin-left: 160px; margin-right: 140px;}

div.ButtonBar {float: right; width: 165px; text-align: right; padding-bottom: 5px; }
div.ButtonBarLong {width: 400px; white-space: nowrap;}

#menu {text-align: left; width: 400px; float: right; font-family: Arial, Sans-Serif; font-size: 150%; padding: 0; margin: 0; white-space: nowrap; }
#menu ul {margin-top: 30px;}
#menu li {display: inline; list-style: none;}
#menu li a {background: transparent url(/images/divider.gif) no-repeat scroll right center;
					padding:10px 20px;
					text-decoration:none;
					color: #e1e1e1;}
#headerleft {width: 504px; float: left; padding-top: 8px;}
#headerright {width: 296px; float: right; text-align: left; padding-top: 8px;}
#header.admin {text-align: center;}
#slogan {text-align: center; padding-top: 15px; margin-bottom: 10px;}
#footer {background-color: #f3f3f3; font-size: 80%; text-align: center; padding-top: 20px; padding-bottom: 10px; }



/*Cosmetic Styles*/
h1,h2,h3,h4,h5 {margin: 0; padding: 0; font-weight: normal; color: #008700; font-family: Georgia,"Trebuchet MS";}
h1 {font-size: 30px; margin-bottom: 5px; line-height: 30px; }
h1.ButtonBar {margin-right: 165px;}

h2 {font-family: Arial, Sans-Serif; font-size: 20px; font-weight: bold; color: #1c1c1c; }
h3 {font-family: "Times New Roman",Arial, Sans-Serif; font-size: 20px; margin-bottom: 5px; background: transparent url(/images/h3line.gif) no-repeat left bottom; }
h3.right {background: transparent url(/images/h3line_right.gif) no-repeat right bottom;}
h4 {font-family: Arial, Sans-Serif; font-size: 15px; font-weight: bold; color: #1c1c1c; }
h4 a {text-decoration: none; }


span.right {float: right;}
span.DataName {color: gray;}
span.LastUpdated {font-size: 10px; font-family: Verdana, Arial, Sans-Serif; font-weight: bold;}
span.ListNone {font-style: italic;}
span.Label {font-weight: bold;}


input.button {padding: 1px; margin: 1px; border: solid 1px #666666; font-weight: bold; color: #666666; font-size: 90%; vertical-align: middle; margin-bottom: 5px;}
input.button_del {background: url(/images/button_del_bg.gif) repeat-x; color: White; border: solid 1px black;}

input.TextBox {padding: 1px 0px 1px 1px; margin: 0; font-family: Verdana, Arial, Sans-Serif;}
select {padding: 1px; margin: 0; font-family: Verdana, Arial, Sans-Serif; }
textarea {padding: 1px; margin: 0;font-family: Verdana, Arial, Sans-Serif; font-size: 100%; }

div.Menu { text-align: left; padding: 5px; font-weight: bold;}
div.MenuRight {text-align: right;}
div.Menu ul {list-style: none; margin: 0; padding: 0;}
div.Menu li {line-height: 25px; margin: 0; padding: 0;}
div.Menu li a {text-decoration: none;}
div.Menu li.selected {color: #008700;}
div.Menu li:hover, div.Menu li a:hover, div.Menu li:hover a {color: #008700; }


div.MessageBox {background-color: #F7F7F7; border: solid 1px #E0E0E0; padding: 5px; color: black;}
div.ErrorBox {background-color: #FFE3B8; border: solid 1px #FF9900; font-family: "Courier New"; padding: 5px; color: black;}
div.ValidationSummary {color: red; font-weight: bold; margin-bottom: 10px;}
span.ValidationItem {color: red; font-weight: bold; font-size: 150%;}
span.RedText {color: Red; font-weight: bold;}

span.SmallComment {color: #666666; font-size: 80%;}

div.MarginBottom {margin-bottom: 10px;}
div.MarginTop {margin-top: 10px;}

table.Form {border: 0;}
table.Form th {font-weight: bold; padding: 3px; white-space: nowrap; text-align: right;}
table.Form td {padding: 3px; text-align: left;}
table.FormLeft th {text-align: left;}

/*fix for inner tables and ajax calendar extender with my table styling*/
.ajax__calendar table td {padding: 0; white-space: normal;}
table.Form table td {padding: 0; white-space: normal;}
table.Form table th {padding: 0; white-space: normal; text-align: left;}


table.NoWidth td {width: 0;}

table.List {border-collapse: collapse; margin-bottom: 10px;}
table.List td {padding: 3px; border-top: solid 1px #DFDFDF;}
table.List td.alt {background-color: #FAFAFA;}
table.List td.empty {border: 0;}
table.List th {text-align: left; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: 90%;}

div.ImageDisplay {font-size: 70%; font-family: Verdana; padding: 5px; border: solid 2px #676767;}

ul.Glossary {list-style-type: none;}
ul.Glossary li {font-weight: bold;}
ul.Glossary li ul {list-style-type: none;}
ul.Glossary li ul li {font-weight: normal;}