@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:11px/17px Arial, Helvetica, sans-serif; background:#003652;}

.mastWrap{float:left;width:100%; background:#ecf1d7 url(images/BG.gif) repeat-x 0 0;}
.mastWrap2{float:left;width:100%;background:url(images/footerBG.gif) repeat-x 0 bottom;}
.cntrWrap{width:902px;margin:0 auto;}
.fltFix{float:left;width:100%; }

a { color: #005e90; text-decoration: underline; outline:none;}
a:hover { color: #005e90; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:180%;line-height:24px;}
h2, .PageSubTitleHeader {font-size:160%; line-height:24px;}
h3 {font-size:140%;line-height:21px;}
h4 {font-size:130%;line-height:18px;}
h5 {font-size:120%;line-height:15px;}
p {margin:7px 0;padding: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{ margin:6px 0 0; padding:0; float:left; width:100%;}

.structHead h1{padding:0;margin:9px 0 0;float:left;}
.structHead h1 a{background:transparent url(images/logo.gif) no-repeat scroll 0 0;display:block;height:108px;text-indent:-999em;width:252px;}

ul#ContentSocial {float:left;list-style:none;margin:4px 0 0 205px;padding:0;width:165px;}
ul#ContentSocial li {float:left;margin:0;padding:0 5px;}
ul#ContentSocial a {display:block;height:23px;margin:0;padding:0;text-indent:-999em; width:23px;}
ul#ContentSocial li#Facebook a {background:transparent url(images/facebook.gif) no-repeat scroll left top;}
ul#ContentSocial li#Twitter a {background:transparent url(images/twitter.gif) no-repeat scroll left top;}
ul#ContentSocial li#Linked a {background:transparent url(images/linkedIn.gif) no-repeat scroll left top;}
ul#ContentSocial li#Flickr a {background:transparent url(images/flickr.gif) no-repeat scroll left top;}
ul#ContentSocial li#YouTube a {background:transparent url(images/youtube.gif) no-repeat scroll left top;}
ul#ContentSocial li#Give a {background:transparent url(images/Gift.gif) no-repeat scroll left top;}

.toolswrap{ background: url(images/toolsBg.gif) repeat-x right top; float:right; margin:0; padding:0; height:29px; width:273px;}

 /*CSS for "content" DIV of Drop Down Panel*/
a.toolLb{background:transparent url(images/tools_lt.gif) no-repeat scroll left top;color:#8EBD3F;display:block;float:left;letter-spacing:1px;line-height:13px;margin:0;padding:7px 0;text-decoration:none;width:112px;}
.toolswrap a{color:#8EBD3F;display:block;etter-spacing:1px;line-height:13px;margin:0;padding:7px 0;text-decoration:none;}
a.toolLb span{border-right:1px solid #C3CBA0;cursor:pointer;display:block;float:left;height:15px;padding:0;text-align:center;width:100%;}
a.toolLb:hover{color:#8ebd3f;}
a.toolLb:active, 
a.toolLb:focus{outline: 0;}
a.toolLb:hover span{ }
.ddpanelcontent{background:transparent url(images/loginarrow.gif) no-repeat scroll 0 0;float:left;margin:-6px 0 0 6px;padding:0;width:158px; z-index:999;}
#ContentMemberTools {float:left;margin:0px;padding:5px 0;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;width:150px;}
#ContentMemberTools li {float:left;padding:0; width:150px;}
#ContentMemberTools a {color:#005e90;display:block;font-size:10px;line-height:14px;padding:0;text-decoration:none;}

#ContentLogin{ float:left;border:1px solid #C3CBA0; border-top:none;margin:6px 0 0; background:#FFFFFF;padding:0 3px;width:150px;}
#ContentLogin h2{ padding:0;}
.divLoginPanel{ margin:0; color:#005e90; font-size:11px;}
.divLoginPanel input.inputLoginUsername,
.divLoginPanel input.inputLoginPassword{width:145px;}
.divLoginPanel a{ color:#005e90; font-size:11px;}
.divLoginInputs{ margin:0; padding:0 0 8px;}
.divLoginUserNameRow{ margin:0; padding:0;}
.divLoginButtonRow .button{background:transparent url(images/loginbtn.gif) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-size:11px;height:19px;margin:0 8px;padding:0 4px 2px 0;*padding:1px 3px 2px 0;width:58px;}
#lblPassword{ margin:0 4px 0 0;}

.divLoginStructContainer .PageTitleHeader,
.divLoginStructContainer .instructions{display:none;}

#ContentSearch{background:transparent url(images/SearchBG.gif) no-repeat scroll left 3px;float:right;margin:0;padding:4px 5px 1px 0;width:145px;}
#ContentSearch input {background:#FFFFFF none repeat scroll 0 0;border:medium none;color:#658CA1;font-size:12px;margin:0 6px;padding:0;width:110px; }

.structHead #ContentToplinks{bottom:0;float:left;left:253px;margin:55px 0 -1px;padding:0;width:650px;}
.structHead #ContentToplinks ul{margin:0; padding:0; float:left; list-style:none;}
.structHead #ContentToplinks li{margin:0; padding:0 23px; float:left;}
.structHead #ContentToplinks a{margin:0; padding:0; display:block; text-indent:-999em; background-repeat:no-repeat; background-position:0 0; height:34px; text-decoration:none;}

.structHead #ContentToplinks li#Home a { background-image:url(images/home.gif); width:52px;}
.structHead #ContentToplinks li#AboutUs a { background-image:url(images/about.gif); width:79px;}
.structHead #ContentToplinks li#NewsEvents a { background-image:url(images/news.gif); width:131px;}
.structHead #ContentToplinks li#JoinUs a { background-image:url(images/join.gif); width:62px;}
.structHead #ContentToplinks li#SupportUs a { background-image:url(images/Support.gif); width:95px;}
.structHead #ContentToplinks li a:hover,
.structHead #ContentToplinks li.sfHover a{ background-position:0 bottom; border:none; position:relative; z-index:999;}

/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:-1px 0 0; background:#FFFFFF; float:none; width:150px;border:1px solid #C3CBA0; z-index:998;}
.structHead #ContentToplinks li li { width: 150px; margin:0; padding:0;}
.structHead #ContentToplinks li li a { padding:2px 10px;width:130px!important; text-indent:0px!important; background-image:none!important;color:#005e90; height:auto; position:relative; z-index:999;}
.structHead #ContentToplinks li li a:hover {color:#8ebd3f;}

/* Third Level Groups */
.structHead #ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfHover ul ul,
.structHead #ContentToplinks li.sfHover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfHover ul,
.structHead #ContentToplinks li li.sfHover ul,
.structHead #ContentToplinks li li li.sfHover ul { left: auto;  background-position: 0 0/*Fix for the Sticking*/;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left; width:200px; background:url(images/left_tl.gif) no-repeat left top;}

.structLeft #ContentLeftNav{margin:0; padding:15px; float:left; width:170px;}
.structLeft #ContentLeftNav ul{ float:left; margin:0; padding:0; list-style:none; width:100%; }
.structLeft #ContentLeftNav li{ float:left; margin:0; padding:0; width:100%;}
.structLeft #ContentLeftNav a{ display:block; padding:5px 0; margin:0 0 1px; color:#95abb6; text-decoration:none; font-size:14px;}
.structLeft #ContentLeftNav li.selected a,
.structLeft #ContentLeftNav li.selected a:hover{ color:#c6d4db; border-bottom:1px solid #8ebd3f; margin:0; background:url(images/level1arw.gif) no-repeat 15px bottom; }

.structLeft #ContentLeftNav li.selected li a{ display:block; padding:3px 0 3px 10px; margin:0; color:#95abb6; text-decoration:none; font-size:11px; background:none; border:none;}
.structLeft #ContentLeftNav li.selected li.selected a,
.structLeft #ContentLeftNav li.selected li a:hover{ color:#c6d4db; border-bottom:none; margin:0; background:url(images/level2arw.gif) no-repeat 1px 8px; }

.structLeft #ContentLeftNav li.selected li.selected li a{padding:3px 0 3px 20px; background:none;}
.structLeft #ContentLeftNav li.selected li li.selected a,
.structLeft #ContentLeftNav li.selected li li a:hover{ color:#c6d4db; border-bottom:none; margin:0; background:url(images/level2arw.gif) no-repeat 11px 8px; }


/* BODY ELEMENTS
---------------------------------------------*/
.structBody{background:#FFFFFF url(images/leftblue.gif) repeat-y scroll 10px 0;border-left:1px solid #C3CBA0;border-right:1px solid #C3CBA0;float:left;margin:0; width:900px;}
.start .structBody{background-image:none; background-color:#FFFFFF;}

.structBody2{background:url(images/leftBg.gif) no-repeat scroll 10px bottom;float:left;margin:0;min-height:420px;padding:0 10px;width:880px;_height:420px;}
.structBody2{background-image:none; }

.ContentTp{background:url(images/Content_top.gif) no-repeat left top;  float:left; margin:0;_margin:0 0 -2px; padding:0; width:902px; height:12px;}
.ContentBt{background:url(images/Content_bottom.gif) no-repeat left bottom; float:left; margin:0;_margin:-2px 0 0; padding:0; width:902px; height:12px;} 

.structBody2 #round { float:left; margin:0 ; padding:0; position:relative; width:100%; height:258px; background:#266485 url(images/WelcomeBg.gif) repeat-x 0 0; }
.structBody2 #round .corner {position: absolute;width:5px;height:5px;background-repeat: no-repeat;z-index:100;_behavior: url(iepngfix.htc);}
.structBody2 #round .c-tl {top:0;left:0;background:url(images/rot_tl.png) no-repeat;}
.structBody2 #round .c-tr {left:875px;top:0;background:url(images/rot_tr.png) no-repeat;}
.structBody2 #round .c-bl {bottom:0;_bottom:-10px;left:0;background:url(images/rot_bl.png) no-repeat;}
.structBody2 #round .c-br {bottom:0;_bottom:-10px;left:875px;background:url(images/rot_br.png) no-repeat;}

.structBody #ContentImgRot{ margin:0; padding:0; float:left;background:#FFFFFF;width:585px; overflow:hidden; height:258px;}
.structBody #ContentMiddleLayoutWelcome{ float:left;margin:0;padding:10px;width:274px;overflow:hidden; height:238px; color:#acc7d6;}
.structBody #ContentMiddleLayoutWelcome h1 { color:#92b6c9; font-size:28px; background: url(images/welcomediv.gif) no-repeat 0 bottom; width:100%; padding:3px 0; margin:0 0 10px;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:5px 0 10px 0;list-style:none;float:left; width:100%; border-bottom:1px solid #e0ebf2;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:10px;padding:2px 6px 2px 8px;background:url(images/brArw.gif) no-repeat center left; color:#005e90;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}

.structBody .features{ width:262px;margin:11px 0;}
.structBody  h2.feature{ width:260px; color:#005e90; font-size:18px; font-weight:normal; float:left;}
.structBody .GrayBrd{ width:262px; background: #a9a9a9; float:left;}
.structBody span.rot{float:left;height:93px;margin:5px;overflow:hidden;padding:0;width:252px;}
.structBody h3.title{background:transparent url(images/titlebg.png) no-repeat scroll left top;color:#FFFFFF;float:left;font-size:14px;font-weight:normal;height:39px;line-height:41px;margin:-44px 0 0 5px;padding:2px 3px;text-align:right;width:247px; display:inline;_behavior: url(iepngfix.htc);}

.structBody .tabs{ width:260px;margin:11px 0;width:586px;}
.tabs .TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; }
.tabs .TabbedPanelsTabGroup { margin: 0px; padding: 0px; }
.tabs .TabbedPanelsTab {cursor:pointer;float:left;height:19px;list-style:none;margin:7px 8px;display:block;width:auto;}
.tabs .TabbedPanelsTab span{ color:#005E90; float:left;display:block;height:19px;line-height:17px;padding:0 5px;text-decoration:none;}
.tabs .TabbedPanelsTabHover,
.tabs .TabbedPanelsTabSelected {background:url(images/tabrt.gif) no-repeat right top;  }
.tabs .TabbedPanelsTabHover span,
.tabs .TabbedPanelsTabSelected span{ background:url(images/tablt.gif) no-repeat left top;color:#ffffff; }
.tabs .TabbedPanelsContentGroup { background:transparent url(images/TabsContent.gif) no-repeat scroll left top;clear:both;float:left;}
.tabs .TabbedPanelsContent {border-right:1px solid #E0EBF2;float:left;margin:5px 0 0;min-height:200px;padding:4px;width:577px;}
.tabs .ltSide{ border-right:1px solid #E0EBF2;float:left;margin:0;padding:10px;width:267px; min-height:200px;}
.tabs .rtSide{ float:right; width:269px; padding:10px; margin:0;}
.tabs .rtSide img{border:5px solid #a9a9a9;} 
.tabs h3{ color:#005e90; font-weight:normal; font-size:16px;}
.tabs .TabbedPanelsContentVisible { }

.structBody .MidWrap{margin:0; padding:0 20px; float:left; width:640px;}

.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left;}
.structRight #ContentRight{margin:0; padding:0; float:left;}

/* Footer Elements 
---------------------------------------------*/
.structFooter1{float:left;width:100%;background:url(images/footerBG.gif) repeat-x 0 bottom;}
.structFooter2{width:902px;margin:0 auto; padding:10px 0 ;}
.structFooter1 #ContentFooter{margin:0; padding:0;float:left;width:500px; color:#637e8c; }
.structFooter1 #Contentfootnav{margin:0; padding:0; float:right;}
.structFooter1 #Contentfootnav ul{list-style:none;margin:0;padding:0}
.structFooter1 #Contentfootnav li{border-left:1px solid #1b455c;float:left;padding:3px 10px 10px;}
.structFooter1 #Contentfootnav a{color:#637e8c;display:block;font-size:14px;}