 
/* ---------- MAIN CONTENT FORMATTING ---------- */
body, /*body div,*/ body p, body th, body td, body li, body dd {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color:       #000;
  font-size:   100%;
  text-align: center;

}
 /*body div,*/ body p, body th, body td, body li, body dd {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color:       #000;
  font-size:   90%;
  text-align: left;
}
	
body {
  margin: 0 auto;
  padding: 0;
  background: #fff;
  color: #000;
}

/* HEADERS  */
body h1 {
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  color: #545454;
  font-size: 130%;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

body h2 {
  color: #008dcf;
  font-size:   110%;
  font-weight: bold;
}

/* DEFAULT LINK/MAIN CONTENT AREA LINKS */
/* a old 003366 */
a:link    { color: #003366; }
a:visited { color: #003366; }	
a:hover   { color: #df7f03; }
a:active  { color: #df7f03; }

#page {
  width: 978px;
  margin: 0 auto;
  text-align: left;
  overflow: visible;
  border-left: #cecbd6 solid 2px;
  border-right: #cecbd6 solid 2px ;

}

#main {
  margin: 0 2px 0 2px;
}

#headerleft {
  float: left;
  margin: 0;
  padding: 0;
  width: 724px;
}

#headerright {
  float: right;
  margin: 0;
  padding: 0;
  width: 240px;
}


#logo {
   padding: 10px 0 15px 0px;
   margin: 0;
}

#utilitymain {
   border: #cecbd6 solid 1px;
   margin: 25px 0 0 0;   
   padding: 1px;
   width: 236px;
}

#utility {
   text-align: right;
   background-color: #96cdeb;
   margin: 0;
   padding: 3px 3px 0 3px;
   font-size: 85%;
}

.cmsLout {
font-size: 12px;
text-align: center;
padding-bottom: 2px;
background-color: red;
}

.cmsLout a {
text-decoration: none;
color: white;
}

.cmsLout a:hover {
text-decoration: none;
color: red;
background-color: white;

}


#utility .utilitylink a:link, #utility .utilitylink a:visited, #utility .utilitylink a:hover, #utility .utilitylink a:active, #utility .utilitylinkon a:link, #utility .utilitylinkon a:visited, #utility .utilitylinkon a:hover, #utility .utilitylinkon a:active {
  background: url(../images/btn_orangearrow.gif) no-repeat scroll top right;
  padding: 0 14px 5px 0;
  margin: 0;
  position: relative;
  top: -5px;  

}

#utility .utilitylink a:link { color: #000; font-weight: bold; text-decoration: none;}
#utility .utilitylink a:visited { color: #000; font-weight: bold; text-decoration: none;}	
#utility .utilitylink a:hover   { color: #ec6c0f; text-decoration: underline; font-weight: bold;}
#utility .utilitylink a:active  { color: #ec6c0f; text-decoration: underline; font-weight: bold;}

#utility .utilitylinkon a:link    { color: #ec6c0f; font-weight: bold; text-decoration: none;}
#utility .utilitylinkon a:visited { color: #ec6c0f; font-weight: bold; text-decoration: none;}	
#utility .utilitylinkon a:hover   { color: #ec6c0f; font-weight: bold; text-decoration: none;}
#utility .utilitylinkon a:active  { color: #ec6c0f; font-weight: bold; text-decoration: none;}


/* Main Navigation and Flyouts  */
#mainnav { /* all main nav lists */
  float: left;
   padding: 0;
   margin: 0;
   list-style: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #666;
   width: 723px;
  background-color: #3b68ab;   

}

#mainnav li.main, #mainnav li.lastnav, #mainnav li.mainOn, #mainnav li.lastnavOn { /* all list items */
  float: left;
  padding: 0;
  margin: 0;
  line-height: 12px;

}
			
#mainnav li.main a:link, #mainnav li.mainOn a:link,
#mainnav li.main a:visited, #mainnav li.mainOn a:visited,
#mainnav li.main a:active, #mainnav li.mainOn a:active,
#mainnav li.main a:hover, #mainnav li.mainOn a:hover {
  color: #fff;
  display: block;
  text-decoration: none;
  text-align: left;
  margin: 0;
  padding: 12px 13px 0px 6px;
  font-size: 65%;
  font-weight: bold;
  height: 100%;
}

