styles.css #1

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

body{
font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 14px;
line-height: 19px;
color: #333333;
margin: 0;
padding: 0;
}

* {
margin:0;
padding:0;
}

img {border:none}

a{color: #115577;}
a:hover{color: #000;}

p{
font-size: 14px;
line-height: 22px;
padding: 4px 0 7px 0;
}

h1{
font-size: 20px;
line-height: 26px;
padding-bottom: 6px;
}

h2{
font-size: 25px;
line-height: 30px;
font-weight: normal;
padding: 4px 0 8px 0;
}

h3{
font-size: 16px;
line-height: 23px;
font-weight: normal;
padding: 5px 0 6px 0;
}

h4{
font-size: 14px;
padding: 6px 0 4px 0;
}

.clear {clear:both;}


/* Container Styles
------------------------------------------------*/

#header{
padding: 22px 0 0 10px;
height: 63px;
}

#nav{
background: url(../images/nav-bg.jpg) repeat-x top left;
height: 31px;
}

#intro{
background: url(../images/intro-bg.jpg) repeat-x top left;
padding-top: 22px;
height: 223px;
}

	#intro-short{
	background: url(../images/intro-bg-short.jpg) repeat-x top left;
	padding-top: 19px;
	height: 148px;
	}

#main{
padding: 30px 0;
}

#footer{
clear: both;
background: url(../images/footer-bg.jpg) repeat-x top left;
margin-top: 20px;
padding-top: 8px;
height: 57px;
}

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

	.container-thin{
	margin: 0 auto;
	width: 720px;
	}

/* Styles 
------------------------------------------------*/

/* Nav */

.mini-nav{
float: right;
font-size: 12px;
padding-top: 22px;
}

	.mini-nav a.button-left {
	float: left;
	background: url(../images/mininav-bg.jpg) no-repeat top left;
	display: block;
	cursor: pointer;
	color: black;
	text-align: center;
	text-decoration: none;
	padding: 10px 0 0 22px;
	width: 146px;
	height: 31px;
	}
	
		.mini-nav a:hover.button-left {
		background: url(../images/mininav-bg.jpg) no-repeat bottom left;
		}

	.mini-nav a.button-right {
	float: right;
	background: url(../images/mininav-bg.jpg) no-repeat top right;
	display: block;
	cursor: pointer;
	color: black;
	text-align: center;
	text-decoration: none;
	padding: 10px 2px 0 0;
	width: 107px;
	height: 31px;
	}
	
		.mini-nav a:hover.button-right {
		background: url(../images/mininav-bg.jpg) no-repeat bottom right;
		}

#nav ul{
list-style: none;
}

	#nav ul li{
	float: left;
	padding: 6px 3px 0px 3px;
	}

	#nav ul li a{
	text-decoration: none;
	color: #000;
	padding: 3px 13px 3px 13px;
	}

	#nav ul li a:hover,
	#nav ul li.active a{
	background: #4b7f99;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	}

/* Home */

.column{
float: left;
padding: 0 30px;
width: 415px;
}

/* Footer */

#footer .links{
float: left;
}

	#footer .links p{
	font-size: 12px;
	padding-top: 12px;
	}

#footer .social{
float: right;
background: #e3e3e3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 4px 0 0 10px;
margin-right: 140px;
width: 279px;
}

#footer .copyright{
float: right;
}

	#footer .copyright p{
	font-size: 12px;
	padding-top: 12px;
	}