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

@import url(http://fonts.googleapis.com/css?family=Varela+Round|Schoolbell|Open+Sans:400italic,700italic,800italic,400,700,800);

@font-face {
font-family: 'vag';
src: url('VAG-rounded.ttf');
}

/*
COLORS

blue				#0078AF
magenta 			#A9218F
brighter magenta 	#BD1AA3
brightest magenta 	#C917AF
black 				#000
gold 				#E78D1D
turquoise 			#3EBDA8 

*/


* {
	padding: 0;
	margin: 0;
}
.clear {
	clear:both;
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
table {
	border-collapse:collapse;
}
body {
	background:#A9218F url(../images/bg.gif) fixed center top;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	text-align:center;
	font-size:14px;
}
#wrapper { /* sets page width and centers the main page area */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px auto; /* sticky footer - negative bottom margin is equal to footer height */
	width:990px;
	padding:0;
	text-align:left;
}
#content {
	background:url(../images/content_bg.png) left top repeat-y;
	min-height:300px;
	margin:10px 0 0 0;
	padding:0 6px 0 2px;
	width:982px;
}
#content_bottom {
	background:#A9218F url(../images/content_bottom.gif) no-repeat 790px top;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:0 0 0 1px;
	padding:0;
	width:980px;
}
#content_bottom div {
	background:#0078AF;
	color:#FFF;
	padding:12px 20px 8px 20px;
	font-size:12px;
	width:730px;
}
#content_bottom div a {
	color:#FFF;
	text-decoration:none;
}
#content_bottom div a:hover {
	color:#FFF;
	text-decoration:underline;
}
#bottom_shadow {
	height:12px; width:988px;
	background:url(../images/bottom_shadow.png) no-repeat left top;
	text-indent:-999em;
}
/* ---------------------------------- HEADER STYLES ---------------------------------- */
#header {
	background:url(../images/header_bg.gif) repeat-x;
	border-top:1px solid #FFF;
	margin:0 0 0 2px;
	width:980px;
	height:223px;
	position:relative;
	z-index:1;
}
#logo1 { /* logo emblem */
	width:179px;
	height:185px;
	margin:0;
	padding:0;
	
	position:absolute;
	left:0;
	top:0;
	z-index:8;
}
#logo1 a {/* logo emblem */
	background:url(../images/logo1.gif) no-repeat;
	display:block;
	width:179px;
	height:185px;
	margin:0;
	padding:0;
	text-decoration:none;
}
#logo2 { 
	position:absolute;
	left:200px;
	top:112px;
	margin:0;
	padding:0;
	z-index:8;
}
#logo2 a {
	background:url(../images/logo2.png) no-repeat;
	display:block;
	width:606px;
	height:44px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999em;
}
/* header photo on interior pages*/
#headerPhoto {
	position:absolute;
 	width:803px;
 	height:185px;
	top:0;
	left:177px;
 	overflow:hidden;
	z-index:3;
}
#headerTop {
	position:absolute;
	right:20px;
	top:10px;
	z-index:6;
	color:#FFF;
	text-shadow:1px 1px 3px #000;
	font-weight:bold;
	font-size:11px;
	z-index:3;
}
#headerTop a {
	color:#FFF;
	display:block;
	margin-left:20px;
	float:right;
	text-decoration:none;
	padding:6px 0 8px 0;
}
#headerTop a:hover {
	text-decoration:underline;
}
#headerTop .FB a {
	background:url(../images/FB.png) no-repeat left center;
	padding:6px 0 8px 0;
	text-indent:-999em;
	width:64px;
	height:64px;
}
#headerTop .TW a {
	background:url(../images/TW.png) no-repeat left center;
	padding:6px 0 8px 36px;
	text-indent:-999em;
	width:64px;
	height:64px;
}
/* ---------------------------------- SITE NAVIGATION ---------------------------------- */


#nav1 {  /* main content navigation - top horizontal tabs */
	position:absolute;
	width:801px;
	height:34px;
	left:178px;
	top:190px;
	z-index:8;
}
#nav2 {  /* left column navigation with accordion menu */
	width:160px;
	padding-left:20px;
}
#nav3 {  /* main content navigation - top horizontal tabs */
	background:#A9218F;
	border-top:5px solid #E78D1D;
	border-bottom:1px solid #FFF;
	margin-left:2px;
	padding-left:179px;
	width:801px;
	height:34px;
	position:relative;
	z-index:8;
}
#menu2 { /* accordion menu wrapper */
}

