/* general */

body {
margin:0;
padding:0;
background-color:#E6E6E5;
font-family: Verdana,Sans-serif;
font-size: 11px;
text-align:center;
color: #777;  
}

#content-main {
width:100%;
background-color:#E6E6E5;
background-image:url(../images/bkgd-fade.gif);
background-repeat: repeat-x;
text-align:center;
margin-left: auto;
margin-right: auto;  
position:relative;
}

.content-centered {
width:760px;
padding:0px;
background-color:#fff;
text-align:left;
margin-left: auto;
margin-right: auto;
position:relative;
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
}

h2 {
font-family:arial;
font-size:1.3em;
font-weight:bold;
color:#AFB27C;
padding:0 0 10px 0;
margin:0;
}

h2.inline {
padding:15px 0 15px 0;
color:#000;
}

h3 {
font-family:arial;
font-size:1.3em;
font-weight:bold;
color:#3E4D74;
padding:0 0 10px 0;
margin:0;
}

h3 sup {
font-weight:normal;
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}

h4 {
font-family:arial;
font-size:1.1em;
font-weight:bold;
color:#3E4D74;
padding:0 0 3px 0;
margin:0;
}

h4.alert {
color:#bb0000;
}

h4.inline {
padding:10px 0 0 0;
}

sup {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}

a {
color:#AE4C03;
}

a:hover {
color:#ff8000;
}

hr {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
width: 100%;
}

.centered {
text-align:center;
}

/* sub-classes for content-centered divs */

.div-top {
height:63px;
}

.nav-bar {
/* height:18px; */
height:19px;
}

.nav-shadow {
background: url(../images/nav_shadow2.gif);	 
height:10px;
}	 

.top-banner {
height:115px;
padding:0 0 12px 0;
background: url(../images/main_bkgd.gif);
}	 	 

.good-stuff {
background: url(../images/main_bkgd.gif);
border-bottom:2px solid #D5D5D5;
}	 

.good-stuff-home {
padding-top:15px;
background: url(../images/main_bkgd.gif);
border-bottom:2px solid #D5D5D5;
}	 

/* top nav */

#logo-main {
position:absolute;
top:7px;
left:25px;
}

.alpha-shadow {
clear: both;
position:absolute;
top:0px;
left:375px;
background: url(../images/shadow-darker.gif) no-repeat bottom right;
/*margin: 0 0 0 17px !important;
margin: 0 0 0 8px;*/
}

.alpha-shadow div.shadow {
background: url(../images/shadow2-no-h-fade.png) no-repeat left top !important;
background: url(../images/shadow2.gif) no-repeat left top;
float: left;
padding: 0px 4px 4px 0px;
}

#topnav {
/*position:absolute;
top:0px;
left:300px;
width:412px;*/
padding:0px;
background-color:#fff;
text-align:left;
font-family:verdana;
font-size:10px;
}

#topnav ul {
margin:0;
padding:0;
list-style:none;
}

#topnav li {
float:left;
margin:0;
padding:0;
background-image:none;
line-height:normal;
text-indent:0;
}

#topnav a {
display:block;
padding:2px 10px 0 10px;
height:15px;
border:solid #ccc;
border-width:0 1px 1px 0;
color:#935425;
text-decoration:none;
white-space:nowrap;
text-align:center;
}

#topnav a.first {
border-width:0 1px 1px 1px;
}

#topnav a.last {
color:#717171;
}

/* Following rule allows entire region of link to to be 
clickable in IE/Win. Holly Hack explained here:
http://www.positioniseverything.net/explorer/escape-floats.html */
* html #topnav a {
width:1%;
}

#topnav a:hover {
color:#888;
background-color:#eee;
}

/* nav bar */

#nav {
position:absolute;
top:0px;
left:0px;
width:100%;
margin:0;
padding:0;
background-color:#555D7B;
background: url(../images/nav_bkgd2.gif);
text-align:left;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
float:left;
margin:0;
padding:0;
line-height:normal;
text-indent:0;
border-right:1px solid #fff;
}

#nav a {
display:block;
padding:3px 12px 4px 12px;
/* border-right:1px solid #929AB1; */
/* color:#73788A; */
color: #ddd;
text-decoration:none;
white-space:nowrap;
font-size:10px;
}

#nav a.first {
border-width:0 1px 0 0;
}

/* Following rule allows entire region of link to to be 
clickable in IE/Win. Holly Hack explained here:
http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
width:1%;
}

#nav a:hover {
/* color:#6B7FC5; */
color:#fff;
background: url(../images/nav_bkgd2_l.gif);	 
}

#btm {
width:740px;
padding:5px 0 20px 0;
line-height:1.5em;
margin-left: auto;
margin-right: auto;
position:relative;
font-size:10px;
text-align:left;
}

#btm a {
text-decoration:none;
color:#888;
}

#btm a:hover {
text-decoration:underline;
color:#000;
}

/* default form styles */

form {
  padding: 0px;
  border: 0px;
  display: inline;
}

/* can be used for collapsible divs */

.collapsible {
          display: none;
}

/* used for email validation */
input.invalid {
	background-color: #FF9;
	border: 2px red inset;
}
label.invalid {
	color: #F00;
	font-weight: bold;
}