/* HEADER AND MISC */
div.homeContent { width:385px; }
* html div.homeContent { width:350px; }
*+html div.homeContent { margin-top:35px; }

body {
background-color: #003068;
margin:0px;
font-family: verdana,arial,sans-serif;
behavior:url("http://www.smartwa.org/z_css/csshover.htc"); /* IE hover support */
}

img {
border:none;
}

div#wrap {
margin:0px auto;
width:100%;
}

div#header {
background-color: #003068;
text-align:center;
margin-left:30px;
margin:0px auto;
width:800px;
height:114px;
}

* html h1.extramargin {
padding-top:15px;
}

span.activecheckoutstep {
color:#ab1408;
font-weight:bold;
}

span.abstract_validationfailed {
color:#ab1408;
}

td.titleleft, td.titleright {
font-weight:bold;
}

/* TOP NAVIGATION */

div#topNav {
background:url(../z_img/smartwa_nav_background.gif);
height:40px;
width:100%;
text-align:center;
z-index:98;
}

div#topNavContainer {
/* width:723px; */
width:815px;
margin:0 auto;
height:40px;
}

div.menuItem {
position:relative;
display:block;
float:left;
z-index:99;
}

div.submenu {
position:absolute;
text-align:left;
top:40px;
width:178x;
color:white;
font-size:8pt;
line-height:200%;
visibility:hidden;
z-index:100;
}

div.submenu img {
position:absolute;
top:100%;
}

div.submenu a {
background-color:#ddd;
color:#333;
text-decoration:none;
display:block;
border-left: 5px solid #ddd;
border-right: 5px solid #ddd;
width:162px;
padding-left:6px;
}

div.submenu a:hover {
background-color:#eee;
}

* html div.submenu {
/* IE6 Hack */
top:40px;
}

*+html div.submenu {
/* IE7 Hack */
top:40px;
}


/* SECTION MENUS */

div#sectionMenu {
float:left;
width:173px;
margin-top:20px;
}

div#sectionMenu img {
border-width:5px 6px 5px 5px;
border-style:solid;
border-color:#336699;
float:left;
}

div.sectionSubMenu {
text-align:left;
width:178px;
color:white;
font-size:8pt;
line-height:200%;
border-top:5px solid #003366;
margin-top:128px;
}

div#sectionMenu div.sectionSubMenu img {
border:none;
border-top:3px solid #003366;
}

div#sectionMenu div.sectionSubMenu a {
background-color:#003366;
color:white;
text-decoration:none;
display:block;
border-left: 5px solid #003366;
border-right: 5px solid #003366;
width:162px;
padding-left:6px;
}

div#sectionMenu div.sectionSubMenu a:hover {
background-color:#336699;
}


/* QUOTES */

div#quote {
border-left:1px solid #99ccee;
width:125px;
float:right;
padding:15px;
margin-top:40px;
color:#6699cc;
font-size:11pt;
font-family:times,serif;
font-style:italic;
position:relative;
padding-top:-5px;
padding-right:25px;
}

#quote div#author {
font-size:11pt;
}

#quote div#company {
font-size:9pt;
}

div#quote img {
position:absolute;
}


/* CALENDARS */
#calendar td {
height:90px;
width:90px;
border-bottom: 1px solid #818181;
border-right: 1px solid #818181;
line-height:100%;
}

#calendar td.today {
font-weight:bold;
}

#calendar td.none {
background-color: #eeeeee;
}

#calendar th {
color:white;
background-color:#5598d6;
width:90px;
border-bottom: 1px solid #818181;
border-right: 1px solid #818181;
}

table#calendar {
border-top: 1px solid #818181;
border-left: 1px solid #818181;
}

#calendar caption {
font-size:14pt;
margin:10px;
}

div.phpc-navbar {
text-align:right;
margin-right:50px;
margin-top:10px;
}

div.phpc-navbar a {
text-align:center;
margin:3px;
}