/* use a table to align the entire nav list to the right*/
#nav1 table, #nav3 table {
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
	float:right;
	width:auto;
}
#nav1 table td, #nav3 table td {
	padding:0;
	border:0;
}

/*---------------------------------- FOOTER STYLES ---------------------------------- */
#footer, .push { /* sticky footer */
	height: 30px;
	width:100%;
}
#footer {
}
#footerBlock {
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	color:#0078AF;
	font-size:12px;
	margin:0 auto;
	padding:0 6px 10px 2px;
	width:980px;
}
#footerBlock a {
	color:#0078AF;
	text-decoration:none;
}
#footerBlock a:hover {
	color:#A9218F;
	text-decoration:underline;
}
#footer #credit {
	color: #FCF;
	font-size:10px;
	float:right;
	text-align:right;
	width:250px;
}
#footer #credit a {
	color:#FCF;
	text-decoration:none;
	margin:0;
}
#footer #credit a:hover {
	color:#A9218F;
	text-decoration:underline;
}

/* ---------------------------------- CONTENT BLOCKS AND COLUMNS ---------------------------------- */
#column1 { /* left column for side nav */
	background:url(../images/dots.gif) repeat-y right top;
	width:180px;
	padding:30px 0 0 0;
}

#column2 { /* center column for content and image areas */
	padding:10px 20px 20px 20px;
}

#column3 { /* right column for sidebar */
	background:url(../images/dots.gif) repeat-y left top;
	width:160px;
	padding:30px 10px 0 10px;

}

/* FEATURED PAGES AND SIDEBAR */
#featuredPages {
	background:url(../images/dots.gif) repeat-y right top;
	width:178px;
	padding:30px 0 10px 1px;
	vertical-align:top;
}
#featuredPages ul, #column3 ul {
	list-style:none;
	margin:0;
	padding:0;
	width:178px
}
#featuredPages ul li, #column3 ul li {
	color:#000;
	font-size:11px;
	line-height:140%;
	padding:0 15px 30px 15px;
	margin:0;
	width:147px;
}
#featuredPages ul li img, #column3 ul li img {
border:none;
	margin:0 0 10px 0;
	width:140px;
	/*	border:1px solid #fff;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000; */
}
#featuredPages a, #column3 a {
border:none;
	color:#A9218F;
	text-decoration:none;
	font-weight:bold;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:13px;
	line-height:140%;
	display:block;
	padding-bottom:4px;
}
#featuredPages a:hover, #column3 a:hover {
	color:#C917AF;
	text-decoration:underline;
}
#featuredPages h3, #column3 h4 {
	color:#000;
	font-size:12px;
	letter-spacing:1px;
	margin:0;
	padding:10px 0;
	display:block;
	clear:both;
}
#featuredPages p, #column3 p {
	color:#000;
	font-size:12px;
	line-height:140%;
	margin:0;
	padding:0;
}
#header #featureTitle {
	color:#FFF;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:12px;
	line-height:1;
	font-weight:bold;
	padding:10px 0 10px 0;
	text-align:center;

	position:absolute;
	top:190px;
	left:1px;
	height:14px;
	width:180px;
	overflow:hidden;
	
	z-index:7;
}

#pages #header #featureTitle {
	display:none;
	}

/* ---------------------------------- TEXT BLOCKS ---------------------------------- */
#block1 { /* home page intro text */
	padding:20px;
	text-align:left;
	width:762px;
	background:url(../images/dots.gif) repeat-x left 1px;
	vertical-align:top;
}
#block2none { /* content block for interior pages - no image column */
	color:#000;
	float:none;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
}
#block2none p {

}
#block2right { /* content block for interior pages with right image column */
	color:#000;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	width:70%;
}
#block2left { /* content block for interior pages with left image column */
	color:#000;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
	width:70%;
}
#left_text {
	background:url(../images/dots.gif) repeat-x -1px top;
	margin:20px 4px 0 2px;
	padding:15px 20px;
	width:134px;
}
/* ---------------------------------- PHOTOS ADDED IN THE CMS ---------------------------------- */
.imagearealeft { /* photo column on content pages */
	width:28%;
	margin:0;
	padding:63px 2% 0 0;
	float:left;
}
.imagearearight { /* photo column on content pages */
	width:28%;
	margin:0;
	padding:63px 0 0 2%;
	float:right;
}
.imagearealeft a.enlarge, .imagearearight a.enlarge { /* Image links in image column */
	width:150px;
}
.imagearealeft a.enlarge img, .imagearearight a.enlarge img { /* Image width in image column */
	width:150px;
	
}
a.enlarge { /* float images placed into the content from the image library */
	margin:0;
}
.imagearea1 a.enlarge { /* but don't float the other images */
	margin:0;
}