.main {
  background: url(../images/MainNavBackwRule.gif) no-repeat scroll bottom right;
  height: 52px;
  margin: 0;
  padding: 0;
  display: block;  
}

#mainnav li.main a:active, #mainnav li.mainOn a:active,
#mainnav li.main a:hover, #mainnav li.mainOn a:hover {
  display: block;
  background-color: #de660f;
  background-image: none;  
  color: #fff; 
  font-weight: bold;  
  border-right: #c3d2e5 solid 1px;
  margin: 0;
  padding: 12px 12px 0px 6px;
  height: 100%;
}



#mainnav li.lastnav a:link,
#mainnav li.lastnav a:visited,
#mainnav li.lastnav a:active,
#mainnav li.lastnav a:hover {
  color: #fff;
  display: block;
  text-decoration: none;
  text-align: left;
  margin: 0;
  padding: 12px 13px 0px 6px;
  font-size: 65%;
  font-weight: bold;
  height: 100%;
}

.lastnav {
  background: url(../images/MainNavBack.gif) no-repeat scroll bottom right;
  height: 52px;
}


#mainnav li.lastnav a:active, #mainnav li.lastnavOn a:active,
#mainnav li.lastnav a:hover, #mainnav li.lastnavOn a:hover {
  display: block;
  background-color: #de660f;
  background-image: none;  
  color: #fff; 
  font-weight: bold;  
  margin: 0;
  padding: 12px 12px 0px 6px;
  height: 100%;  
}

	
#mainnav li.main ul, #mainnav li.lastnav ul { /* second-level lists */
   display: block;
   position: absolute;
   left: -999em;
   width: 202px;
   top: 10.96em;
   border-top: #c5c5c5 solid 1px;
   font-size: 115%;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   list-style: none;
   margin: 0;
   padding: 0;   
   background: #3b68ab;
   z-index: 3;
 }				

	
#mainnav li.main  ul li a:link, 
#mainnav li.main  ul li a:visited, 
#mainnav li.main  ul li a:active,
#mainnav li.lastnav  ul li a:link, 
#mainnav li.lastnav  ul li a:visited, 
#mainnav li.lastnav  ul li a:active {
   color: #fff;
   border-bottom: #c5c5c5 solid 1px;
   border-right: #c5c5c5 solid 1px;
   border-left: #c5c5c5 solid 1px;
   background: #008dcf;
   line-height: 16px;
   width: 195px;
   padding: 3px 2px 4px 4px;
   margin: 0;
   z-index: 4;
}
		
#mainnav li.main ul li a:hover,
#mainnav li.lastnav ul li a:hover{
   color: #fff;
   border-bottom: #c5c5c5 solid 1px;
   border-right: #c5c5c5 solid 1px;
   border-left: #c5c5c5 solid 1px;
   background: #df7f03;
   line-height: 16px;
   width: 195px;
   padding: 3px 2px 4px 4px;
   margin: 0;
   z-index: 5;
}

#mainnav li:hover ul ul, 
#mainnav li:hover ul ul ul, 
#mainnav li.sfhover ul ul, 
#mainnav li.sfhover ul ul ul {
   left: -999em;
   margin-top: -1.2em;
   
}
	
#mainnav li:hover ul, 
#mainnav li li:hover ul, 
#mainnav li li li:hover ul, 
#mainnav li.sfhover ul, 
#mainnav li li.sfhover ul, 
#mainnav li li li.sfhover ul { /* lists nested under hovered list items */
   margin-top: -2.58em;
   left: auto;
}	


/* Light Blue Header Banner Callout  */
#headerbanner { 
  clear: left;
  padding: 0;
  margin: 0;
  border: #ccc solid 1px;
  height: 183px;
  width: 722px;
  z-index: 6;

}


#spotlightfunction {
	margin: 0;
	padding:0; 
}

 #headerbanner #spotlightfunction .buttons {
	position: relative;
	top: -16px;
	left: 550px;
   	z-index: 2;	
	margin: 0;
	padding:0; 	
  }


#spotlight2 { 
	display: none;
}

#spotlight3 { 
	display: none;
}
#spotlight4 { 
	display: none;
}
#spotlight5 { 
	display: none;
}
#spotlight6 { 
	display: none;
}


