body {
	background-image: url(images/waterbg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin:0 auto;
	background-color: #226ea7;
}

a	{
	text-decoration:none;
}


a:hover	{
	text-decoration:underline;
}

#content #body li #button h2 a:hover {
	text-decoration:none;
}

}

h2 {
	color:#565656;
	font-family:arial black;
}

p {
	color:#565656;
	font-family:Arial, Helvetica;
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
	font-weight:normal;

}

blockquote {
	color:#565656;
	line-height:160%;
	margin:5px 0 10px 20px;
	font-family:Arial, Helvetica;

}

#page {
	text-align: left;
	margin: 0 auto;
	top: 60px;
	position: relative;
	background-color: white;
	width: 960px;
}

#hometop {
	background-color: white;
	padding: 0px;
	margin-bottom: 80px;
	width: 960px;
	height:auto;
	clear:both;
}

#hometop #logo {
	width:239px;
	height:221px;
	position:relative;
	left: 100px;
	top: 45px;
	background-image: url(images/spwlogo-large.gif);
	background-repeat: no-repeat;
}

#hometop #intro {
	color: #565656;
	line-height: 26px;
	text-align: center;
	word-wrap: break-word;
	font-style: italic;
	font-size: 17px;
	font-family: Arial, Helvetica;
	width: 314px;
	left: 66px;
	top: 20px;
	position: relative;
}

#hometop #video {
	position:relative;
	background-image: url(images/video.jpg);
	float: right;
	top:47px;
	right:50px;
	height: 390px;
	width: 480px;
}

#hometop #novideo {
	position:relative;
	background-image: none;
	float: right;
	top:47px;
	right:50px;
	height: 390px;
	width: 480px;
}

#homenav {
	position:relative;
	top:0px;
	left:0px;
	background-color:#e0f1da;
/*	width: 915px; */
	height:186px;
	padding-left:23px;
	clear:both;
	margin-bottom:60px;
}

#homenav a, a:hover, a:visited { 
	color: #2182e0;
	text-decoration: none; 
}

#homenav ul {
	width: 937px;
	height:186px;
	margin:0;
	padding:0;
	background-color:#e0f1da;
	overflow:hidden;
	
}

#homenav li {
	text-align: left;
	list-style-type: none;
	width: 24%;
	height:186px;
	margin:0px;
	border-left:1px #f9fcf8 solid;
	position: relative;
	float:left;
	display:block;
	cursor:pointer;
	border:1px solid white;
}


#homenav li:hover, #homenav li.hover {
	background-color:#f9fcf8;
}

#homenav li h1 {
	color:#2182e0;
	font-family:georgia, times;
	font-size:17px;
	font-weight:normal;
	line-height:19px;
	margin-bottom:8px;
	padding:9px 20px 0px 20px;
}

#homenav li p {
	font-size:13px;
	font-weight:normal;
	line-height:17px;
	margin-bottom:8px;
	padding:0px 20px 20px 20px;
}






#navbar {
	background-color: white;
	padding: 0px;
	margin-bottom: 30px;
	width: 960px;
	height:110px;
	clear:both;
}

#navbar #logo {
	width:110px;
	height:74px;
	position:relative;
	float:left;
	clear:none;
	left: 60px;
	top: 18px;
	background-color:#ffffff;
	/*background-image: url(images/spwlogo.gif);*/
	background-repeat: no-repeat;
}

#navbar #globalnav {
	position:relative;
	float:right;
	top:0px;
	right:0px;
	width: 728px;
	padding:0px;
	clear:none;
	margin-bottom:0px;
	height:110px;
	overflow:hidden;
}

#navbar #globalnav a, a:hover, a:visited { 
	color: #2182e0;
	text-decoration: none; 
}

#navbar #globalnav ul {
	width: 728px;
	height:110px;
	margin:0;
	padding:0;
	background-color:#f4f8fb;
}


#navbar #globalnav li {
	text-align: left;
	vertical-align:top;
	display: inline-block;
	list-style-position: outside;
	list-style-type: none;
	width: 24%;
	height:138px;
	margin:0px;
	overflow:hidden;
	position:relative;
	float:left;
	cursor:pointer;
}

#navbar #globalnav li.on {
	background-color:#ffffff;
	height:110px;
}

/**********
hover state
***********/
#navbar #globalnav li:hover, #navbar #globalnav li.hover  {
	background-color:#fbfcfd;
	height:110px;
}

#navbar #globalnav li h1 {
	font-size:13px;
	font-weight:normal;
	line-height:14px;
	margin-bottom:6px;
	color:#2182e0;
	font-family:georgia, times;
	padding:6px 14px 0px 14px;
}

#navbar #globalnav li p {
	font-family:Arial, helvetica, verdana;
	font-size:11px;
	font-weight:normal;
	line-height:13px;
	margin-bottom:4px;
	padding:0px 14px 20px 14px;
}




#content {
	display:block;
	background-color: #ffffff;
	padding: 0px 0 160px 64px;
	margin-bottom: 60px;
	background-image: url(images/pagebg.gif);
	background-repeat: repeat;
	/*ehm*/
	position:relative;
}


