/*
----------------------------------------------------------------------------
CSS Document: styles.css
----------------------------------------------------------------------------
*/
/* default type selectors
* ------------------------------------------------------------------------- */
`

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: #FDFDFD url(../images/bg.jpg) repeat-x scroll 0 0;
	color: #555555;
	margin: 0 auto;
	font-family: "lucida grande", "lucida sans unicode", arial, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	display: block;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
ol, ul {
	list-style: decimal outside;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

h1, h2, h3, h4, h5, h6 {
	color: #22272A;
	font-family: "lucida grande", "lucida sans unicode", arial, sans-serif;
	margin-bottom: 10px;
}

h1 {
	font-size: 28px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 20px;
}

h2 {
	font-size: 28px;
	font-family: "lucida grande", "lucida sans unicode", arial, sans-serif;
	margin-bottom: 20px;
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 17px
}

h6 {
	font-size: 17px
}

h2 span, h1 span {
	font-weight: 300;
}

p, ul, ol, dl, blockquote {
}

a:link, a:visited {
	text-decoration: underline;
	color: #555555;
}

a:active, a:focus, a:hover {
	text-decoration: underline;
	color: #009cff;
	font-family: "lucida grande", "lucida sans unicode", arial, sans-serif;
}

.list {
}

.list li {
	line-height: 32px;
	background: url(images/bullets.gif) no-repeat left;
	padding-left: 16px;
}

.list li a {
	color: #394040;
	text-decoration: none;
	display: block;
}

.list li a:hover {
	color: #2358D4;
	text-decoration: underline;
}

/* default classes
* ------------------------------------------------------------------------- */
.clearafter:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearall {
	clear: both;
}

.padfix {
	height: 0.1px;
}

/* Hides from IE-mac \*/
* html .clearafter {
	height: 1%
}

/* End hide from IE-mac */
.ir {
	height: 0;
	line-height: 30px;
	overflow: hidden;
}

.logo {
	background: transparent url(../images/logo.jpg) no-repeat scroll 0 0;
	display: block;
	padding-top: 97px;
	width: 679px;
	float: left;
}

/* body
* ------------------------------------------------------------------------- */
#bg-wrap1 {
	background: transparent url(../images/bg1.jpg) no-repeat scroll center top;
	height: 97px;
	margin: 0 auto;
	width: 960px;
}

#bg-wrap2 {
	margin: 0 auto;
	width: 960px;
}

#site-wrap {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	position: relative;
	padding-bottom: 30px;
}

#headerresources {
	background: url(../images/header2.jpg) no-repeat scroll 0 0;
	height: 375px;
	margin-bottom: 20px;
	overflow: hidden;
}
#headercontact {
	background: url(../images/header4.jpg) no-repeat scroll 0 0;
	height: 375px;
	margin-bottom: 20px;
	overflow: hidden;
}

#locavail {
	background: url(../images/locavail.png) no-repeat scroll 0 0;
	height: 39px;
	margin-top: 24px;
	overflow: hidden;
}

#top {
	height: 97px;
	width: 960px;
	margin: 0 auto;
}

#col1 {
	margin: 0 28px 0 0;
	width: 300px;
	height: 192px;
	float: left;
}

#col2 {
	margin: 0 28px 0 0;
	width: 300px;
	height: 192px;
	float: left;
}

#col3 {
	margin: 0;
	width: 300px;
	height: 192px;
	float: left;
}

/* Main content Rt & Lft Column
* ------------------------------------------------------------------------- */
#contentwrapper {
	margin: 20 auto 0;
	position: relative;
	text-align: left;
	width: 960px;
}

#left-column {
	float: left;
	margin: 10px 30px 0 0;
	width: 630px;
}

#welcome {
	background: url(../images/welcome.png) no-repeat scroll 0 0;
	float: left;
	margin: 11px 0 10px 0;
	height: 26px;
	width: 630px;
}
#maincont {
	width: 630px;
	height: 280px;
	float: left;
	padding-bottom: 15px;
}
#maincont span {
	color: #375364;
}
#maincont contact {
	width: 630px;
	height: 280px;
	float: left;
	padding-bottom: 15px;
}

.textbox {
	width: 300px;
	height: 210px;
	margin-right: 30px;
	float: left;
	background: url(uploads/images/blog-line.gif) bottom repeat-x;
	padding-bottom: 15px;
	border-bottom: 1px dotted #555;
}
.textboxshort {
	width: 300px;
	height: 150px;
	margin-right: 30px;
	float: left;
	background: url(uploads/images/blog-line.gif) bottom repeat-x;
	padding-bottom: 15px;
	border-bottom: 1px dotted #555;
}
.textbox2 {
	width: 300px;
	height: 210px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #555;
	float: left;
	color: #555555;
}
.textbox2short {
	width: 300px;
	height: 150px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #555;
	float: left;
}
.textbox3 {
	width: 630px;
	margin-right: 30px;
	float: left;
}
.news {
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
}

.newshead {
	background: url(../images/news.png) no-repeat scroll center top;
	padding-top: 40px;
	width: 300px;
	margin-top: 29px;
}

.newscolhead blockquote p {
	color: #22272a;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	margin: 15px 5px 0px 0px;
}

.newscolfoot {
	background: url(../images/newscolfoot.png) no-repeat scroll center top;
	height: 50px;
	width: 300px;
}

.newscolfoot p {
	margin-left: 250px;
	padding-top: 25px;
}

.newscolfoot a:hover {
	text-decoration: underline;
	font-family: "lucida grande", "lucida sans unicode", arial, sans-serif;
}

.newscolfoot a {
	color: #22272a;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.textbox ul {
	list-style: none outside none;
	padding: 0px;
}
.textbox ul li {
	background: url('../images/check.png') no-repeat scroll 0;
	padding-left: 20px;
}

/* footer
* ------------------------------------------------------------------------- */
#bg-wrap3 {
	background: url(/) no-repeat scroll center top #22272a;
	display: block;
	width: 100%;
}

#footer {
	font-size: 12px;
	color: #69767e;
	margin: 0 auto;
	width: 960px;
	padding: 20px 0 100px 0;
	font-family: "lucida grande", "lucida sans unicode", arial, sans-serif;
	font-weight: 300;
}

#footer-text1 {
	display: block;
	width: 630px;
	float: left;
	text-align: left;
	font-family: "lucida grande", "lucida sans unicode", arial, sans-serif;
}

#footer-text2 {
	display: block;
	width: 300px;
	float: right;
	text-align: left;
	color: #69767e;
}

#footer-nav li.first {
	border: medium none;
	padding-left: 0;
}

#footer-nav li.last {
	padding-right: 0;
}

#footer-nav li {
	border-left: 1px solid #fff;
	display: inline;
	padding: 0 4px 0 7px;
}

#footer-nav li a {
	color: #fff;
}

#footer-nav li a:hover {
	color: #de5c00;
	text-decoration: none;
}

.copyright-height {
	line-height: 0px;
}
/* ----------------------------------------------Newsletter-------------------------------------*/
form {
	display: block;
	width: 300px;
	margin: 5;
	padding: 0;
	border: none;
	float: right;
} 

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* ------------------------ horizontal sprite nav ------------------------ */
#nav {
	background: url("../images/nav.jpg") no-repeat;
	width: 281px;
	height: 97px;
	float: left;
	margin: 0;
	padding: 0;
}

#nav span {
	display: none;
}

#nav li, #nav a {
	height: 97px;
	display: block;
}

/* change height here also */
#nav li {
	float: left;
	list-style: none;
	display: inline;
	position: relative;
}

#nav-01 {
	width: 75px;
}

#nav-02 {
	width: 114px;
}

#nav-03 {
	width: 92px;
}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover {
	background: url("../images/nav.jpg") -0px -97px no-repeat;
}

#nav-02 a:hover {
	background: url("../images/nav.jpg") -75px -97px no-repeat;
}

#nav-03 a:hover {
	background: url("../images/nav.jpg") -189px -97px no-repeat;
}

/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
/body#home #nav-01 {
	background: url("../images/nav.jpg") -0px -97px no-repeat;
}

/body#resources #nav-02 {
	background: url("../images/nav.jpg") -75x -97px no-repeat;
}

/body#contact #nav-03 {
	background: url("../images/nav.jpg") -189px -97px no-repeat;
}

/* ------------------------ vertical sprite nav ------------------------ */
#friendscol {
	width: 300px;
	height: 528px;
	float: left;
	background: 555;
}
#friendsA {
	background: url("../images/friendsA.jpg") top left no-repeat;
	width: 150px; /* Width of buttons, not entite image (or half of entire image) */
	height:240px; /* Height of entire image */
	margin:0;
	padding: 0;
	float: left;
}
#friendsB {
	background: url("../images/friendsB.jpg") top left no-repeat;
	width: 150px; /* Width of buttons, not entite image (or half of entire image) */
	height:240px; /* Height of entire image */
	margin:0;
	padding: 0;
	float: left;
}

#friendsA li span, #friendsB li span {
	display: none;
}

#friendsA li, #friendsB li {
	float: left;
	list-style: none;
	position: relative;
}

#friendsA li, #friendsB li, #friendsA a, #friendsB a {
	height: 80px; /* Each button must have the same height, define it here */
	display:block;
}

/* margin-top to set where the nav should begin */
#friendsA-01, #friendsB-01 {
	margin-top: 0px;
	width: 150px;
}

/* margin-top if there is a spacing between each nav button */
#friendsA-02, #friendsA-03, #friendsB-01, #friendsB-02, #friendsB-03 {
	margin-top: 0;
	width: 150px;
}

#friendsA-01 a:hover {
	background: url("../images/friendsA.jpg") -156px -0px no-repeat;
}
#friendsA-02 a:hover {
	background: url("../images/friendsA.jpg") -156px -80px no-repeat;
}
#friendsA-03 a:hover {
	background: url("../images/friendsA.jpg") -156px -160px no-repeat;
}
#friendsB-01 a:hover {
	background: url("../images/friendsB.jpg") -156px -0px no-repeat;
}
#friendsB-02 a:hover {
	background: url("../images/friendsB.jpg") -156px -80px no-repeat;
}
#friendsB-03 a:hover {
	background: url("../images/friendsB.jpg") -156px -160px no-repeat;
}

/*-------------- jQuery Twitter CSS ------------- */
img {
	border: none;
}

pre {
	display: block;
	font: 12px "Courier New", Courier, monospace;
	padding: 10px;
	border: 1px solid #bae2f0;
	background: #e3f4f9;
	margin: .5em 0;
	width: 674px;
}

.twitted {
	width: 298px;
	margin-bottom: -1.5em;
	border: 1px solid #C2C2C2;
	background-color: #F4F4F5;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat; /* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	display: block; /* tweet content */
}

.twitted ul#twitter_update_list li span a {
	color: #234DBF; /* links in tweet content */
}

.twitted ul#twitter_update_list li a {
	color: #EF4C3B; /* timestamp link */
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}

/*-------------- END jQuery Twitter CSS ------------- */
/*-------------- jQuery Slider CSS ------------- */
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
}

/* // image replacement */
#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 696px;
	background: #fff;
	margin-bottom: 2em;
}

#header {
	height: 80px;
	line-height: 80px;
	background: #5DC9E1;
	color: #fff;
}

#content {
	position: relative;
}

/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider2 {
	margin-top: 1em;
}

#slider li, #slider2 li {
	width: 960px; /*
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/
	height: 375px;
	overflow: hidden;
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev {
	display: block;
	width: 30px;
	height: 375px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
}

#nextBtn, #slider1next {
	left: 930px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {
	display: block;
	position: relative;
	width: 30px;
	height: 375px;
	background: url(../images/btn_prev.png) no-repeat 0 0;
}

#nextBtn a, #slider1next a {
	background: url(../images/btn_next.png) no-repeat 0 0;
}

/* numeric controls */
ol#controls {
	margin: 1em 0;
	padding: 0;
	height: 28px;
}

ol#controls li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	line-height: 28px;
}

ol#controls li a {
	float: left;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	background: #DAF3F8;
	color: #555;
	padding: 0 10px;
	text-decoration: none;
}

ol#controls li.current a {
	background: #5DC9E1;
	color: #fff;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline: none;
}


/* // Easy Slider */