@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:.8em/1.6em Verdana, Arial, Helvetica, sans-serif; background: url(images/Bg.gif) repeat left top;  }

.mastWrap{float:left;width:100%;}
.cntrWrap{width:938px;margin:0 auto;}
.fltFix{float:left;width:100%; background:#FFFFFF;border:1px solid #7fb71e;}

a { color:#115809; text-decoration:none; outline:none;}
a:hover { text-decoration:underline; }
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

/*h1, .PageTitleHeader{color:#8E0300; font-family:"Bookman Old Style", serif; font-size:29px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; letter-spacing:0.8px; line-height:normal; margin:15px 0 10px; padding:0; }
h2, .PageSubTitleHeader{color:#8E0300; font-family:"Bookman Old Style", serif; font-size:25px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; letter-spacing:0.8px; line-height:normal; margin:15px 0 10px; padding:0; }
h3 {color:#717171; font-family:Helvetica, Arial, sans-serif; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:italic; font-variant:normal; font-weight:bold; line-height:normal; margin:15px 0; padding:0; }
h4 {color:#333333; font-family:Arial, sans-serif; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0; padding:0; }
h5 {color:#FFFFFF; font-family:"Trebuchet", Arial, sans-serif; font-size:15px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0; padding:0 0 8px; }
h6 {color:#6EA720; font-family:"Trebuchet", Arial, sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0; padding:0 0 10px; }
*/
h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:24px;line-height:24px;}
h2, .PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}

