/* STYLE RESET */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: .05em; }
	
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

body {
    margin: 0 auto; padding: 0 0 1em 0;
    text-align: center; color: #333;
    font: 0.86em/1.666 Nina, Verdana, Arial, sans-serif, Serif;
    background: #aaa;
    }
    
    
/* NEW DEFAULT STYLES */    
    

h1, h2, h3, h4 { color: #B77539; padding: 0 10px 1em 20px; margin: 0; }
h1 { font-size: 1.2em; }
h2 { font-size: 1.0em; padding-bottom: 0; }
h3 { font-size: .9em; font-weight: bold; }
h4 { font-size: .9em; }
p, blockquote, th, td, dt, dd, li { font-size: .9em; } 

p { padding: 0 10px 1em 20px; }

table { padding: 0 10px 1em 20px; border-collapse: collapse; border-spacing: 0; }
th { text-align: left; color: #B77539; padding: .2em; font-weight: bold; }
td { text-align: left; vertical-align: top; padding: .2em; }

form { padding: 0 10px 1em 20px; }
input { border: 1px solid #B77539; margin: .5em; width: 80%;}
textarea { padding: .2em; margin: .5em; width: 80%; }
select { width: 80%; margin: .5em; }

blockquote { 
    margin: 0 4em 1em 4em; padding: .5em; 
    border-right: 2px solid #b77539; border-left: 2px solid #b77539; }

ul, ol, dl { padding: 0 20px 1em 4em; margin: 0; }
ol { list-style: decimal; }
ul { list-style: square; }
li, dt { margin: 0 0 0 .5em; }
dd { margin-left: .5em; }

img { margin: 0 0 10px 20px; }

del { text-decoration: line-through; }
em { font-style: italic; }
strong { font-weight: bold; }

a { text-decoration: none; }
a:link { color: #a66429; }
a:visited { color: #c8864a; }
a:hover { color: #B77539; text-decoration: underline; }


/* GENERAL LAYOUT STYLES */


#wrapper { 
    width: 1000px; margin: 0 auto; text-align: left;
    background: #dadada url(../images/two_col_back.jpg) top center repeat-y;
    border-bottom: 8px solid #dadada; }
body#three_col #wrapper { background: #dadada url(../images/wrapper_bk.jpg) top center repeat-y; }
#content { padding-left: 8px; padding-right: 8px; }
#header { 
    width: 1000px; height: 141px;
    background: #dadada url(../images/banner.jpg) top right no-repeat; }
#support1 { float: left; width: 211px; } /* NAVIGATION MENU, ALL PAGES */
#main { float: left; width: 469px; } /* THREE COLUMN LAYOUT */
#support2 { float: left; width: 304px; } /* THREE COLUMN LAYOUT */
#text { float: left; width: 773px; } /* TWO COLUMN LAYOUT */
#footer { clear: both; width: 1000px; margin: 0 auto; text-align: left; height: 5px;
    background: url(../images/two_col_bottom.jpg) bottom center no-repeat; }
body#three_col #footer { 
    background: url(../images/wrapper_bottom.jpg) bottom center no-repeat; height: 7px;}
.sp { height: 1%; } /* without this, IE's 'has layout' fails, and not show the top box image...weird  */
.TreeView { height: 1%; }
.box { height: 1%; }
#aspnetForm { margin: 0; padding: 0; }


/* LEFT COLUMN STYLES - TWO AND THREE COLUMN LAYOUTS */

#support1 { background: url(../images/nav_back.jpg) top left repeat-y; border-top: 8px solid #dadada; }

#main_nav { 
    padding: 10px 0 0 0; margin: 0; height: 1%;
    background: url(../images/nav_top.jpg) top left no-repeat; }
#mn_nav { margin: 0; padding: 0; }
#mn_nav li { 
    margin: 0 12px 0 10px; list-style: none; padding: 0; 
    border-top: 2px solid #e6e6da; }
#mn_nav li.last { border-bottom: 2px solid #e6e6da; }
#mn_nav a { 
    display: block; margin: 0; padding: .3em .5em; font-size: 1.2em;
    background: url(../images/nav_gradient.jpg) bottom left repeat-x; }
#mn_nav a:link, #mn_nav a:visited { color: #1B4949; }
#mn_nav a:hover { color: #fff; }

#support1 .box { margin: 0; padding: .3em .5em .5em 0; }
#support1 .box h2, #support .box h3 { color: #fff; }
#support1 .box p, #support .box li { line-height: 1.333; color: #1B4949; }


/* CENTER COLUMN STYLES - THREE COLUMN LAYOUTS */


#main .box { 
    padding-bottom: 9px; border-top: 8px solid #dadada; margin-left: 8px;
    background: url(../images/main_bottom.jpg) bottom left no-repeat;  }

#main .sp { 
    padding-top: 17px; 
    background: url(../images/main_top.jpg) top left no-repeat; }

#main #search-box { background-image: none; }
#search-box form, #search-box p { margin: 2em 0 0 0; }
#search-box form { float: left; width: 60%; }
#search-box label { color: #B77539; padding-right: .5em; margin: 0; }
#search-box input { border: 1px solid #B77539; margin: 0 .5em 0 0; width: 50%; }
#search-box p { float: right; margin-right: 1em; }
#search-box table
{
	margin: 2em 0px 0px 2em;
	width: 80%;
}
#search-box td { width:auto;}
#search-box a { float:right;}

/* RIGHT COLUMN STYLES - THREE COLUMN LAYOUTS */


#support2 .box { 
    padding-bottom: 8px; border-top: 8px solid #dadada;
    background: url(../images/box_bottom.jpg) bottom left no-repeat; }