#calendar ul {
margin:0;
padding:0;
list-style:none;
font-size:smaller;
}

#calendar li {
margin-bottom:3px;
}


/* CONTENT AREA */

div#contentWrap {
background:url(../z_img/content_background.gif) repeat-x white;
z-index:0;
}

div#content {
min-height:225px;
width:770px;
margin:0px auto;
font-size:9pt;
padding:20px 0px 50px 50px;
color:#333;
position:relative;
}

div#contentThin {
width:375px;
float:left;
margin-left:30px;
padding-bottom:20px;
}

div#homeImage {
margin:0px auto;
width:797px;
height:263px;
position:relative;
background:url(../z_img/homepage_body_image_bottom.gif) bottom no-repeat #6699cc;
z-index:1;
}

div#homeImage img {
border:9px solid #6699cc;
border-bottom:none;
float:left;
z-index:2;
}

div#content h1 {
color:#ab1408;
font-size:16pt;
}

* html div#content h1 {
margin-top:15px;
}

div#content a {
color:#5f8dc5;
}

div#content a:hover {
text-decoration:none;
}

div#feature {
float:right;
width:270px;
margin:20px;
margin-right:35px;
font-size:8pt;
padding: 20px 20px 10px 20px;
color:#003366;
border-left: 5px solid #d9e5f2;
border-right: 5px solid #d9e5f2;
}

div#feature p {
margin-top:2px;
margin-bottom:0px;	
}

div#feature a {
color:#5f8dc5;
}

div#feature h1 {
font-size:11pt;
margin-bottom:2px;
}

div#feature h1 a {
font-size:11pt;
color: #ab1408;
text-decoration:underline;
}

div#feature2 {
float:right;
width:270px;
margin:20px;
margin-top:10px;
margin-right:50px;
font-size:8pt;
padding: 10px;
padding-top:45px;
color:#003366;
position:relative;
background: url(http://www.smartwa.org/z_img/newsEventsHeader.gif) white no-repeat;
}

* html div#feature2 {
padding-top:40px;	
}

*+html div#feature2 {
padding-top:40px;	
}

div#feature2 p {
margin-top:2px;
margin-bottom:0px;	
}

div#feature2 a {
color:#5f8dc5;
}

div#feature2 h1 {
font-size:9pt;
margin-bottom:2px;
}

*+html div#feature2 h1 {
margin-top:5px;
}

div#feature2 h1 a {
font-size:9pt;
color: #ab1408;
text-decoration:underline;
}

div#feature2 div.fItem {
border-bottom: 1px dashed #d9e5f2;
padding-bottom:5px;
}

span.date {
color:gray;
}

div#feature div.fItem {
border-bottom: 1px dashed #d9e5f2;
padding-bottom:10px;
}

div#feature h1 a:hover {
text-decoration:none;
}

div#endContent {
clear:both;
}

div#content a.regLink {
color:white;
background-color:#ab1408;
padding:2px 5px;
text-decoration:none;
font-size:8.5pt;
font-weight:bold;
}

div#content a.regLink:hover {
color:#ab1408;
background-color:white;
}


/* FOOTER */

div#footer {
background-color: #003068;
color:#879db4;
font-size:7pt;
width:720px;
margin:5px auto;
line-height:140%;
padding-bottom:10px;
clear:both;
}

div#footer.indented {
background-color: #003068;
color:#879db4;
font-size:7pt;
width:500px;
margin:5px auto;
line-height:140%;
padding-bottom:10px;
padding-left:185px;
clear:both;
}

* html div#footer.indented {
padding-left:245px;
width:550px;	
}

*+html div#footer.indented {
padding-left:205px;
width:520px;	
}

div#footer a {
color:#879db4;
text-decoration:none;
}

div#footer a:hover {
text-decoration:underline;
}

#library {
	margin-top:20px;
}

.ext {
	font-size:8pt;
	color:#888888;
}