styles.css #1

@charset "UTF-8";
/* CSS Document */

/* =GLOBAL STYLES
-----------------------------------*/
body {
background: white;
margin:0;
padding:0;
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#2f2f2f;
text-align:left;
}

p {
font-size:12px;
line-height: 17px;
padding: 2px 0 10px 0;
margin: 0;
}

a { color:#087e90 }

a:hover { color:black }

h1{
float: right;
font-size: 22px;
text-shadow: 0px 0px 5px white;
font-weight: normal;
margin: 0;
padding-top: 7px;
}

h2 {
font-size: 19px;
line-height: 23px;
font-weight: normal;
margin:0;
padding: 5px 0 8px 0;
}

h3{
margin: 0;
font-size: 14px;
}

a img { border:none }

.clear { clear:both }

.right5{padding-right: 5px;}
.margin-right{margin-right: 2%;}

/* Use this class to center content */

.centered { 
display:block;
margin:0 auto;
}

/* Use these classes to float images to the left or right.  
This will allow copy to flow around the image*/

.float-left {
float:left;
margin:0;
}

.float-right {
float:right;
margin:0;
}


/* =CONTAINER STYLES
-----------------------------------*/

#header {
background:url(../images/header-repeat.jpg) repeat-x;
padding: 12px 0 10px 0;
height: 153px;
}

.container {
width:960px;
margin:0 auto;
padding: 0;
}

#footer{
background:url(../images/footer-repeat.jpg) repeat-x;
padding: 14px 0 0 0;
margin-top: 15px;
height: 30px;
}

.main{
float: left;
width: 64%;
min-height: 400px;
height: 100%;
}

.sidebar{
float: right;
width: 34%;
}


/* =CONTENT STYLES
-----------------------------------*/

.logo{
float: left;
}

.title {padding-top: 20px;}

hr{
border: none;
border-bottom: 1px solid #e5e5e5;
margin: 10px 0 15px 0;
}

/* Navigation */

#nav {
float: left;
background: url(../images/nav-divider.jpg) no-repeat top left;
list-style-type:none;
margin: 0;
padding: 0;
height:71px;
}

#nav li {
float:left;
background: url(../images/nav-divider.jpg) no-repeat top right;
display:block;
padding: 26px 0 24px 0;
}

	#nav li a{
	color:#f2f2f2;
	font-size:16px;
	text-shadow: 1px 1px 1px #000;
	text-decoration:none;
	padding: 26px 17px 24px 17px;
	}	
	
	#nav li a:hover {
	background: url(../images/nav-button.jpg) no-repeat center #202020;
	}	

/* Buttons */

.button{
height: 31px;
}

a.button-link span {
background: transparent url(../images/btn-left.gif) no-repeat 0 0;
display: block;
color: white;
font-size: 14px;
font-weight: normal;
text-shadow: 1px 1px 1px black;
padding: 5px 5px 10px 13px;
}

	a:hover.button-link span {
	background: transparent url(../images/btn-left-hover.gif) no-repeat 0 0;
	}

a.button-link {
float: right;
background: transparent url(../images/btn-right.gif) no-repeat top right;
display: block;
text-decoration: none;
padding-right: 23px;
height: 31px;
}

	a:hover.button-link {
	background: transparent url(../images/btn-right-hover.gif) no-repeat top right;
	}
	
/* Button */

.CTA{
margin-top: 10px;
height: 39px;
}

a.CTA-link span {
background: transparent url(../images/btn-purple-left.jpg) no-repeat 0 0;
display: block;
color: white;
font-size: 19px;
font-weight: normal;
text-shadow: 1px 1px 1px black;
padding: 9px 6px 20px 13px;
}

	a:hover.CTA-link span {
	background: transparent url(../images/btn-purple-left-hover.jpg) no-repeat 0 0;
	}

a.CTA-link {
float: right;
background: transparent url(../images/btn-purple-right.jpg) no-repeat top right;
display: block;
text-decoration: none;
padding-right: 50px;
height: 49px;
}

	a:hover.CTA-link {
	background: transparent url(../images/btn-purple-right-hover.jpg) no-repeat top right;
	}
	
	
/* Sidebar and Boxes */

.box {
background: #ededed;

border: 1px solid white;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

-moz-box-shadow: 0px 0px 4px #adadad;
-webkit-box-shadow: 0px 0px 4px #adadad;
box-shadow: 0px 0px 4px #adadad;

padding: 10px 15px 7px 15px;
margin: 5px 0 12px 0;
}

	.box h2{
	height: 45px;
	}
	
.box ul{
list-style: none;
font-size: 13px;
margin: 0;
padding: 0 0 5px 0;
}

.box li{
padding-bottom: 6px;
}

.three-boxes{
float: left;
width: 32%;
}


/* Footer */

.footer-left{
float: left;
}

	.footer-left a{color: white; padding-right: 10px;}
	.footer-left a:hover{color: #16a0b5;}

.footer-right{
float: right;
color: #9f9f9f;
}