/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles - overall styles
	#Page Styles - specific page styles
	#Media Queries - responsive
	#Font-Face */

/* #Site Styles
================================================== */

/*
#4764AB - blue
#F37E17 - orange
#B9420F - dark orange
#E5E5E5 - grey lines
#B0B0B0 - mega footer text
#A39D98 - header grey
#909090 - body text
#6F6F6F - looking for heading
#AAAAAA - footer grey
*/


@import url('fonts/open_sans/stylesheet.css');

body {
  font-size: 12px;
  font-family: 'OpenSansRegular', sans-serif;
  font-weight: normal;
  color: #808080;

  background: #FFF url('../images/page_bg.png') repeat-x top left;
}

p {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0 0 1.5em 0;
}
p.larger {
	font-size: 1.0833em; /* 13px */
  line-height: 1.3846em; /* 18px */
  margin: 0 0 1.3846em 0;
}
p strong { font-family: 'OpenSansSemiBold', sans-serif; font-weight: normal; }

.errors { border: 1px solid red; padding: 0.8333333333em; color: red; }
.errors * { color: red; }
.message { font-family: 'OpenSansSemiBold', sans-serif; font-weight: normal; margin: 2em 0 1em 0; border: 1px solid #CCC; padding: 0.8333333333em; }

/* wells */
.well {
  margin: 2em 0 !important;
  background-color: #FFF;
  padding: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 1px #CCC;
  -webkit-box-shadow: inset 0px 1px 1px #CCC;
  box-shadow: inset 0px 1px 1px #CCC;
}


a, a:active, a:visited {
	font-family: 'OpenSansSemiBold', sans-serif; font-weight: normal;
	color: #4764AB;
	text-decoration: none;
}
a:hover {
	color: #F37E17;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'OpenSansSemiBold', sans-serif;
  font-weight: normal;
}

h1 {
	font-size: 1.6667em; /* 20px */
  line-height: 1.8em; /* 36px */
  margin-top: 0.9em;
  margin-bottom: 0em;
  color: #FFF;
  background-color: #F37E17;
  padding: 0 0.8333333333em;
}
h2 {
	font-size: 1.6667em; /* 20px */
  line-height: 1.8em; /* 36px */
  margin-top: 0.9em;
  margin-bottom: 0em;
  color: #F37E17;
}
h3 {
	font-size: 1.3333em; /* 16px */
  line-height: 1.125em; /* 18px */
  margin-top: 1.125em;
  margin-bottom: 0em;
  color: #F37E17;
}
h4 { 
	font-size: 2em; /* 24px */
  line-height: 1.5em; /* 36px */
  margin-top: 0.75em;
  margin-bottom: 0em;
  color: #F37E17;
}
h5 {
  font-size: 1.1667em; /* 14px */
  line-height: 1.2857em; /* 18px */
  margin-top: 1.2857em;
  margin-bottom: 0em;
}

/* 26px - The quick brown fox jumps over the lazy dog */
.class-for-26px {
  font-size: 2.1667em; /* 26px */
  line-height: 1.3846em; /* 36px */
  margin-top: 0.6923em;
  margin-bottom: 0em;
}
/* 24px - The quick brown fox jumps over the lazy dog */
.class-for-24px {
  font-size: 2em; /* 24px */
  line-height: 1.5em; /* 36px */
  margin-top: 0.75em;
  margin-bottom: 0em;
}
/* 22px - The quick brown fox jumps over the lazy dog */
.class-for-22px {
  font-size: 1.8333em; /* 22px */
  line-height: 1.6364em; /* 36px */
  margin-top: 0.8182em;
  margin-bottom: 0em;
}
/* 20px - The quick brown fox jumps over the lazy dog */
.class-for-20px {
  font-size: 1.6667em; /* 20px */
  line-height: 1.8em; /* 36px */
  margin-top: 0.9em;
  margin-bottom: 0em;
}
/* 18px - The quick brown fox jumps over the lazy dog */
.class-for-18px {
  font-size: 1.5em; /* 18px */
  line-height: 1em; /* 18px */
  margin-top: 1em;
  margin-bottom: 0em;
}
/* 16px - The quick brown fox jumps over the lazy dog */
.class-for-16px {
  font-size: 1.3333em; /* 16px */
  line-height: 1.125em; /* 18px */
  margin-top: 1.125em;
  margin-bottom: 0em;
}
/* 14px - The quick brown fox jumps over the lazy dog */
.class-for-14px {
  font-size: 1.1667em; /* 14px */
  line-height: 1.2857em; /* 18px */
  margin-top: 1.2857em;
  margin-bottom: 0em;
}
/* 13px - The quick brown fox jumps over the lazy dog */
.class-for-13px {
  font-size: 1.0833em; /* 13px */
  line-height: 1.3846em; /* 18px */
  margin-top: 1.3846em;
  margin-bottom: 0em;
}
/* 12px - The quick brown fox jumps over the lazy dog */
.class-for-12px {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin-top: 1.5em;
  margin-bottom: 0em;
}
/* 11px - The quick brown fox jumps over the lazy dog */
.class-for-11px {
  font-size: 0.9167em; /* 11px */
  line-height: 1.6364em; /* 18px */
  margin-top: 1.6364em;
  margin-bottom: 0em;
}


/* buttons */
.button, input[type='submit'] {
	border: none !important;
	border-radius: 100px;
	-moz-border-radius: 100px;
	background: #4764AB;
	color: #FFF !important;
	text-shadow: none;
	font-size: 1em;
	font-family: 'OpenSansSemiBold', sans-serif;
	font-weight: normal;
	padding-left: 1.25em;
	padding-right: 1.25em;
	box-shadow: 0px 1px 1px #999;
}
.button:hover, input[type='submit']:hover {
	background: #4764AB;
}
.login_button {	background: #F37E17; }
.login_button:hover { background: #F37E17; }

label, label span { color: #808080; }



/* common text styles */
.right_text { text-align: right; }
.centre_text { text-align: center; }


.no_margin { margin: 0 !important; }
.no_bottom_margin { margin-bottom: 0 !important; }
.no_top_margin { margin-top: 0 !important; }



/* header */
header { 
  padding-top: 3.3333333333em;
  padding-bottom: 1.6666666667em;
  background: transparent url('../images/header_bg.png') repeat-x bottom left; 
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;  
}
header .container {
  overflow: hidden;
  height: 9.4166666667em; /* 113px */
}
header div#branding_login_row { margin-bottom: 0; }
header div#branding_login_row p { line-height: 5em; /* 60px */ margin: 0; font-size: 1.1667em; /* 14px */ }
header div#branding_login_row p a { line-height: 1em; }
header div#branding_login_row p strong { color: #F37E17; }
header div#branding_login_row p span.divider {
	background-color: #E5E5E5;
	width: 1px;
	display: inline-block;
	line-height: 1em;
	margin: 0 0.5em; 
}

.ie7 header div#branding_login_row p { vertical-align: top; }

/* mobile nav */
header a#mobile_nav_toggle { display: none; }

/* primary nav */
header #primary_nav_row { margin-bottom: 0px; }
header nav#primary {}
header nav#primary ul { margin: 1em 0; }
header nav#primary ul li { display: inline-block; border-left: 1px solid #E5E5E5; vertical-align: top; }
header nav#primary ul li:first-child { border: none; }
header nav#primary ul li a { 
	line-height: 1.6666666667em; /* 20px */ 
	padding: 0 3.3333333333em 0 1.6666666667em ; /* 20px / 40px */ 
	font-family: 'OpenSansSemiBold', sans-serif; font-weight: normal;
	color: #4764AB;
	text-decoration: none;
	font-size: 1.1667em;
	display: block;
}
header nav#primary ul li a.has_sub { background: transparent url('../images/menu_drop_arrow.png') no-repeat center right; /*padding-right: 5em;*/ /* 60px */ }
header nav#primary ul li a:hover, header nav#primary ul li.selected a { color: #F37E17; }
header nav#primary ul li.home {}
header nav#primary ul li.home a {
	padding: 0 0.8333333333em; /* 10px */
	width: 22px;
	overflow: hidden;
	text-indent: -3000em;
	background: transparent url('../images/home_menu_item.png') no-repeat center center;
}
header nav#primary ul li.home a:hover, header nav#primary ul li.home.selected a { background: transparent url('../images/home_menu_item_hover.png') no-repeat center center; }

header nav#primary ul li > ul { display: block; font-size: 1em; }
header nav#primary ul li > ul li { display: block; border: none; }
header nav#primary ul li > ul li h4 { font-size: 0.9167em; margin: 0; }
header nav#primary ul li > ul li h4 a { color: #909090 !important; padding: 0 3.6363636364em 0 1.8181818182em; }
header nav#primary ul li > ul li h4 a:hover { color: #F37E17 !important; }
header nav#primary ul li > ul li ul { margin-top: 0.25em; margin-bottom: 1.5em; }
header nav#primary ul li > ul li ul li { }
header nav#primary ul li > ul li ul a { 
  line-height: 1.5em; 
  color: #909090 !important; 
  padding: 0 3.6363636364em 0 2em; 
  font-size: 0.9167em; 
}
header nav#primary ul li > ul li ul a:hover { color: #F37E17 !important; }

