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

/*
font-family: 'Quicksand', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Spinnaker', sans-serif;
font-family: 'Varela Round', sans-serif;
*/



/* GENERIC STYLES */

body {background:url(../images/pg-bg.jpg) center top no-repeat, url(../images/gradient-bg.jpg) left top repeat-x; font:normal 15px/1.5em 'Varela Round', sans-serif; color:#303030; }

p {font:normal 15px/1.5em 'Varela Round', sans-serif; color:#303030; margin:0 0 20px 0; display:block; position:relative}

div.wrapper-home {width:960px; height:100%; margin:0px auto 0; padding:0px; display:block;  /**/overflow:hidden; background:url(../images/color-bar-home.gif) top right no-repeat; z-index:9}

div.wrapper {width:960px; height:100%; margin:0px auto 0; padding:0px; display:block; /*position:relative;*/ overflow:hidden; background:url(../images/color-bar.gif) top right no-repeat; z-index:1}

div.wrapper-thankyou {width:960px; height:100%; margin:0px auto 0; padding:0px; display:block; position:relative; overflow:hidden; background:none }

div.no-colorbar {background:none}

img.logo-small {display:block; float:right; position:relative; margin:15px 0 60px 200px; }

div.whitebg {width:100%; height:auto; padding:0; margin:0; display:block; position:relative; overflow:hidden; background-color:#ffffff; }

div.content {width:782px; height:auto; font:inherit; margin:10px 0 40px 0; padding:0 0 0px 0; display:block; float:right; position:relative; }
.innercontent{width:520px; white-space:pre-line}
.innercontent img{max-width:100%}

div.content.add-border {border-bottom:1px #dbdbdb solid}

div.content p {font:normal 15px/1.5em 'Varela Round', sans-serif; color:#303030; margin:0 0 20px 0; display:block; float:left; position:relative}

/* left menu */
div.wrapper div.left_menu {width:120px; height:560px; font:inherit; margin:0 0 0px 0; padding:90px 10px 0px 0px; z-index:999; position:fixed; display:block; left:auto; top:16%; margin-top:0; /*border-right:1px #b3b3b3 solid*/ background:url(../images/menu_bg.png) top right no-repeat; color:#303030;}

div.wrapper div.left_menu ul{width:120px; height:530px; display:block; padding:0; margin:0; z-index:999;}

div.wrapper div.left_menu ul li {background:none; display:block; width:85%; height:auto; position:relative; color:#303030; border-bottom:1px #e9e9e9 solid; padding:0px 0 10px 0; line-height:1.2em}

div.wrapper div.left_menu ul li a:link, div.wrapper div.left_menu ul li a:active, div.wrapper div.left_menu  ul li a:visited {color:#303030;  z-index:999;}
div.wrapper div.left_menu ul li a:hover {color:#c00172; }

div.wrapper div.left_menu li a:link, div.wrapper div.left_menu ul li a:visited{background:none; display:block; width:100%; height:auto; position:relative; color:#303030; }
div.wrapper div.left_menu li a:hover {color:#c00172; }

div.wrapper div.left_menu li ul {width:100px; height:auto; display:block; margin:13px 10px 0px 20px;}
div.wrapper div.left_menu li ul li {border:0; margin:3px 0 0 0; line-height:0.8em; font-size:14px; cursor:pointer;}

div.wrapper div.left_menu li ul li a:link, div.wrapper div.left_menu li ul li a:visited {color:#575757}
div.wrapper div.left_menu li ul li a:hover {color:#c00172;}

/* content box without right border */
div.box-w-border {width:350px; height:auto; font:inherit; padding:0 40px 20px 0; margin:0px 0 20px 0px ; padding:0; display:block; float:left; position:relative; border-right:1px #dcdcdc solid ; /*background-color:#CFC; */padding-right:40px}
div.box-w-border p{font:normal 15px/1.5em 'Varela Round', sans-serif; color:#303030; }

div.box-w-border.no-border {border-right:0; } 
div.box-w-border.no-padding {padding-right:0; padding-left:40px; width:320px}


/* content box with right border */
div.content div.box {width:350px; height:auto; font:inherit; margin:30px 40px 0 0px ; padding:0 0 10px 0; display:block; float:left; position:relative; /*border:1px #CCC solid */}
 
div.box.no-margin {margin-right:0} 

div.box-contact-left {width:510px; height:auto; font:inherit; margin:0px 0px 0 0px ; padding:0 40px 10px 0; display:block; float:left; position:relative; border-right:1px #dcdcdc solid ;}

div.box-contact-right {width:190px; height:auto; font:inherit; margin:0px 0px 0 0px ; padding:0 0 10px 0; display:block; float:right; position:relative; /*border:1px #CCC solid */}

	
/* clients list */
.client {margin-top:0;}

/**/
div.box a:link, div.box a:visited, div.box a:active {
  height:30px;
  width:100%;
  display:block;
  position:relative; 
  padding:7px 10px 0px 0;
  margin:0px;
  font:bold 15px/1.3em 'Varela Round', sans-serif;
  vertical-align:middle; 
  color:#303030;
  border-bottom:1px #dcdcdc solid;
  cursor:pointer;}
  
div.box a:hover {color:#c00172;}

div.box img {margin-right:5px}

a.client:link, a.client:visited, a.client:active {
  height:30px;
  width:100%;
  display:block;
  position:relative; 
  padding:7px 10px 0px 0;
  margin:0px;
  font:bold 15px/1.3em 'Varela Round', sans-serif;
  vertical-align:middle; 
  /*color:#303030;*/
  color:#ff0000;
  border-bottom:1px #dcdcdc solid;
  cursor:pointer;}
a.client:hover {color:#c00172;}

/* home page */
#home {width:960px; height:auto; font:inherit; margin:0 0 10px 0; padding:0; display:block; float:left;}
#home div.tagline {width:280px; height:25px; display:block; float:left; position:relative; border-left:1px #000000 solid; padding:10px 0 10px 10px; margin:0 0 0 10px; font:normal 20px/1.5em 'Varela Round', sans-serif; }
img.logo {display:block; float:right; position:relative; margin:50px 0 0 0px;}

div.intro_text {width:630px; height:auto; display:block; float:left; position:relative; margin:30px 0 30px 178px; z-index:9}
div.intro_text p {color:#595959; font:normal 24px/1.3em 'Varela Round', sans-serif; margin:0 0 15px 0}
div.intro_text p.thank-you {color:#595959; font:normal 16px/1.3em 'Varela Round', sans-serif; margin:0 0 15px 0}
/* updates 
p span.date {float:left; display:block; position:relative; width:80px; font-size:18px; }
p span.title {float:left; display:block; position:relative; width:auto; font-size:18px; font-weight:bold; margin:0 10px 0 0;}
p span.desc {float:left; display:block; position:relative; width:auto; font-size:18px; }
p img.thumb {float:left; display:block; position:relative; margin:0 10px 0 0;}
p img.big-img {float:left; display:block; position:relative; margin:0 40px 0 0px;}
*/

/* footer */
#footer {width:782px; height:120px; font:inherit; margin:0 0 0px 0; padding:0; display:block; float:right; background-color:#333333;}
#footer div.tagline {width:280px; height:20px; display:block; float:left; position:relative; border-left:1px #ffffff solid; padding:10px 0 10px 10px; margin:80px 0 0 10px; font:normal 16px/0.5em 'Varela Round', sans-serif; color:#FFFfff;}
#footer img.logo {display:block; float:right; position:relative; margin:20px 10px 0 0px;}



/* what we do styles */
div.what-we-do { width:140px; height:auto; min-height:120px; display:block; float:left; position:relative; text-align:center; padding:0; border:1px #d8d8d8 solid; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; margin:0 10px 10px 0; padding:10px 0}
div.what-we-do img {margin:5px 0 10px 0; }

#slider {width:430px; height:501px; display:block; position:absolute; bottom:0; left:240px; margin:0px 0 0 0; background:url(../images/slider_bg.jpg) top left no-repeat; z-index:9; padding-top:0px 0 0 0;}
#slider img {display:block; position:relative; margin:35px 35px 0 35px; background:url(../images/slider_bg.jpg) top left no-repeat; z-index:9; padding-top:0px 0 0 0; border:1px #333333 solid;}
#slider p { font-family:'GillSansStd'; float:left; display:block; position:relative; margin:10px 20px 0px 35px; padding:0 20px 0 0; line-height:1.1em}
#slider p.tnc { font-size:11px; margin-top:40px}

#logo {width:292px; height:98px; display:block; position:absolute; bottom:35px; left:609px; margin:0 0 0 0; padding:0; z-index:999}

div .body_text { font-family:'GillSansStd'; width:100px; height:auto; play:block; position:absolute; bottom:165px; left:690px; }
div .body_text p.border {width:auto; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px #333333 solid;}
div .body_text b {font-size:18px; font-weight:bold;} 

/* top menu section */
div.topmenu { float:right; display:block; position:relative; width:580px; height:30px; background:url(../images/top_menu_bg.png) left top no-repeat; z-index:9999; margin-top:40px; border-bottom:1px #000000 solid;}
div.topmenu ul {display:block; margin:0px auto 10px auto;}
div.topmenu ul li {display:block; float:left; width:auto; height:30px; color:#000000; font:bold 12px/1.5em 'GillSansStd', arial, verdana; color:#000000; margin:6px 0 0 0px; padding:0 25px 0 25px; line-height:1.2em; text-transform:uppercase; text-align:center;}

div.topmenu ul li img {margin:5px 0 0 0}
div.topmenu ul li:hover {background:url(../images/red_square.gif) center 20px no-repeat;}
div.topmenu ul li.selected {background:url(../images/red_square.gif) center 20px no-repeat;}

div.topmenu ul li a, a:link, a:visited, a:active {color:#000000; text-decoration:none}
div.topmenu ul li a:hover {color:#c32126; }
div.topmenu ul li a.selected {color:#de9c00; font-weight:bold}

/* slider 
#slider {width:760px; height:298px; display:block; position:relative; background:url(../images/slider_bg.png); margin:-30px 0 0 0; background:url(../images/slider_bg.png) top left no-repeat; z-index:9; padding-top:0px 0 0 0; z-index:9}
#slider div.slider_image {width:720px; height:244px; display:block; position:relative; margin:30px auto 0px auto; padding:0 20px; }*/

/* subpage content 
.content {width:720px; height:auto; float:left; display:block; position:relative; margin:5px auto 0; margin-top:-18px; z-index:9; padding:30px 20px 0px 20px; overflow:hidden}
*/


/* content container */
.w220 {width:220px}
div.container {height:auto; display:block; float:left; position:relative; margin:0px 0 0px 0; padding:0px 0;}

div.container_420 {width:380px; height:auto; display:block; float:left; position:relative; margin:35px 0 0px 0; padding:0px 20px;}

div.container_contact-us {width:430px; height:auto; display:block; float:right; position:relative; margin:0 0 0px 0; padding:0px; text-align:left}

div.container_340 {width:290px; height:auto; display:block; float:left; position:relative; margin:25px 0 0px 0; padding:0px 20px;}

div.add_border { border-left:1px #595b5d dotted}

div.image_container {height:auto; width:185px; display:block; float:left; position:relative; padding:6px 0 0 0px; margin:0 0 25px 0; text-align:left }

div.image_container img {border:3px #c9c9c9 solid; }

div.footer {height:40px; width:760px; display:block; float:left; position:relative; padding:10px 0 0 0px; margin:30px 0 0px 0; text-align:center; background:url(../images/footer_bg.png) 10px 0 no-repeat; color:#383838; font-size:12px}

/*div.content h1 {background:url(../images/img_dot.png) 0 0px no-repeat; padding:0px 0 5px 30px; margin:5px 0 25px 0; display:block; float:left; height:auto; width:695px; font:normal 26px/0.9em 'PT Serif', serif; text-shadow:#f9f9f9 1px 1px 1px; color:#000000; border-bottom:1px #575757 dotted}*/

 /*current committee */
div.committee_container { width:80%; height:auto; display:block; float:left; position:relative; margin:0px 0 20px 0; padding:0px 0; text-align:center; }

div.committee_container img {margin-bottom:5px; border:6px #CCC solid;}

label {padding:0 0 0px 0}
input {border:1px #CCC solid; padding:3px; }

small {font-size:11px; display:block; float:left; position:relative; margin:0px 0 0 20px;}



/* TEXT STYLES */
h1 {font:bold 32px/1.3em 'Varela Round', sans-serif; display:block; float:left; position:relative; width:100%; margin:0px 0 20px 0; color:#c6c6c6}

h2 {font:bold 24px/1.3em 'Varela Round', sans-serif; display:block; float:left; position:relative; width:100%; margin:0px 0 10px 0;} 

ul {width:100%; height:auto; float:left; display:block; position:relative; margin:0 }
ul li {width:100%; float:left; position:relative;list-style:none; background:url(../images/bullet.png) 0px 8px no-repeat; margin:0 10px 10px 0px; padding:0 0 0 15px}

ol {width:100%; height:auto; float:left; display:block; position:relative; margin:0 }
ol li {width:100%; float:left; position:relative; list-style:decimal; margin:0 10px 10px 20px; padding:0 0 0 5px}

a:link, a:visited, a:active {color:#eb008b; text-decoration:none; }
a:hover {color:#c00172; text-decoration:none}

a:link, a:visited, a:active {color:#eb008b; text-decoration:none; cursor:pointer}
a:hover {color:#c00172; text-decoration:none}

/* contact us form */

table.fsTable {border:0; float:left; width:100%; display:block; position:relative}
form.fsSingleColumn {width:400px;}

td.fsRowBody label.fsLabel {font:normal 16px/1.3em 'Varela Round', sans-serif; }

div.fsError {
width:510px;
margin-left: 0;
}

form.fsForm {width:510px;}

div.fsPage {width:510px}

input.fsField {border:1px #CCC solid; padding:3px;}

tr.fsRowBottom td.fsRowBody {background:none}

td.fsRowOpen {background:none}

td.fsRowClose {background:none}

tr.fsRowTop {background:none}

tr.fsRowTop td.fsRowOpen {background:none}

tr.fsRowTop td.fsRowClose {background:none}

tr.fsRowTop td.fsRowBody {background:none}

tr.fsFieldRow input[type="text"], input.fsForm textarea {border:1px #CCC solid; padding:5px; background:none; font-weight:normal; font-size:14px; background-color:#f6f6f6; -webkit-border-radius:7px; 
	-moz-border-radius:7px;
	border-radius:7px; outline:none; color:#000; font:bold 14px/1.3em 'Varela Round', sans-serif;}

div.fsSubmit {margin:0 0 0 5px;}
input.fsSubmitButton {font-size:14px; font-weight:bold; padding:3px 10px; width:150px; height:40px; color:#FFFfff; border:0;
	-webkit-border-radius:7px; 
	-moz-border-radius:7px;
	border-radius:7px;
	background-color:#eb008b;
	display:block; 
	float:left;
	display:block;
	
}

form.fsForm td.fsCell
{
    padding:9px 0px;
    vertical-align:top;
}

td.fsRowBody textarea.fsField {border:1px #CCC solid; padding:5px; background:none; font-weight:normal; background-color:#f6f6f6; text-align:left; -webkit-border-radius:7px; 
	-moz-border-radius:7px;
	border-radius:7px; outline:none; font:bold 14px/1.3em 'Varela Round', sans-serif;}
	

/* Twitter Widget */
div.twtr-tweet-text p { font-size: 12px;}
div.twtr-ft{display: none;} 


a.btn, a:visited.btn, a:active.btn { 
font-size:15px; font-weight:normal; padding:6px 30px 0 15px; margin:0px 0 10px 0; min-width:60px; min-height:30px; color:#FFFfff; border:0;
	-webkit-border-radius:7px; 
	-moz-border-radius:7px;
	border-radius:7px;
	background:url(../images/right-arrow.png) 93% 8px no-repeat;
	background-color:#eb008b;
	display:block; 
	float:right;/**/
	display:block;
	position:relative; 
	text-align:center;
	vertical-align:middle;
	
}
a:hover.btn {background-color:#d6007f;}

.fb {padding-top:10px; margin-top:10px; border-top:1px #cccccc solid; display:block; float:left;}
.client a.client{
	width:390px;
	margin:15px 0px;
	display:block;
	float:left;
	cursor:pointer;
	padding:0;
	border-bottom:none;
}