.imageborder {
  padding: 0;
  margin: 0;
  border: #ccc solid 1px;
}


/* Green greenmain Navigation and Flyouts  */
#greennav { /* all greenmain nav lists */
   padding: 0;
   margin: 28px 0 0 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #666;
   width: 240px;
   list-style: none;   
   background-color: #b6d062;   
   height: 52px;
}

#greennav li.greenmain, #greennav li.lastgreennav, #greennav li.greenmainOn, #greennav li.lastgreennavOn { /* all list items */
  float: left;
  padding: 0;
  margin: 0;
  line-height: 12px;

}
			
#greennav li.greenmain a:link, #greennav li.greenmainOn a:link,
#greennav li.greenmain a:visited, #greennav li.greenmainOn a:visited,
#greennav li.greenmain a:active, #greennav li.greenmainOn a:active,
#greennav li.greenmain a:hover, #greennav li.greenmainOn a:hover {
  color: #000;
  display: block;
  text-decoration: none;
  text-align: left;
  margin: 0;
  padding: 12px 17px 0px 16px;
  font-size: 65%;
  font-weight: bold;
  height: 100%;
}

.greenmain {
  background: url(../images/GreenMainBack.gif) no-repeat scroll bottom right;
  height: 52px;
  margin: 0;
  padding: 0;
  display: block;  
}

#greennav li.greenmain a:active, #greennav li.greenmainOn a:active,
#greennav li.greenmain a:hover, #greennav li.greenmainOn a:hover {
  display: block;
  background-color: #3b68ab;
  background-image: none;  
  color: #fff; 
  font-weight: bold;  
  border-right: #eaf1d0 solid 1px;
  margin: 0;
  padding: 12px 16px 0px 16px;
  height: 100%;
}



#greennav li.lastgreennav a:link,
#greennav li.lastgreennav a:visited,
#greennav li.lastgreennav a:active,
#greennav li.lastgreennav a:hover {
  color: #000;
  display: block;
  text-decoration: none;
  text-align: left;
  margin: 0;
  padding: 12px 17px 0px 16px;
  font-size: 65%;
  font-weight: bold;
  height: 100%;
}

.lastgreennav {
  background: url(../images/GreenMainBackNoRule.gif) no-repeat scroll bottom right;
  height: 52px;
}


#greennav li.lastgreennav a:active, #greennav li.lastgreennavOn a:active,
#greennav li.lastgreennav a:hover, #greennav li.lastgreennavOn a:hover {
  display: block;
  background-color: #3b68ab;
  background-image: none;  
  border-right: #eaf1d0 solid 1px;  
  color: #fff; 
  font-weight: bold;  
  margin: 0;
  padding: 12px 16px 0px 16px;
  height: 100%;  
}

	
#greennav li.greenmain ul{ /* second-level lists */
   display: block;
   position: absolute;
   left: -999em;
   width: 202px;
   top: 10.95em;
   border-top: #c5c5c5 solid 1px;
   font-size: 115%;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   list-style: none;
   margin: 0;
   padding: 0;   
   background: #a1b856;
   z-index: 3;
 }				
 
#greennav li.lastgreennav ul { /* second-level lists */
   display: block;
   position: absolute;
   right: 140px; 
   left: -999em;
   width: 202px;
   top: 10.95em;
   border-top: #c5c5c5 solid 1px;
   font-size: 115%;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   list-style: none;
   margin: 0;
   padding: 0;   
   background: #a1b856;
   z-index: 3;
 }				
  

#greennav li.greenmain  ul li a:link, 
#greennav li.greenmain  ul li a:visited, 
#greennav li.greenmain  ul li a:active,
#greennav li.lastgreennav  ul li a:link, 
#greennav li.lastgreennav  ul li a:visited, 
#greennav li.lastgreennav  ul li a:active {
   color: #fff;
   border-bottom: #c5c5c5 solid 1px;
   border-right: #c5c5c5 solid 1px;
   border-left: #c5c5c5 solid 1px;
   background: #a1b856;
   line-height: 16px;
   width: 195px;
   padding: 3px 2px 4px 4px;
   margin: 0;
   z-index: 4;
}
		