header nav#primary ul li > ul li.content {
  padding: 0 3.6363636364em 0 2em; 
  font-size: 0.9167em;
  color: #B0B0B0;
}
header nav#primary ul li > ul li.content a { line-height: auto; padding: 0; font-size: 1em; display: inline; color: #B0B0B0; }
header nav#primary ul li > ul li.content a:hover { color: #F37E17; }


.ie7 header nav#primary ul { height: 1%; overflow: hidden; }
.ie7 header nav#primary ul li { display: block; float: left; }
.ie7 header nav#primary ul li > ul li { float: none; }
.ie7 header nav#primary ul li > ul li ul li { }


div#main { padding-top: 15.5em; }

nav#secondary { margin: 1em 0 0 1.25em; }
nav#secondary ul { }
nav#secondary ul li { font-size: 1em; }
nav#secondary ul li a { color: #A39D97; }
nav#secondary ul li a:hover, nav#secondary ul li.selected a { color: #F37E17; }
nav#secondary ul li ul { font-size: 1em; margin: 0.5em 0 1em 1em; }
nav#secondary ul li ul li { font-size: 0.9167em; }
nav#secondary ul li ul li a { font-family: 'OpenSansRegular', sans-serif !important; font-weight: normal !important; color: #A39D97 !important; }
nav#secondary ul li ul li a:hover, nav#secondary ul li ul li.selected a { color: #F37E17 !important; }