#column2 img, a img {
	border:none;
/*border:1px solid #fff;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;*/
}

/* ---------------------------------- CONTENT STYLES ---------------------------------- */
blockquote {
	color:#0078AF;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	padding:10px;
	margin:10px 0;
}
blockquote p, p blockquote {
	color:#0078AF;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	padding:0;
	margin:0;
}
h1, #pagetitle {
	font-family:'vag','Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	color:#3EBDA8;
	font-weight:normal;
	font-size:36px;
}
h2 {
	font-family:'vag','Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	color:#A9218F;
	font-weight:normal;
	font-size:32px;
}
h3 {
	font-family:'Schoolbell','Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	color:#0078AF;
	font-weight:normal;
	font-size:32px;
}
h4 {
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	color:#A9218F;
	font-weight:bold;
	font-size:24px;
}
h5 {
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	color:#3EBDA8;
	font-weight:bold;
	font-size:24px;
}
h6 {
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	color:#A9218F;
	font-weight:bold;
	font-size:24px;
}
h1, h2, h3, h4, h5, h6, #pagetitle {
	line-height:120%;
	margin:10px 0 4px 0;
}
h1 a, h3 a, h5 a,#pagetitle a {
	color:#000;
}
h1 a:hover, h3 a:hover, h5 a:hover, #pagetitle a:hover {
	color:#C917AF;
}
h2 a, h4 a, h6 a {
	color:#C917AF;
}
h2 a:hover, h4 a:hover, h6 a:hover {
	color:#C917AF;
}
hr {
	background:url(../images/dots.gif) repeat-x -3px top;
	color: #000;
	border:none;
	border-collapse:collapse;
	margin:18px 0;
	height:3px;
}
p, .base {
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#000;
	line-height:150%;
	margin:0;
	padding:5px 0;
}
big {
	font-size:16px;
	font-weight:normal;
}
small, .small {
	font-size:11px;
	font-family:Arial, san-serif;
}
p.small { /*captions*/
margin:0;
padding:3px 0;
line-height:120%;
}
p a, .base a, .small a, big a, td a, #column2 li a {
	color:#A9218F;
}
p a:hover, .base a:hover, .small a:hover, smaller a:hover, td a:hover, #column2 li a:hover {
	color:#C917AF;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
#column2 ul, #column2 ol {
	margin:0 0 0 20px;
	padding:0 0 10px 0;
}
#column2 li {
	line-height:150%;
	margin:0;
	padding:0;
}
/* ---------------------------------- TABLE & IFRAME STYLES ---------------------------------- */
table#content-table {
	width:100%;
}

table#content-table td {
	vertical-align:top;
}
#com_contact_form {
float:right;
width:300px;
}
#home table td {vertical-align:top;}
#column2 table, #com_contact_form, #login {
	background: #DBF1F7;
	margin-bottom:20px;
	padding:10px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	
	border:1px solid #FFF;
	box-shadow:#333 1px 1px 3px;
	-moz-box-shadow:#333 1px 1px 3px;
	-webkit-box-shadow:#333 1px 1px 3px;
}
#login {
	margin:40px auto 100px auto;
	width:300px;
	text-align:center;
}
#com_contact_form {
float:right;
width:300px;
margin-left:20px;
}
#com_contact_form label {
display:block;
padding:10px 0 0 0;
}
#column2 table th, #column2 table td.tableHead {
	font-weight:normal;
	vertical-align:top;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	color:#C917AF;
	font-size:14px;
	border:none;
	border-bottom:1px solid #FFF;
	padding:0 30px 10px 0;
	
}
iframe, IFRAME {
	border:none;
	margin:0;
}
/* ---------------------------------- HOME PAGE MODULES ---------------------------------- */

/* photo cycle */

#cycle {
	background:none;
	border-left:1px solid #FFF;
	margin:0;
	padding:0;
	height:450px;
	width:802px;
	overflow:hidden;
	position:relative;
	z-index:4;
}
#banner {
	margin:0;
	height:450px;
	width:802px;
	overflow:hidden;
	z-index:6;
}
#banner a {
	border:none;
	text-decoration:none;
}
#banner img {
	border:none;
	width:802px;
}
/* frame text */

