html, body                      { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 1em; font-family: inherit; vertical-align: baseline; }
body                            { font-family: Arial, "Trebuchet MS", "Bitstream Vera Serif", serif; font-size: 1em; color: gray; background: #00519F url(/images/cssimg/background.PNG) repeat-y top center; font-weight: 100; width: 100%; height: 100%; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 1.4em; text-align: justify; }

ul                              { text-align: left; display:inline; margin: 0 0 0 0; padding: 0 0 0 0; }
ul, li                          { text-align: left; display:inline; }

a {
	/* get rid of link outlines in firefox */
	outline-color:invert;
	outline-style:none;
	outline-width:medium; 
}

.textbox                        { margin: 0; padding: 5px 5px 0 5px; width: 340px; height: 25px; border: 1px solid silver; background: #efefef; font-weight:500; }
.textboxlonghigh                { margin: 0; padding: 5px 5px 0 5px; width: 340px; height: 70px; border: 1px solid silver; background: #efefef; font-weight:500; }
textarea.textboxlonghigh        { font-size:1em; font-family:arial; font-weight:500; }
.textbox:focus, 
.textbox:hover, 
.textboxlonghigh:focus, 
.textboxlonghigh:hover          { border: 1px solid #00519F; background: #ffffff !important; }

.myblue                         { color: #00519F; }

#cap-hanger                     { overflow:hidden; display: block; float:left; position:relative; padding: 20px 250px 20px 20px; font-size: 1.1em; color: silver; }  
.cap-hanger-left                { overflow: hidden; width: 400px; float: left;  position: relative; margin:  0px 0px 0px 60px; padding: 10px  0px 20px 0px; } 
.cap-hanger-right               { overflow: hidden; width: 210px; float: right; position: relative; margin: 60px 20px 0px 0px; padding: 10px  0px 20px 0px; } 
.cap-hanger-fullwidth           { overflow: hidden; width: 500px; float: left;  position: relative; margin:  0px 0px 0px 20px; padding: 5px 405px 0  0px; min-height: 500px; }  

#menu1 .cap-hanger-fullwidth    { margin: 0px 0px 0px 20px; background-image: none; padding: 5px 0px 20px 0px; width: 870px; min-height: 0px; }
#menu1 .cap-hanger-left         { margin-top: 10px; width: 380px; margin-left: 20px; }
#menu1 .cap-hanger-right        { margin-top: 10px; width: 380px; }

#menu5 .cap-hanger-right,
#menu6 .cap-hanger-right        { width: 320px; }


#forum .cap-hanger-fullwidth     { width: 900px; margin: 0px 0px 0px 20px; padding: 5px 0 0 0; min-height: 150px; }
#forum .cap-hanger-fullwidth img { margin: 5px 5px 5px 5px; border: 1px solid silver !important; }

.main-paragraph                 { font-size: 1em; line-height: 1.4em; font-weight: 400; padding: 0 0 0 0; margin: 0 0 0 0; max-width: 460px; color: #454545; } 

#cap-hanger a,
#cap-hanger a:link,  
#cap-hanger a:visited           { color: white; text-decoration: underline; }
#cap-hanger a:hover, 
#cap-hanger a:active            { color: #8CC63E; }

.MyLabel                        { width: 100px; color: #8CC63E; float: left;  position: relative; overflow: hidden; line-height: 1.3em; }
.MyValue                        { width: 540px; color: white;   float: right; position: relative; overflow: hidden; line-height: 1.3em; display: block; }
.MyValue a                      { color: white; }

#wrapper                        { width:  100%; margin: 25px 0 25px 0; } 
#inner-wrapper                  { width: 950px; border: 1px solid silver; position: relative; margin: 0 auto 0 auto; padding-top: 40px; background: white url(/images/cssimg/shading-top.PNG) repeat-x; } 

#hero                           { height: 160px; width:  950px; position: relative; margin: 0 auto 0 auto; }
#hero-left                      { height: 140px; width:  340px; position: absolute; top:  10px; left:  20px; }
#hero-middle-top                { height:  50px; width:  730px; position: absolute; top:  40px; left: 220px; color: #00519F; font-size: 2.4em; line-height: 1em; } 
#hero-middle-bottom             { height:  40px; width:  730px; position: absolute; top:  85px; left: 220px; color: gray;    font-size: 1.5em; line-height: 1em; } 
#hero-right                     { height:  30px; width:  265px; position: absolute; top:   0px; right: 30px; text-align: right; }

#imageContainer                 { overflow:hidden; width:908px; height: 319px; position: relative; float: left; }  
#imageContainer img             { display: none; position: absolute; top: 0px; left: 0px; width: 908px; opacity: .99; }  

#container                      { overflow: hidden; width:910px; margin: 0 auto 0 auto; min-height: 380px; padding: 0 20px 0 20px; position: relative; background-color: white; }

.cap-hanger-left      ul,
.cap-hanger-right     ul,
.cap-hanger-fullwidth ul        { text-align: left; display:block; list-style-type: none; margin: 10px 0 20px 0; padding: 0 0 0 0; }
.cap-hanger-left      li,
.cap-hanger-right     li,
.cap-hanger-fullwidth li        { text-align: left; display:block; background: transparent url(/images/cssimg/logo-bullet.jpg) 0 12px; background-repeat: no-repeat; margin: 0 0 5px 0; padding: 5px 0 0 20px; }

a img                           { border: none; }
label                           { font-weight: 500; color: #454545; }

a,
a:active,
a:visited                       { color: gray; text-decoration: underline; }
a:hover                         { color: #00519F; }

#link                           { overflow: hidden; right: 20px; top: 100px; position: absolute; width: 340px; text-align: center; }
#link a img                     { margin: 0 20px 0px 20px; }
#link p                         { color: silver; }

#cap-footer                     { width:950px; padding: 25px 0 10px 0; height: 50px; background: white url(/images/cssimg/shading-bottom.PNG) repeat-x center bottom; }
#cap-footer-left                { position: relative; float:left;  width:680px; margin-left: 40px; font-size: 0.9em; color: silver; }
#cap-footer-right               { position: relative; float:right; width:180px; }
#cap-footer-left a,
#cap-footer-left a:active,
#cap-footer-left a:visited      { margin-right: 25px !important; background-color: silver; color: white; text-decoration: none; display: inline; position: relative; font-weight: 500; padding: 3px 5px 3px 5px; }
#cap-footer-left a:hover        { background-color: gray; }
#cap-footer-right a img         { margin-top: -25px !important; }

.MyButton                       { margin-left: 115px; display:block; width: 160px; height:41px; background:url(/Images/buttons/button.png) 0 -41px no-repeat; text-align:center; font-size:16px; font-weight:500; text-decoration:none; color: white; line-height: 40px; border: 0px solid transparent; }
.MyButton-wide                  { margin-left:   0px; display:block; width: 299px; height:41px; background:url(/Images/buttons/button-wide.png) 0 -41px no-repeat; text-align:center; font-size:16px; font-weight:500; text-decoration:none !important; color: white !important; line-height: 40px; border: 0px solid transparent; }
.MyButton-widest                { margin-left:   0px; display:block; width: 460px; height:41px; background:url(/Images/buttons/button-widest.png) 0 -41px no-repeat; text-align:center; font-size:16px; font-weight:500; text-decoration:none !important; color: white !important; line-height: 40px; border: 0px solid transparent; }
.MyButton:hover                 { background:url(/Images/buttons/button.png) no-repeat; cursor: pointer; } 
.MyButton-wide:hover            { background:url(/Images/buttons/button-wide.png) no-repeat; cursor: pointer; }     
.MyButton-widest:hover          { background:url(/Images/buttons/button-widest.png) no-repeat; cursor: pointer; }     

.Extra-Top-Margin               { margin-top:  40px; }

h1                              { font-size: 2.2em; font-weight: 500; margin: 10px 0 10px 0; line-height: 1.5em; color: #00519F; }
h2                              { font-size: 1.2em; font-weight: 500; margin: 10px 0  0px 0; line-height: 1.5em; color: #00519F; }
h3                              { font-size: 1.0em; font-weight: 400; margin:  0px 0  5px 0; color: #454545; }
h4                              { font-size: 1.0em; font-weight: 500; margin:  5px 0 15px 0; color: #00519F; }

h1 a      { color: white !important; text-decoration: none !important; }
#menu1 h1 { font-size: 2.4em; }
#forum h1 { font-size: 1.3em; background-color: #00519F; color: white; padding-left: 20px; margin-top: 30px; margin-right: 30px; }

#menu5 h2,
#menu6 h2                       { margin-bottom: 10px; }

#forum .cap-hanger-fullwidth p a       { background-color: silver; text-decoration:none; padding: 5px 10px 5px 10px; margin-right: 10px; color: white; }
#forum .cap-hanger-fullwidth p a:hover { background-color: gray; }

#hero-right a,
#hero-right a:active,
#hero-right a:visited     { background-color: silver; color: white; text-decoration: none; display: inline; position: relative; font-weight: 500; margin-left: 20px; padding: 3px 5px 3px 5px; font-size: 0.9em; }
#hero-right a:hover       { background-color: gray; }

#navigation-menu          { width: 950px; height: 149px; display: block; background: url(/images/cssimg/menubar.png) no-repeat; }

ul#topnav                 { float: left; width: 850px; list-style: none; position: relative; margin: 0 65px 0 65px; }
ul#topnav li              { float: left; height: 87px; width: 136px; }
ul#topnav li a            { display: block; height: 52px; font-weight: 500; margin: 3px 0 0 0; padding: 18px 0 0 0; text-align: center; text-decoration: none; color: gray; background: url(/Images/buttons/menu-unselected.PNG) no-repeat; }
ul#topnav li:hover a      { color: #454545; }
ul#topnav li span         { position: absolute; left: -65px; top: 63px; height: 27px; display: none; width: 950px; }
ul#topnav li:hover span   { display: block; z-index: 200 !important; background-color: #00519F; }
ul#topnav li span a       { background-color: transparent !important; display: inline; background-image: none !important; color: silver !important; font-size: 0.8em !important; margin: 0 10px 0 0 !important; }
ul#topnav li span a:hover { color: white !important; }

/* Change the main menu selected option format when its page is open */

#menu1 #nav-menu1 a,
#menu2 #nav-menu2 a,
#menu3 #nav-menu3 a,
#menu4 #nav-menu4 a,
#menu5 #nav-menu5 a,
#menu6 #nav-menu6 a   { color: #00519F; background: url(/Images/buttons/menu-unselected.PNG) no-repeat; }

/* Change the main menu selected option format when a submenu item page is open */

#menu2-submenu-1 #nav-menu2 a,
#menu2-submenu-2 #nav-menu2 a,
#menu2-submenu-3 #nav-menu2 a,
#menu2-submenu-4 #nav-menu2 a,
#menu2-submenu-5 #nav-menu2 a,
#menu2-submenu-6 #nav-menu2 a,
#menu2-submenu-7 #nav-menu2 a,
#menu2-submenu-8 #nav-menu2 a,
#menu2-submenu-9 #nav-menu2 a,
#menu3-submenu-1 #nav-menu3 a,
#menu3-submenu-2 #nav-menu3 a,
#menu3-submenu-3 #nav-menu3 a,
#menu3-submenu-4 #nav-menu3 a,
#menu3-submenu-5 #nav-menu3 a { color: #00519F; background: url(/Images/buttons/menu-unselected.PNG) repeat-x; }

/* Keep the relevant submenu open on each of its item option pages */
 
#menu2           ul#topnav li#nav-menu2 span,
#menu2-submenu-1 ul#topnav li#nav-menu2 span,
#menu2-submenu-2 ul#topnav li#nav-menu2 span,
#menu2-submenu-3 ul#topnav li#nav-menu2 span,
#menu2-submenu-4 ul#topnav li#nav-menu2 span,
#menu2-submenu-5 ul#topnav li#nav-menu2 span,
#menu2-submenu-6 ul#topnav li#nav-menu2 span,
#menu2-submenu-7 ul#topnav li#nav-menu2 span,
#menu2-submenu-8 ul#topnav li#nav-menu2 span,
#menu2-submenu-9 ul#topnav li#nav-menu2 span,
#menu3           ul#topnav li#nav-menu3 span,
#menu3-submenu-1 ul#topnav li#nav-menu3 span,
#menu3-submenu-2 ul#topnav li#nav-menu3 span,
#menu3-submenu-3 ul#topnav li#nav-menu3 span,
#menu3-submenu-4 ul#topnav li#nav-menu3 span,
#menu3-submenu-5 ul#topnav li#nav-menu3 span   { display: block !important; }

/* Change the submenu selected option format when a submenu item page is open */

#menu2-submenu-1 ul#topnav li#nav-menu2 a#nav-menu2-item1,
#menu2-submenu-2 ul#topnav li#nav-menu2 a#nav-menu2-item2,
#menu2-submenu-3 ul#topnav li#nav-menu2 a#nav-menu2-item3,
#menu2-submenu-4 ul#topnav li#nav-menu2 a#nav-menu2-item4,
#menu2-submenu-5 ul#topnav li#nav-menu2 a#nav-menu2-item5,
#menu2-submenu-6 ul#topnav li#nav-menu2 a#nav-menu2-item6,
#menu2-submenu-7 ul#topnav li#nav-menu2 a#nav-menu2-item7,
#menu2-submenu-8 ul#topnav li#nav-menu2 a#nav-menu2-item8,
#menu2-submenu-9 ul#topnav li#nav-menu2 a#nav-menu2-item9,
#menu3-submenu-1 ul#topnav li#nav-menu3 a#nav-menu3-item1,
#menu3-submenu-2 ul#topnav li#nav-menu3 a#nav-menu3-item2,
#menu3-submenu-3 ul#topnav li#nav-menu3 a#nav-menu3-item3,
#menu3-submenu-4 ul#topnav li#nav-menu3 a#nav-menu3-item4,
#menu3-submenu-5 ul#topnav li#nav-menu3 a#nav-menu3-item5   { color: white !important; }

/* Indent the submenu items as required */

span.indent1   { padding-left:   0px !important; width: 950px !important; }
span.indent2   { padding-left:  85px !important; width: 865px !important; }
span.indent3   { padding-left: 170px !important; width: 780px !important; }

.AddressLabel  { color: #454545; width: 100px; position: relative; float: left; }