#support2 .sp { 
    padding-top: 8px; 
    background: url(../images/box_top.jpg) top left no-repeat; }
    
#support2 .last { background-image: none; padding-bottom: 0; }
    
#support2 ul { list-style: none; padding: 0 10px .5em 20px; }
#support2 li { line-height: 1.333; padding: .5em 0; margin: 0; }
#support2 li span
{
	display: block;
	color: black;
}
#support2 ul.plain_link a
{
	color: #454545;
}
#support2 ul.plain_link li { padding: .2em 0; }
#support2 form
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0em;
	padding-top: 0px;
}


/* SECOND COLUMN - TWO COLUMN LAYOUTS */

#text { border-top: 8px solid #dadada; }

#text .box
{
	margin: 0 0 0 8px;
	padding-bottom: 2em;
}
#text .sp { 
    padding-top: 8px;
    background: url(../images/text_top.jpg) top left no-repeat; }
#text .box h1 { 
    padding-top: 27px;}
#text h3, #text h2 { 
    color: #454545; text-transform: uppercase; font-weight: normal;
    margin: 1em 0 0 0; padding-bottom: 0; }
#text iframe 
{
	margin: .5em 0 0 .5em;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-top: 0px; 
	background:transparent;
}
#text .QA
{
	margin: .5em 0 0 .5em;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-top: 0px;
}

#text .QA  a:link
{
	color: #B77539;
	text-decoration: underline;
	position: relative;
}
#text .links
{
	text-decoration:underline;
}
#text .QA  a:hover, #text .QA  a:visited

{
	color: #454545; text-decoration: underline;
	position: relative;
}
#text .QA  ol 
{ padding: 1em ; position: relative; font-size: 1.1em; }

#text .question
{
	color: #454545;
	font-weight: normal;
	font-size: 1.3em;
	position: relative;
	line-height: 1.5em;
}

#text .QA span
{
	display:inherit;
}

#text .login {	background-color:#f7f7de ; 
				border: 1px solid #CCCC99; 
				width:300px;
				position: relative;
				padding-left: 10em;
				padding-bottom: 0;
 }
#text .loginButton
{
	float:right;
	width:50px;
}
#text .loginInputText
{
	float:right;
	width:150px;
	width:auto;
}
#text .loginLabel
{
	font-size: 1.2em;
	vertical-align: baseline;
	text-align: right;
}
#text .adminLink
{
	float: right;
	position: relative;
	top: 15px;
	right: 10px;
	font-size: 0.8em;
}
#admin_nav
{
	padding: 0 10px .5em 0;
}
#admin_nav ul {  list-style-type: none; font-size:1.2em; }

#admin_nav .usergridedit
{
	border: none;
}

#text #contentBlock
{
	position: relative;
	left: 20px;
	width: 95%;
	font-size: .9em;
	vertical-align: middle;
}
#contentBlock table.outer 
{
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #B77539;
	border-top: 1px solid #B77539;
	border-left: 1px solid #B77539;
	border-bottom: 1px solid #B77539;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	width:95%;	
}
#contentBlock table
{
	padding:0 0 0 0;
	border-style:none;
	vertical-align: middle;
}

#contentBlock td
{
	vertical-align: middle;
}
#contentBlock td.outer
{
	vertical-align: middle;
}