#banner p.cycleText {
	background:none;
	background:rgba(0,0,0,.4);
	position:absolute;
	top:394px;
	left:11px;
	z-index:8;
	margin:0;
	padding:10px;
	width:759px;
	height:24px;
	overflow:hidden;
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	color:#FFF;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	text-align:left;
	text-shadow: 1px 1px 4px #000;
}
#banner a .cycleText {
	color:#FFF;
	text-decoration:none;
}
/* frame buttons - pager */
#frameNav {
	position:absolute;
	right:20px;
	top:20px;
	text-align: left;
	z-index:8;
}
#frameNav a {
	color:#000;
	display:block;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	
	text-shadow:1px 1px 1px #FFF;
	
	background:#FC0;
	border:none;
	float:left;
	height:12px;
	width:12px;
	margin: 0 0 0 6px;
	padding:3px;
	border:2px solid #FC0;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
}
#frameNav a:hover, #frameNav a.activeSlide:hover {
	background:#FC0;
	border:2px solid #FFF;
}
#frameNav a.activeSlide {
	background:#FFF;
	border:2px solid #FFF;
}

/* ---------------------------------- FORM - MESSAGE STYLES ---------------------------------- */
form .error {
	color: #C00;
}
.required {
 color:;
	font-style:italic;
}
.errMessage {
	border: 1px solid #CC0;
	padding: 5px;
	background-color: #F4F2F2;
}
.succMessage {
	border: 1px solid #060;
	padding: 5px;
	background-color: #F4F2F2;
}
label {	
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:16px;
}
.textfield {
	color:#000;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:16px;
	height:16px;
	padding:2px;
	line-height:22px;
	border:2px solid #000;
}
.textarea {
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:16px;
	border:2px solid #000;
	padding:2px;
}
.textfield:hover, .textarea:hover {
	border:2px solid #C917AF;
}
select {
	border:none;
	background:#FFF;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	height:auto;
	margin:0;
	padding:2px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
label {
	font-size:12px;
	line-height:1;
	display:block;
	margin:0 0 4px 0;
}
/* ------ buttons ------ */
.b1 {
	background:#A9218F;
	border:none;
	clear:both;
	color:#FFF;
	cursor:pointer;
	cursor:hand;
	display:block;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	
	font-size:15px;
	line-height:120%;
	text-align:center;
	text-decoration:none;
	margin:6px auto;
	padding:10px 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:300px;
}
.b1 a, a.b1 {
	color:#FFF;
	text-decoration:none;
	display:block;
	clear:both;
	margin:6px;
}
input.b1 {
	font-size:16px;
	padding:10px 20px;
	line-height:120%;
}
.b1:hover {
	background:#C917AF;
	text-decoration:none;
}
.b2 {
	background:#A9218F;
	color:#000;
	border:none;
	clear:both;
	cursor:pointer;
	cursor:hand;
	display:block;
	font-family:'Open Sans', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	
	font-size:13px;
	line-height:120%;
	text-align:center;
	text-decoration:none;
	padding:1px 8px;
	margin:0 6px 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
input.b2 {
	padding:2px 8px;
	line-height:120%;
}
.submit { /* constant contact form submit button */
	background:#A9218F;
	color:#FFF;
	border:none;
	cursor:pointer;
	cursor:hand;
	display:block;
	font-family:Arial, sans-serif;
	font-size:11px;
	float:left;
	height:11px;
	line-height:11px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	padding:1px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
input.submit {
	padding:2px 8px;
	line-height:120%;
}
.b2:hover, .submit:hover {
	background:#C917AF;
	text-decoration:none;
}
.b2 a {
	color:#FFF;
	text-decoration:none;
}
#column2 .b1 { /* default width for buttons in content area */
	margin:10px 0 0 0;
	width:160px;
}


/* ---------------------------------- MESSAGE STYLES ---------------------------------- */
.errMessage {
	background:#FFF url(../admin/images/icons/icon1_error.gif) no-repeat 8px 6px;
	border: 1px solid #C30;
	margin:16px 0 6px 0;
	padding: 12px 12px 12px 50px;
}
.succMessage {
	background:#FFF url(../admin/images/icons/icon1_success.gif) no-repeat 8px 6px;
	border: 1px solid #020402;
	margin:16px 0 6px 0;
	padding: 12px 12px 12px 50px;
}
.infoMessage {
	background:#FFF url(../admin/images/icons/icon1_info.gif) no-repeat 8px 6px;
	border: 1px solid #013668;
	margin:16px 0 6px 0;
	padding: 12px 12px 12px 50px;
}
.alertMessage {
	background:#FFF url(../admin/images/icons/icon1_alert.gif) no-repeat 8px 6px;
	border: 1px solid #F60;
	margin:16px 0 6px 0;
	padding: 12px 12px 12px 50px;
}