#PageTitle {font-size:12px;color:#004406;font-weight:bold;}
p{padding:0;margin:7px 0;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{background: url(images/Header.gif) no-repeat left bottom; height:124px;width:938px;}

.structHead h1{padding:0;margin:0;float:left;}
.structHead h1 a{display:block;text-indent:-999em; width:280px; height:100px; }

.structHead #ContentSearch{margin:0 10px 0 0; padding:0; float:right; width:200px; *width:210px;}
.structHead #ContentSearch input{margin:0; padding:0; width:130px;}

#ContentMemberTools { margin:0; padding:0; float:right; width:640px;}
#ContentMemberTools ul {margin:0 10px 10px 0;padding:2px 0 0 0; float:right;}
#ContentMemberTools li {list-style-type:none;display:inline;}
#ContentMemberTools li a{color:#000000;text-decoration:none;padding:0px 8px;font-size:85%;border-right:1px solid #000000;}
#ContentMemberTools li#Support a{border-right:none;}
#ContentMemberTools li:hover a{text-decoration:underline;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{ margin:0; padding:0; float:left;width:184px;min-height:500px; _height:600px;}
.login .structLeft{ margin:0; padding:0; float:left;width:185px;min-height:500px;}

.structLeft #ContentLeftNav{ margin:0; padding:30px 0 0; float:left; background:url(images/OnlineCommunity.gif) no-repeat left top; width:184px; }
.structLeft #ContentLeftNav ul { margin:0; padding:0; float:left; list-style:none;width:184px; }
.structLeft #ContentLeftNav li { margin:0; padding:0; background:#7e7e7e url(images/LeftNav2Bg.gif) repeat-x left top; float:left; width:184px; }
.structLeft #ContentLeftNav li.selected {background:#004406; background-image:none; }
.login .structLeft #ContentLeftNav li.selected { background:#7e7e7e url(images/LeftNav2Bg.gif) repeat-x left top;  }
.login .structLeft #ContentLeftNav li.selected a {color:#000000;}
.structLeft #ContentLeftNav li.selected a {color:#FFFFFF;}
.structLeft #ContentLeftNav a { margin:0; padding:0px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; display:block;}
.structLeft #ContentLeftNav a:hover { text-decoration:none;  }

.structLeft #ContentLeftNav li ul { margin:0; padding:0; float:left; list-style:none; background:#4e7e16; }
.structLeft #ContentLeftNav li li { margin:0; padding:0; background:none; }
.structLeft #ContentLeftNav li.selected li { margin:0; padding:0; background:none; }
.structLeft #ContentLeftNav li.selected li a{ color:#000000; }
.structLeft #ContentLeftNav li li a {font-size:11px;}
.structLeft #ContentLeftNav li li.selected a {color:#FFFFFF;}
.structLeft #ContentLeftNav li li a:hover { color:#FFFFFF; }

.structLeft #ContentQuicklinks{background:transparent url(images/Quicklinks.gif) no-repeat scroll left top;float:left;margin:0;padding:40px 0 0;text-align:center;width:184px;}
/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left;width:938px; background:#FFFFFF url(images/ContentBg.gif) repeat-y left top;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:5px 0 10px 0;list-style:none;float:left;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs l.navselected a{font-weight:bold;}

.structBody #ContentImgRot1{float:left;margin:0;padding:0;width:177px; height:136px; border:7px solid #7fb71e; overflow:hidden;}
.structBody #ContentImgRot2{float:left;margin:0;padding:0;width:372px;height:136px;border-width:7px 0; border-style: solid; border-color: #7fb71e;overflow:hidden;}
.structBody #ContentImgRot3{float:left;margin:0;padding:0;width:177px; height:136px;border:7px solid #7fb71e;overflow:hidden;}
          
.index .MidWrap{float:left;margin:0;padding:5px 15px;width:724px;}
.index .structBody .MidWrap #ContentMiddle{float:left;margin:0;padding:0;width:724px;}

.structBody #ContentPageName{ margin:0; padding:0; float:left; background:url(images/PageNameBg.gif) repeat-x left top; color:#FFFFFF; text-align:center; width:754px; font-weight:bold;}

/*Start -----------------------------------------------------*/
.login .structBody{margin:0; padding:0; float:left;width:938px; background:#FFFFFF url(images/StartContentBg.gif) repeat-y left top;}

.login .structBody #ContentImgRot{ margin:0; padding:0; float:left; width:556px; height:280px;border:7px solid #002E04; overflow:hidden;background-color:#002E04}
.login .structBody .MidWrap{float:left;margin:0;padding:0 15px 5px 15px;width:540px;}
.login .structBody .MidWrap #ContentMiddle{float:left;margin:0;padding:0;width:540px;}

.start #ContentMiddle h2{ background:url(images/PageNameBg.gif) repeat-x left top;color:#FFFFFF;float:left;font-size:12px;font-weight:bold;margin:0 -15px;padding:0;text-align:center;width:570px; display:inline}
.start #ContentMiddle table {*width:570px;*margin:0 0 0 -15px; *padding: 0 15px;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{float:right;margin:0;min-height:300px;padding:0;width:183px;}
.structRight #ContentRight,.structRight #ContentEvents {margin:0; padding:0 10px 5px;}
.structRight #ContentRight h2, .structRight #ContentEvents h2{ margin:0 -10px; padding:0; display:block; float:left; background:url(images/PageNameBg.gif) repeat-x left top; color:#FFFFFF; text-align:center; width:183px; font-weight:bold; font-size:12px; display:inline;}

.structRight #ContentEvents a{ color:#ffffff;}
.structRight #ContentEvents table{*width:183px;*margin:0 0 0 -15px; *padding: 0 15px;}
.structRight #ContentEvents table h2{*margin:0 -10px; *padding:0; *display:block; *float:left; *background:url(images/PageNameBg.gif) repeat-x left top; *color:#FFFFFF; *text-align:center; *width:183px; *font-weight:bold; *font-size:12px; *display:inline;}

.structRight #ContentEvents table p, .structRight #ContentEvents table table {*margin:0 0px; *padding:0; *width:163px;}
/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left; background:#76ac22; width:938px;}

.structFooter #ContentFooter {margin:0; padding:5px; float:left; text-align:center; color:#000000;width:929px; font-size:11px;}
.structFooter #ContentFooter a{color:#000000;font-size:11px;}