#greennav li.greenmain ul li a:hover,
#greennav li.lastgreennav ul li a:hover{
   color: #fff;
   border-bottom: #c5c5c5 solid 1px;
   border-right: #c5c5c5 solid 1px;
   border-left: #c5c5c5 solid 1px;
   background: #3b68ab;
   line-height: 16px;
   width: 195px;
   padding: 3px 2px 4px 4px;
   margin: 0;
   z-index: 5;
}

#greennav li:hover ul ul, 
#greennav li:hover ul ul ul, 
#greennav li.sfhover ul ul, 
#greennav li.sfhover ul ul ul {
   left: -999em;
   margin-top: -1.2em;
   
}
	
#greennav li:hover ul, 
#greennav li li:hover ul, 
#greennav li li li:hover ul, 
#greennav li.sfhover ul, 
#greennav li li.sfhover ul, 
#greennav li li li.sfhover ul { /* lists nested under hovered list items */
   margin-top: -2.58em;
   left: auto;
}	

#lookingboxmain {
   border: #cecbd6 solid 1px;
   margin: 1px 0 0 0;   
   padding: 1px;
   width: 236px;
   height: 181px;
}

#lookingbox {
   text-align: left;
   background: url(../images/HeaderRightBlueCalloutBox.gif) repeat-x scroll top left;
   margin: 0;
   padding: 5px 0px 0 0px;
   font-size: 85%;
   height: 183px;   

} 

#lookingbox .title {
   margin: 0;
   padding: 0 0 5px 15px;
   display: block;
}

#lookingbox .text {
   margin: 0;
   padding: 5px 0 0 15px;
   
}

.dropdownbox {
  background-color:#df7f03;
  color:#FFFFFF;
  font-size:8pt;
  font-weight:bold;
  width: 200px;
  margin: 0;
  padding: 0;  
}

#lookingbox .rule {
   border-bottom: #cee4ef solid 1px;
   margin: 0;
   padding: 5px 0 0 0;
}

#search {
   margin: 0;
   padding: 20px 0 0 15px;
}

#search-quicksearch {
   margin: 0;
   padding: 0;
   width: 180px;
   font-size: 80%;
   height: 15px;
}

#searchbutton {
   margin: 0;
   padding: 0px 0 2px 2px;
   vertical-align: bottom;
}

#lookingbox .searchlink {
   margin: 0;
   padding: 5px 0 0 16px;
   font-size: 65%;   
   color: #000;
}

#lookingbox .searchlink a:link    { color: #000; }
#lookingbox .searchlink a:visited { color: #000; }	
#lookingbox .searchlink a:hover   { color: #df7f03; }
#lookingbox .searchlink a:active  { color: #df7f03; }




.trackback {
font-size: 10px;
float: left;
width: 712px;
padding-left: 10px;
padding-top: 4px;
border: #aaaaaa solid 1px;
height: 20px;
}

.trackback a {
color: #3969AD;
}

.trackback a:hover {
color: maroon;
}

.trackback a:visited {
color: #3969AD;
}


.pagetask {
font-size: 10px;
float: right;
width: 218px;
/*border: #aaaaaa solid 1px;*/
height: 20px;
text-align: right;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 20px;
}



#body {
clear: both;
  margin: 0;
  padding: 10px;
}

#body_int {
  margin: 0;
  /*padding: 10px;*/
float: right; 
width: 758px;
/*border: 1px solid #aaaaaa;*/
font-size: 90%;
}


.divtitle {
font-weight: bold;
}

.fnone {
clear: both; width: 99%; float: none; border: 1px solid silver; margin: 4px 1px 2px 1px; padding: 2px 3px 2px 4px; clear: both; font-size: 88%;
}



.fleft {
 clear: left; width: 49%; float: left; border: 1px solid silver; margin: 4px 1px 2px 1px; padding: 2px 3px 2px 4px; font-size: 88%;
}

.fright {
clear: right; width: 48%; float: right; border: 1px solid silver; margin: 4px 1px 2px 1px; padding: 2px 3px 2px 4px; font-size: 88%;
}

.fnone_edit {
width: 99%; float: none; border: 1px dashed maroon; margin: 4px 1px 2px 1px; padding: 2px 3px 2px 4px; min-height: 30px; clear: both; font-size: 88%;
}

