/*----------------------------+
 | Site: Site Name				    |
 +----------------------------*/

 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {background:url(../images/core/bg.jpg) repeat-x 0 0; font:12px Verdana, Arial, Helvetica, sans-serif;}
#container {background:url(../images/core/bg-img.jpg) no-repeat center top; margin:0 auto;}
#banner-container {width:920px; height:350px; margin:0 auto;}
	#banner {float:left; width:450px;}
		#testimonials {height:145px; overflow:hidden;}
		#navigation {height:35px; overflow:hidden;}
	#flash {float:left; width:470px; height:350px; overflow:hidden;}

#cta-navigation {width:900px; height:90px; margin:0 auto; padding:20px 0 20px 0; background:url(../images/core/cta-nav-footer.gif) repeat-x center bottom; }
ul#cta-nav li {width:200px; border-left:1px solid #d2d1d2; float:left; padding:0 10px 0 10px; font-size:11px; color:#8e8d8e; line-height:17px;}
ul#cta-nav li.start {border:none; padding:0 10px 0 0; width:210px;}

#content {width:860px; margin:0 auto; background:#f3f2f0; padding:20px;}
	#right-column {float:right; width:200px; border-left:1px solid #d2d1d2; padding:0 0 0 20px; margin:0 0 0 20px; text-align:center;}
		#right-column img {padding:1px; margin:0 0 15px 0; border:7px solid #c1c1c1;}

#footer {width:860px; padding:30px 20px 20px 20px; margin:0 auto; background:url(../images/core/content-footer.gif) repeat-x top center; text-align:center;}

.contact-container {width:860px;}
ul.contact-details {border-bottom:1px solid #d6d5d2; margin:0 0 20px 0;}
ul.contact-details li {float:left; width:285px;}
#contact-form-container {float:right; background:#e1dfdb; padding:20px;}



/* Navigation layout 
======================================================================*/
ul.nav {list-style:none; width: 450px; height:35px; display: inline-block; clear: both; padding:0 0 0 10px;}
ul.nav li {float:left; height:35px; overflow:hidden;}
ul.nav li a {display:block; height:35px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -35px!important;}

ul.nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; width: 67px;} 
ul.nav li#profile a {background: url(../images/nav/profile.jpg) no-repeat 0 0; width: 73px;} 
ul.nav li#services a {background: url(../images/nav/services.jpg) no-repeat 0 0; width: 110px;} 
ul.nav li#other a {background: url(../images/nav/other.jpg) no-repeat 0 0;width: 119px;} 
ul.nav li#contact a {background: url(../images/nav/contact.jpg) no-repeat 0 0;width: 71px;} 

.home 			ul.nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; background-position:0 -35px!important; width: 67px;} 
.profile 		ul.nav li#profile a {background: url(../images/nav/profile.jpg) no-repeat 0 0; background-position:0 -35px!important; width: 73px;} 
.services 	ul.nav li#services a {background: url(../images/nav/services.jpg) no-repeat 0 0; background-position:0 -35px!important; width: 110px;} 
.other 			ul.nav li#other a {background: url(../images/nav/other.jpg) no-repeat 0 0; background-position:0 -35px!important; width: 119px;} 
.contact 		ul.nav li#contact a {background: url(../images/nav/contact.jpg) no-repeat 0 0; background-position:0 -35px!important; width: 71px;}

#cta-navigation a {font:18px Georgia, "Times New Roman", Times, serif; color:#6e4fb6; text-decoration:none;}
#cta-navigation a:hover {color:#8ca42b;}

#content a {color:#4b289c; font-weight:bold; text-decoration:underline;}
#content a:hover {color:#5c6d16;}

#footer a {color:#6e4fb6; text-decoration:none;}

 



 /* Font Style
======================================================================*/
.home h1 {text-indent:-9999px; background:url(../images/core/header-home.jpg) no-repeat 0 0; width:341px; height:53px;}

h1, h3, h4, h5, p {line-height:20px; padding:0 0 15px 0;}
h1 {font:24px Georgia, "Times New Roman", Times, serif; color:#4b289c;}
h2 {font:18px Georgia, "Times New Roman", Times, serif; color:#6e4fb6; padding:0 0 5px 0;}
h3 {font:14px Arial, Helvetica, sans-serif; color:#855fdb;}
h4 {font:14px Arial, Helvetica, sans-serif;}
h5 {font:14px Arial, Helvetica, sans-serif; color:#669900;}

p {color:#333;}
#right-column p {color:#666; font-size:11px; padding:0 0 15px 0;}
#footer p {font-size:11px; color:#6e4fb6; line-height:22px;}



/* Extras 
======================================================================*/
hr {border:none; height:1px; border-bottom: 1px solid #d6d5d2; margin:0 0 15px 0;}
ul.gallery {width:650px; margin-left:130px;}
ul.gallery li {float:left; margin:10px 10px 0 0;}
ul.gallery li img {padding:1px; border:7px solid #c1c1c1;}

ul.inner { list-style:circle; margin-left:50px; line-height:20px; padding:0 0 15px 0;}

#supporters {
  margin: 10px 0;
  border-top: 1px solid #D6D5D2;
}

 /* Form Style
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 120px;
	float:left;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