#content #body {
	background-image: url(images/pagebg.gif);
	background-repeat: repeat;
	background-color: #ffffff;
	padding: 0px 40px 0 0;
	margin: 0px;
	width: 618px;
	float:left;
	clear:both;
}

#content #body h1 {
	font-size:30px;
	line-height:33px;
	margin-bottom:20px;
	font-weight:normal;
	color:#2182e0;
	font-family:georgia, times;
}

#content #body h2 {
	font-size:14px;
	line-height:16px;
	margin:6px 0 6px 0;
	font-weight:normal;
	color:#565656;
	font-family:arial black;
}

#content #body h3 {
	font-family: Arial, Helvetica, Verdana;
	font-size:9px;
	line-height:11px;
	margin:40px 0 4px 0;
	font-weight:normal;
	color:#4f4f4f;
	text-transform:uppercase;
	letter-spacing:.4em;
}

#content #body blockquote {
	font-size:14px;
	margin-bottom:10px;
	font-weight:normal;
}

#content #body p.intro {
	font-size:18px;
	line-height:28px;
	margin-bottom:28px;
	font-weight:normal;
}

#content #body #button {
	padding-left: 70px;
	padding-right: 10px;
	padding-top: 13px;
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #a1c7dd; ;
	height:45px;
	width: 148px;
	margin:10px 0 12px 0;
	background-image: url(images/buttonbg.gif);
}

#content #body a {
	text-decoration:none;
}

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

#content #body #update {
	padding: 10px 0 30px 0;
	border-bottom: 1px #cccccc solid;
}



#content #body #update #thumbnailgrid {
	margin: 30px 0 10px 0;
}




#content #body #update img {
	border:none;
}


#content #body #update h3 {
	margin: 0;
	padding:0;
}


#content #body #button:hover {
	background-color: #7aafd5;
}

#content #body #button h2 {
	font-family:arial black;
	font-size: 12px;
	line-height:13px;
	font-weight:normal;
	color:#ffffff;
	margin-top:3px;
}

#content #body ol {
	padding-top:10px;
}

#content #body ol li { ;
	font-size:14px;
	color:#565656;
	font-family: Arial, Helvetica, Verdana, sans-serif;  
	list-style-position: outside;  
	line-height: 140%;
	font-weight:normal;
	margin-bottom:16px;
	padding-right:30px;
}


#content #body ol li span { ;
	text-transform:uppercase;
	color:#2182e0;
	font-family:Arial Black, Arial, verdana;
	font-weight:normal;
}

#content #body ol li strong { ;
	font-family:Arial Black, Arial, verdana;
	font-weight:normal;
}






#content #sidebar {
	background-color: #f0f8ed;
	padding: 20px 0 30px 0 ;
	margin: 0px;
	width: 228px;
	/*ehm*/
	position:absolute;
	top:0;
	right:0;
	height:100%;
	z-index:5;
}


#content #sidebar h1 {
	color:#2182e0;
	font-family:georgia, times;
	padding: 0 30px 0 30px ;
	font-size: 14px;
	font-weight:normal;
	font-size:24px
}


#content #sidebar h2 {
	padding: 0 30px 0 30px ;
	font-size: 12px;
	font-weight:normal;
	color:#565656;
	font-family:arial black;
}


#content #sidebar h3 {
	font-family: Arial, Helvetica, Verdana;
	font-size:11px;
	line-height:11px;
	padding: 0 30px 0 30px ;
	margin:0px 0 8px 0;
	font-weight:normal;
	color:#4f4f4f;
}

#content #sidebar p {
	font-family: Arial, Helvetica, verdana;
	padding: 0 30px 0 30px ;
	line-height:140%;
	font-size:12px;
	font-weight:normal;
}


#content #sidebar #button {
	padding-left: 70px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 5px;
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #a1c7dd; ;
	margin: 0px;
	height:41px;
	width: 148px;
	float:right;
	margin:10px 0 12px 0;
	background-image: url(images/buttonbg.gif);
}

#content #sidebar #button:hover {
	background-color: #7aafd5;
}

#content #sidebar #button h2 {
	font-family:arial black;
	padding: 0 ;
	font-size: 12px;
	line-height:13px;
	font-weight:normal;
	color:#ffffff;
}

#content #sidebar ol {
	padding-top:10px;
}

#content #sidebar ol li { ;
	font-size:12px;
	color:#565656;
	font-family: Arial, Helvetica, Verdana, sans-serif;  
	list-style-position: outside;  
	line-height: 140%;
	font-size:11px;
	font-weight:normal;
	margin-bottom:16px;
	padding-right:30px;
}


#content #sidebar ol li span { ;
	text-transform:uppercase;
	color:#2182e0;
	font-weight:bold;
}




#footer {
	text-align:left;
	display:block;
	margin: 0 auto;
	margin-top:10px;
	background-color:none;
	position: relative;
	background-position: center top;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 960px;
	clear:both;
	/*ehm*/
	position:relative;
	z-index:1;
}

#footer #perclogo {
	position:absolute;
	top:0px;
	right:40px;
}

#footer p {
	font-family:arial, helvetica;
	font-size:10px;
	color:#565656;
	padding:20px 0 0 20px;
	vertical-align: middle;
}




.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

div a {
}