.fleft_edit {
clear: left; width: 49%; float: left; border: 1px dashed maroon; margin: 4px 1px 2px 1px; padding: 2px 3px 2px 4px; min-height: 30px; font-size: 88%;
}

.fright_edit {
clear: right; width: 48%; float: right; border: 1px dashed maroon; margin: 4px 1px 2px 1px; padding: 2px 3px 2px 4px; min-height: 30px; font-size: 88%;
}


.fnone li, .fleft li, .fright li, .fnone_edit li, .fleft_edit li, .fright_edit li {
 font-size: 100%;
}

.fnone p, .fleft p, .fright p, .fnone_edit p, .fleft_edit p, .fright_edit p  {
 font-size: 100%;
}

.fnone div, .fleft div, .fright div, .fnone_edit div, .fleft_edit div, .fright_edit div  {
 font-size: 100%;
}

.fnone td, .fleft td, .fright td, .fnone_edit td, .fleft_edit td, .fright_edit td  {
 font-size: 100%;
}

.fright_edit:hover {
right; border: 1px solid green; cursor: hand;
}

.fnone_edit:hover {
border: 1px solid green; cursor: hand;
}

.fleft_edit:hover {
border: 1px solid green; cursor: hand;
}



#secondary_nav {
border: #aaaaaa solid 1px;
width: 190px;
float: left;
   margin: 0;   
   padding: 1px;
   background-color: #F7F6FC;
   margin-left: 4px; 

}



#sga_nav {
border: #aaaaaa solid 1px;
width: 190px;
float: left;
   margin: 0;   
   padding: 1px;
   background-color: #D6E7F7;
   margin-left: 4px; 

}

.sn_link_sga {
font-size: 70%;
padding: 2px 1px 2px 4px;
margin-bottom: 3px;
font-weight: bold;
}


#sec_nav_hdr {
font-size: 80%;
padding: 2px;
font-weight: bold;
background-color: #3B68AB;
color: white;
border: 1px solid;
text-align: center;
display: block;
}

 .related {
border: #aaaaaa solid 1px;
width: 190px;
float: left;
   margin: 0;   
   padding: 1px;
   background-color: #f2fbf0;
   margin-left: 4px; 
}


.smallgrntitle {
font-size: 80%;
padding: 2px;
font-weight: bold;
background-color: #B6D062;
border: 1px solid;
text-align: center;
display: block;
color: black;
}


.smallredtitle {
font-size: 80%;
padding: 2px;
font-weight: bold;
background-color: #CE0829;
border: 1px solid;
text-align: center;
display: block;
color: #ffffff;

}

.reccomended {
  float: left;
margin-top: 20px;
   border: #aaaaaa solid 1px;
   margin-left: 4px;  
   padding: 1px;
 width: 190px;
   height: 200px;
   overflow: auto;
}

.smallltbluetitle {
  background-color: #96CDEB;
  display: block;
  margin: 0;
  padding: 5px 5px 5px 10px;
  font-size: 80%;
  color: #000;
  font-weight: bold;
}



.sn_link {
font-size: 70%;
padding: 2px 1px 2px 4px;
margin-bottom: 3px;
}


#greenspotlight {
  background: url(../images/GreenCalloutBack.gif) no-repeat scroll bottom right;
  width: 960px;
  height: 40px;

}
#greenspotlight .spotlighttitle {
  float: left;
  background: url(../images/GreenCalloutLeft.gif) no-repeat scroll top left;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
}

#greenspotlight .spotlighttitletext {
  font-size: 115%;
  font-weight: bold;
  padding: 0px 0 0 40px;
  margin: 0;
  display: block;
}

#greenspotlight .spotlighttitlearrow {
  padding: 0px 0 0 0px;
  margin: 0;
}

#greenspotlight .spotlighttext {
  padding: 6px 0 0 0px;
  margin: 0 0 0 175px;
  font-size: 75%;
  font-weight: bold;
  color: #003366;
}

#greenspotlight .spotlighttext a:link   { color: #003366; }
#greenspotlight .spotlighttext a:visited { color: #003366; }	
#greenspotlight .spotlighttext a:hover   { color: #e47110; }
#greenspotlight .spotlighttext a:active  { color: #e47110; }




.leftspace {
  margin: 0;
  padding: 0 0 0 20px;
}