/* breadcrumb */
#breadcrumb_sharing_row { margin-bottom: -0.5em; }
#breadcrumb_sharing_row div.addthis_toolbox { float: right; }

nav#breadcrumb {}
nav#breadcrumb ul {}
nav#breadcrumb ul li { display: inline; }
nav#breadcrumb ul li:after { content: '\0000a0\0000a0\\\0000a0\0000a0'; }
nav#breadcrumb ul li:last-child:after { display: none; }
nav#breadcrumb ul li a { font-family: 'OpenSansRegular', sans-serif !important; font-weight: normal !important; }

div#page_content p { 
	font-size: 1.0833em; /* 13px */
  line-height: 1.3846em; /* 18px */
  margin: 0 0 1.3846em 0;
}
div#page_content ul { list-style: disc; margin: 1em 0 1em 2em; }
div#page_content ul li { line-height: 1.5em; margin: 0 0 0.5em 0; }
div#page_content ol { list-style: numeric; margin: 1em 0 1em 2em; }
div#page_content ol li { line-height: 1.5em; margin: 0 0 0.5em 0; }
div#page_content h3 { margin-bottom: 0.5em; }



div#page_content ul.accordian {
  display: block;
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
div#page_content ul.accordian li
{
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    display: block;
    margin-bottom: 0.8333333333em;
    moz-border-radius: 3px;
}
div#page_content ul.accordian li h4 {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 12px;
    line-height: 1em;
    margin: 0;
    moz-border-top-left-radius: 3px;
    moz-border-top-right-radius: 3px;
}
div#page_content ul.accordian li h4 a {
    
    display: block;
    padding: 0.8333333333em;
    padding-left: 0.8333333333em;
}
div#page_content ul.accordian li div.content { display: none; padding: 0.8333333333em; }
div#page_content ul.accordian li div.content ul {
    display: block;
    list-style-type: disc;
    margin: 0;
    padding: 0;
    width: auto;
}
div#page_content ul.accordian li div.content ul li {
    background-color: transparent;
    border: 0;
    display: list-item;
    margin: 0 0 0 2em;
    padding: 0;
}
div#page_content ul.accordian li.open h4 { background-color: #fff; }
div#page_content ul.accordian li.open h4 a { background: transparent url('../images/menu_drop_arrow.png') no-repeat center right; color: #f4811f; }
div#page_content ul.accordian li.open div.content { display: block; }