#contentBlock input { border-style:none; width:20px; vertical-align:middle }
#contentBlock input.arrow 
{	border-style:inherit; 
	vertical-align:middle; 
	border-right: 1px solid #B77539;
	border-top: 1px solid #B77539;
	border-left: 1px solid #B77539;
	border-bottom: 1px solid #B77539;
}
#contentBlock input.fileupload 
{	border-style:inherit; 
	vertical-align:middle; 
	border-right: 1px solid #B77539;
	border-top: 1px solid #B77539;
	border-left: 1px solid #B77539;
	border-bottom: 1px solid #B77539;
	width:400px;
}
#contentBlock input.button 
{	border-style:inherit; 
	vertical-align:middle; 
	border-right: 1px solid #B77539;
	border-top: 1px solid #B77539;
	border-left: 1px solid #B77539;
	border-bottom: 1px solid #B77539;
	width:55px;
}
#contentBlock input.filter 
{	border-style:inherit; 
	vertical-align:middle; 
	border-right: 1px solid #B77539;
	border-top: 1px solid #B77539;
	border-left: 1px solid #B77539;
	border-bottom: 1px solid #B77539;
	text-align:left;
	width:55px;
}
#text #ContentBlockChooser
{
	width: 95%;
}
#ContentBlockChooser table 
{
	border-collapse: collapse;
	border-spacing: 0;
	border-style: none;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	width:95%;	
}
#ContentBlockChooser td
{
		text-align: left;
	vertical-align: middle;
}
#ContentBlockChooser input { border-style:none; width:20px; vertical-align:middle }

#text #admin_content
{
	left: 20px;
	position: relative;
	border-collapse: collapse;
	width: 95%;
	vertical-align: middle;
}


	
#admin_content table 
{
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #B77539;
	border-top: 1px solid #B77539;
	border-left: 1px solid #B77539;
	border-bottom: 1px solid #B77539;
	background-color: transparent;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	width:auto;
}
#admin_content th
{
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #B77539;
	border-bottom: 1px solid #B77539;
	background-color: transparent;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	width:auto;
}
#admin_content td
{
	text-align: left;
	vertical-align: middle;
	border-left: 1px solid #B77539;
	border-bottom: 1px solid #B77539;
	background-color: transparent;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	width:auto;
}
#admin_content input{ width: 90% ; margin: 0 0 0 0;}
#admin_content textarea { padding: .2em; margin: .5em; width: 80%; border:none; }
#admin_content table a { text-decoration:underline;}

#admin_content .FTB{ width: 90% ; margin: 0 0 0 0; }
#admin_content .FTB table{ width: 90% ; margin: 0 0 0 0; padding:0 0 0 0; border:none;}
#admin_content .FTB td{ width: 90% ; margin: 0 0 0 0; padding:0 0 0 0; border:none;}
#admin_content .FTB IMG{ cursor:hand;  }
#admin_content .FTB IMG:hover{ background-color:#aaa }
#admin_content .FTB a:visited img{ background-color:Lime }

#admin_content .TreeView { width:auto; left:auto; margin: 0 0 0 0; padding:0 0 0 0; }
#admin_content .TreeView table{ width:auto; margin: 0 0 0 0; padding:0 0 0 0; border:none;}
#admin_content .TreeView td
{
	margin: 0 0 0 0;
	padding:2px 2px 2px 2px;
	border: none;
	vertical-align: middle;
	width: auto;
}
#admin_content .TreeView IMG
{
	cursor: hand;
	clear: both;
	margin:0 0 0 0;
}
#admin_content .TreeView img { padding: 0 0 0 0; }
#admin_content .TreeView form { padding: 0 0 0 0; }
#admin_content .TreeView h1 { padding: 0 0 0 0; }
#admin_content .TreeView p { padding: 0 0 0 0; }

#admin_content .TreeView IMG:hover{ background-color:#aaa }
#admin_content .TreeView a{ cursor:hand; text-decoration:underline; color:#B77539}
#admin_content .TreeView a:hover{ cursor:hand; background-color:#B77539; color:White; }
#admin_content .TreeView a:visited { cursor:hand; }
#admin_content .TreeView   a.small { font-size:.7em; color:Gray;}
#admin_content .TreeView   a:hover.small { background-color:Gray; color:White;}

#text .ContactUsDiv
{
	left: 20px;
	position: relative;
	border-collapse: collapse;
	width: 95%;
	vertical-align: middle;
}
#text .ContactUsDiv form { padding: 0 10px 1em 20px; }
#text .ContactUsDiv table
{
	padding: 0 10px 1em 20px;
	border-style:none;
	vertical-align: middle;
	width:70%
}
#text .ContactUsDiv input.button
{
	width:30%
}
#text .ContactUsDiv h1 { padding:0 0 0 0; margin: 0 0 0 0;}

/* NON-COLUMN-SPECIFIC CLASSES */


input.style_as_text { 
    color: #B77539; padding: 0; margin: 0; cursor: hand; float:left;
    background: #fff; border-width: 0 !important; width: auto !important;   }

h1 span { display: block; }

.error
{
	color: red;
}
.linkMessage
{
	color:Red;
	font-size:.8em;
	font-weight:bold;
}
.link
{
	color:Blue;
	font-size:1em;
	font-weight:bold;
}
.message
{
	color: Black;
}