.orange { 
  color: #e47110;
  text-weight: bold;
  font-size: 80%;
}




.clearfloat {
  clear: both;
  margin: 0;
  padding: 0;
}




.largebluecalloutleft {
   float: left;
   border: #aaaaaa solid 1px;
   margin: 0;   
   padding: 1px;
   width: 355px;
  min-height: 342px;
 
}


.largebluecalloutright {
   float: right;
   border: #aaaaaa solid 1px;
   margin: 0;   
   padding: 1px;
   width: 559px;
}

.bluetitle {
  background: #39659c url(../images/MainBlueCalloutTitleBack.gif) no-repeat scroll top right;
  display: block;
  margin: 0;
  padding: 5px 5px 5px 10px;
  font-size: 105%;
  color: #fff;
  font-weight: bold;
}


.callouttext {
  margin: 0;
  padding: 0px 10px 10px 10px;
  font-size: 75%;
}

.callouttext a {
  line-height: 150%;
  }

.eventtextleft {
 float: left;
  margin: 0;
  padding: 10px;
  font-size: 75%;
  width: 230px;
  display: block;
  height: 332px;
  overflow: auto;
}

.featuredevent {
  float: right;
  margin: 10px 5px 5px 0;
  padding: 10px;
  background-color: #f2eec0; 
  width: 280px;
  display: block;
  font-size: 75%;
}

.featuredeventtitle {
  margin: 0;
  padding: 0;
  font-size: 110%;
  font-weight: bold; 
}




.imageborder1 {
   border: #cecbd6 solid 1px;
   margin: 1px;   
   padding: 1px;
}




.viewall {
  text-align: right;
  padding: 10px 5px 10px 0;
  font-size: 70%;
  font-weight: bold;
  color: #003366;
}

.viewall a:link   { color: #003366; text-decoration: none; }
.viewall a:visited { color: #003366; text-decoration: none; }	
.viewall a:hover   { color: #e47110; text-decoration: none; }
.viewall a:active  { color: #e47110; text-decoration: none; }

.calloutareatabs {
   border: #aaaaaa solid 1px;
   margin: 0;   
   padding: 1px 1px 1px 0;
   width:950px;

}


.tabs {
	border: none;
} 

/*#bodycontent .tabs li .tabs-single {
	font-size: 125%;
}

#bodycontent .tabs li .tabs-double {
	font-size: 125%;
}
*/



.squareimage {
  list-style-image: url(../images/squareimagebullet.gif);
}

.squareimage li {
  padding: 5px;

}



.tabtext {
  display: block;
  font-size: 100%;
}



.smalltitle {
  margin: 0;
  padding: 3px;
  color: #39659c;
  font-size: 110%;
  font-weight: bold;
}



.twocol {
  width: 630px;
  float: left;  
}

.twocol .smallbluecalloutleft {
   float: left;
   border: #aaaaaa solid 1px;
   margin: 0;   
   padding: 1px;
   width: 305px;
   height: 220px;
   overflow: auto;
}


.twocol .smallbluecalloutright1 {
   float: right;
   border: #aaaaaa solid 1px;
   margin: 0;   
   padding: 1px;
   width: 305px;
   height: 220px;
   overflow: auto;
}

.smallbluecalloutright2 {
   float: right;
   border: #aaaaaa solid 1px;
    padding: 1px;
   width: 305px;
   height: 220px;
   overflow: auto;
}


.smallbluetitle {
  background: #39659c url(../images/SmallBlueCalloutTitleBack.gif) no-repeat scroll top right;
  display: block;
  margin: 0;
  padding: 5px 5px 5px 10px;
  font-size: 80%;
  color: #fff;
  font-weight: bold;
}

.smallsquareimage {
  list-style-image: url(../images/squareimagebullet.gif);
  margin: 0 0 0 13px;
  padding: 0;
}

.smallsquareimage li {
  padding: 5px;
  font-size: 90%;
}








#footer {
  clear: both;
  background: #96cdeb url(../images/FooterBackgroundTop.jpg) no-repeat scroll top left;
  margin: 1px;
  height: 80px;
  color: #003366;
  font-size: 70%; 
  padding: 0 0 10px 0;
}

#footer .footertext {
  margin: 0;
  padding: 40px 10px 10px 30px;
  color: #003366;
}

#footer .footerlink {
  color: #fff;
  margin: 0 0 8px 0;
}


#footer .footerlink a:link    { color: #003366; }
#footer .footerlink a:visited { color: #003366; }	
#footer .footerlink a:hover   { color: #dd660f; }
#footer .footerlink a:active  { color: #dd660f; }

#footer .footerbullet {
   margin: 0;
   padding: 0px 2px 4px 2px;
   vertical-align: bottom;
}