/* footer */
footer {}

/* footer mega nav */
div#footer_mega_nav {}
div#footer_mega_nav nav { font-size: 1em; }
div#footer_mega_nav nav ul {}
div#footer_mega_nav nav ul li {}
div#footer_mega_nav nav ul li a:hover { text-decoration: underline; }
div#footer_mega_nav nav ul li p { margin: 0.5em 0; color: #B0B0B0; }
div#footer_mega_nav nav ul li p a { color: #B0B0B0; }
div#footer_mega_nav nav ul li h3 { font-size: 1.1667em; }
div#footer_mega_nav nav ul li h3 a { color: #F37E17;}
div#footer_mega_nav nav ul li ul { font-size: 1em; margin: 0; list-style: none; padding: 0; }
div#footer_mega_nav nav ul li ul li a { font-family: 'OpenSansRegular', sans-serif !important; font-weight: normal !important; color: #B0B0B0; }
div#footer_mega_nav nav ul li ul li h4 { font-size: 1em; margin: 0.5em 0; }
div#footer_mega_nav nav ul li ul li h4 a { font-family: 'OpenSansSemiBold', sans-serif !important; font-weight: normal !important; color: #B0B0B0; }
div#footer_mega_nav nav ul li ul li ul { font-size: 0.9166666667em; }



div#footer_wrapper {
	background: #E8E8E8 url('../images/footer_bg.png') repeat-x top left;
	padding: 2em 0 5em 0;
	margin-top: 2em;
}
footer p.copyright { font-family: 'OpenSansSemiBold', sans-serif !important; font-weight: normal !important; text-shadow: 0px 1px #FFF; color: #AAAAAA; font-size: 0.9167em; /* 11px */ margin: 0; line-height: 1.5em; }

/* footer supp nav */
nav#footer_supp_nav { font-size: 0.9167em; line-height: 1em; }
nav#footer_supp_nav ul { text-align: right; margin: 0; padding: 0; }
nav#footer_supp_nav ul li { text-shadow: 0px 1px #FFF; margin: 0; display: inline;  /* 11px */ color: #AAAAAA; }
nav#footer_supp_nav ul li a { color: #AAA; }
nav#footer_supp_nav ul li a:hover { text-decoration: underline; }
nav#footer_supp_nav ul li:after { content: '\0000a0\0000a0|\0000a0\0000a0'; }
nav#footer_supp_nav ul li:last-child:after { display: none; }


.white_box {
	background-color: #FFF;
	padding: 0.4166666667em; /* 5px */
	box-shadow: 0px 0px 2px #999;
}
.white_box.with_margin {
  margin-bottom: 1em;
}
.white_box img { display: block; max-width: 100%; }
.orange_content_box {
	background-color: #F37E17;
	padding: 0.8333333333em; /* 10px */
}


/* get started */
#get_started_today {}
#get_started_today h4 { color: #FFF; margin-top: -0.25em; }
#get_started_today p { color: #FFF; }
#get_started_today p * { display: inline-block; }
#get_started_today a.button { margin: 0 0 0.5em 0; line-height: 1em; }
#get_started_today span.divider { background-color: #B9420F; margin: 0 0.5em; }
#get_started_today .register_button { background: #FFF; color: #F37E17 !important; }
#get_started_today .login_button { background: #B9420F; color: #FFF !important; }


/* looking_for */
#looking_for {}
#looking_for h4 {
	font-size: 1.1667em; /* 14px */
  line-height: 1.2857em; /* 18px */
  color: #6F6F6F;
  margin-top: 0;
  background: transparent url('../images/looking_for_heading_bg.png') no-repeat center left;
  padding-left: 1.75em;
}
#looking_for nav {}
#looking_for nav ul { margin-top: 0.5em; }
#looking_for nav ul li { 
	border-bottom: 1px solid #E9E9E9;
	border-top: 1px solid #FFF;
	margin: 0;
}
#looking_for nav ul li a { display: block; font-family: 'OpenSansRegular', sans-serif !important; font-weight: normal !important; line-height: 3em; background: transparent url('../images/looking_for_arrow.png') no-repeat center right; }
#looking_for nav ul li:first-child { border-top: none; }
#looking_for nav ul li:last-child { border-bottom: none; }


/* divider */
div.divider { margin: 2em 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #FFF; }
div.divider.small { margin: 0.5em 0 0 0; }
div.divider hr { display: none; }


/* #Page Styles
================================================== */

div#homepage_content {
	background: transparent url('../images/homepage_content_bg.png') no-repeat top center;
	margin-top: 2em;
}

/* slider */
div#slider {
  width: 57.5em !important; /* 690px */
  width: 100%;
  max-width: 100%;
  border: none !important;
  position: relative;
  margin: 0 !important;
  -webkit-border-radius: none !important;
  box-shadow: none !important;
}
div#slider ul, div#slider ul li { margin: 0; }
div#slider img { display: block; }
div#slider .flex-control-paging li a { background: #FFF; background: rgba(255,255,255,0.5); }
div#slider .flex-control-paging li a:hover { background: #FFF; background: rgba(255,255,255,0.7); }
div#slider .flex-control-paging li a.flex-active { background: #FFF; background: rgba(255,255,255,0.9); }


/* contact form */
form#contact_form {}
form#contact_form input, form#contact_form select, form#contact_form textarea { width: 90%; }
form#contact_form input[type='submit'] { width: auto; }


/* register form */
form#register_form {}
form#register_form input, form#register_form select, form#register_form textarea { width: auto; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
    body { font-size: 11px; }
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

    header { position: relative; }
    header .container {
      overflow: auto;
      height: auto;
    }
    
    /* mobile nav */
    header a#mobile_nav_toggle { display: block; position: absolute; top: 0; right: 0; width: 70px; height: 24px; overflow: hidden; text-indent: -3000em; background: #FFF url('../images/cwa_mobile_menu_sprite.jpg') no-repeat 0px 0px; }
    header a#mobile_nav_toggle.on { background: #FFF url('../images/cwa_mobile_menu_sprite.jpg') no-repeat 0px -24px; }
      
    header nav#primary { display: none; }
    header #nav_divider { display: none; }
    header nav#primary ul { display: block; }
    header nav#primary ul li { display: block; border: none; border-bottom: 1px solid #EEE; background: none !important; margin: 0; }
    header nav#primary ul li:last-child { border: none; }
    header nav#primary ul li a { background: none !important; line-height: 2em !important; }
    header nav#primary ul li.home { border-bottom: 1px solid #EEE; }
    header nav#primary ul li.home a {
      padding: 0 3.3333333333em 0 1.6666666667em;
      width: auto;
      overflow: auto;
      text-indent: 0;
    }
    header nav#primary ul li ul { display: none; }

    header #register_login_cta { font-size: 0.8em; }
    header #register_login_cta p.right_text { text-align: left !important; }
    header #register_login_cta .button { margin-bottom: 0.8333333333em; }
    
    div#main { padding-top: 0em; }
    div#main.homepage_container { padding-top: 2em; }

    nav#breadcrumb, div.addthis_toolbox { display: none; }
    div#main > div.divider { display: none; }
    div#page_content { margin-bottom: 3em; }

    footer nav#footer_supp_nav { margin-top: 2em; }
    footer nav#footer_supp_nav ul { display: block; }
    footer nav#footer_supp_nav ul li { display: block; text-align: left; }
    footer nav#footer_supp_nav ul li:after { display: none; }
  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
    header #register_login_cta p.right_text span { display: none; }
  }


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/