/* message for preview page  */
#prv_msg {
font-size: 14px;
color: white;
background-color: red;
text-align: center;
border: 1px solid black;
font-weight: bold;
padding: 3px 2px 3px 2px;
}


#prv_msg_desc {
font-size: 12px;
color: white;
background-color: gray;
text-align: center;
border: 1px solid red;
font-weight: bold;
padding: 2px 2px 3px 2px;
}

.div_ttl {
margin-bottom: 2px;
padding-top: 2px;
padding-left: 1px;
font-weight: bold;
color: #9C0000;
}

.cell_cnt {

padding: 2px 2px 2px 2px;
}

/* from basic file that was delete */
/* Define defaults for old browsers */
/*div,*/ p, th, td, li, dd {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:       #000000;
  font-size:   11px;
}

h1 {
  font-size:   122%;
  font-weight: bold;
  font-family: Georgia, Times New Roman, Times, serif;  
  color: #333;
}

h2 {
  font-size:   110%;
  font-weight: bold;
  color: #333;
}

/* Style for contact forms */

.contact_label {
font-weight: bold;
}


#bg_nav {
border: #aaaaaa solid 1px;
width: 190px;
float: left;
   margin: 0;   
   padding: 1px;
   background-color: #f9f7f7;
   margin-left: 4px; 

}

#bg_nav_hdr {
font-size: 80%;
padding: 2px;
font-weight: bold;
background-color: #8c0000;
color: white;
border: 1px solid;
text-align: center;
display: block;
}

#bg_cat_nav {
border: #aaaaaa solid 1px;
width: 190px;
float: left;
   margin: 0;   
   padding: 1px;
   background-color: #f3fcfb;
   margin-left: 4px; 

}

#bg_cat_hdr {
font-size: 80%;
padding: 2px;
font-weight: bold;
background-color: #7DB8D6;
color: white;
border: 1px solid;
text-align: center;
display: block;
}



#bg_comp_nav {
border: #aaaaaa solid 1px;
width: 190px;
float: left;
   margin: 0;   
   padding: 1px;
   background-color: #fff8f4;
   margin-left: 4px; 

}

#bg_comp_hdr {
font-size: 80%;
padding: 2px;
font-weight: bold;
background-color: #DF7F03;
color: white;
border: 1px solid;
text-align: center;
display: block;
}

.key_story {
margin: 4px 10px 2px 20px;
background-color: #f3f3f3;
padding: 2px 2px 2px 2px;
}

/*contact form*/
#mask {
background-color:#000;
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:9000;
}

#stf {
background-color:#fff;
display:none;
left:50%;
margin-left:-30px;
position:absolute;
top:90px;
width:360px;
z-index:9999;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:20px;
}

#close {
background:url(../images/close.png) no-repeat right;
cursor:pointer;
font-family:arial, sans-serif;
font-size:20px;
font-weight:700;
line-height:24px;
text-decoration:underline;
text-align:right;
padding:5px 30px 5px 5px;
}

#contact_header {
background:url(../images/envelope.png) no-repeat left;
font-family:arial, sans-serif;
font-size:30px;
font-weight:700;
line-height:50px;
padding:5px 5px 5px 60px;
}

/* form components */
#stf input,textarea {
border:1px solid silver;
background-color:#fff;
color:#404040;
font-size:10px;
font-family:Verdana, Arial, sans-serif;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:1px 0;
padding:5px;
}

#stf input:hover[type=text],input:focus[type=text],textarea:hover,textarea:focus {
background-color:#E0E0E0;
border:1px solid #000;
}

#stf input[type=text],textarea {
width:300px;
}

#newbtn {
border: 1px solid silver;
font-size: 14pt;
font-weight: bold;
padding: 5px;
text-decoration: none;
}
