/* CA FORWARD CSS ------------------------------- */

/*color palette

orange #FDAB01
teal #87B85
bright teal #0D9DAB
dark teal #1B5E65
*/

/* RESET STYLES ------------------------------- */
body {
margin:0px;
font-family: "Helvetica Neue", Arial, Verdana, Helvetica, sans-serif;
color:#3A3A3A;
/* font-size: 68.75%; */
line-height: 1.5em;
font-size:75%;
background-color:#F8FAFA;
background-image:url('../_images/main_backgr_shim.gif');
background-repeat: repeat-x;
}

p, div, img, ul, ol, li { margin:0px; padding:0px; border:0px;}

/*3-14-08 changes ac*/
ul, ol { margin-bottom:15px; }
ul li, ol li { margin-left:25px; }
/*end 3-14-08 changes ac*/

h1, h2, h3, h4, h5 { margin:0px; padding:0px; }

h1 {
	font-size: 1.54em;
	line-height: 1.3em;
	color: #FDAB01;
	margin: 0.1em 0 0.5em 0;
}

h1.tallTitle {
	margin-bottom: 1em;
}

h1 span.subTitle { color:#8C8C8C;}
h2 { font-size:16px; color:#00A0AF;}
h3 { font-size:16px; color:#666;}
h4 { font-size:14px; color:#4D4D4D; margin-bottom:5px;}
h4 a:visited, h4 a:link { color:#4D4D4D; }
h4 a:hover, h4 a:active {
	color:#B84;
}

a, a:hover, a:visited, a:active, a:link { color:#666; text-decoration:none; }
a:hover, a:active { color:#4D4D4D; }

br.clear { clear:both; }

/* MAIN STYLES ------------------------------- */

.nocss {
	display: none;
}

#pageContainer {
margin:0 auto;
width:930px;
}

#main {
background-color:#F9FAF7;
}

span.arrows {
float:left;
margin:4px 3px 0 0;
display:block;
overflow:hidden;
width:33px;
height:14px;
background-image:url('../_images/arrows.jpg');
}

/*outer left and right edges*/
#mainLeft, #mainRight {
background-repeat:repeat-y;
background-image:url('../_images/main_bg_left.jpg');
}

#mainRight { background-image:url('../_images/main_bg_right.jpg'); }

#mainLeft div, #mainRight div { width:8px; height:1px; display:block; }

#left {
	overflow: hidden;
	width: 563px;
	float: left;
	margin: 0 0 10px 5px;
}

#left.half {
	width: 50%;
}

#wide {
	overflow: hidden;
	width: 910px;
	float: left;
	margin: 0 0 10px 5px;
}

#left p,
#wide p {
	margin: 0 10px 12px 0;
}

#left h2,
#wide h2 {
	margin: 1.2em 0 0.3em 0;
}

#right {
width:330px;
float:right;
margin:0 8px 0 0;
}

/* HEADER  ------------------------------- */
#header {
background-image:url('../_images/header_bg.jpg');
background-repeat:repeat-x;
height: 120px;
width: 100%;
}

#header #logo {
	background-image: url(/_views/_images/CAFwd_Logo_BG.png);
	float: left;
}

#logobw {
	display: none;
}

/* NAV   ------------------------------- */

#nav {
	width: 100%;
	height: 29px;
	margin-bottom: 5px;
	border-top: 1px solid #fff;
	background-repeat: repeat-x;
	background-image: url(../_images/nav_bg.jpg);
	list-style-type: none;
}

#nav li {
	margin: 0;
	float: left;
	font-weight: bold;
}

#nav li li {
	padding: 0;
	float: none;
	font-weight: normal;
}

#nav span,
#nav a,
#nav a:link,
#nav a:visited,
#nav a:active,
#nav a:hover {
	color:  #FDBA2F;
	font-size: 0.9em;
	line-height: 1.6em;
	text-decoration:  none;
	padding-right: 20px;
	text-transform: uppercase;
}

#nav span {
	cursor: default;
}

#nav a:hover,
#nav a:active {
	color: #FFFFFF;
}

#nav #nav1,
#nav #nav2,
#nav #nav3,
#nav #nav4,
#nav #nav5,
#nav #nav6 {
	height: 22px; /*tot height 29px*/
	border-right: 1px solid #2D8088;
	display: block;
	float: left;
}

body.en #nav #nav1,
body.en #nav #nav2,
body.en #nav #nav3,
body.en #nav #nav4,
body.en #nav #nav5,
body.en #nav #nav6 { /* English nav uses shorter words */
	padding: 7px 23px 0;
}

body.es #nav #nav1,
body.es #nav #nav2,
body.es #nav #nav3,
body.es #nav #nav4,
body.es #nav #nav5,
body.es #nav #nav6 { /* Spanish nav uses longer words */
	padding: 7px 19px 0;
}

#nav #nav6 {
	border-right: 0;
}

.nav1_on.navddA #nav1dd a.navddA,
.nav1_on.navddB #nav1dd a.navddB,
.nav1_on.navddC #nav1dd a.navddC,
.nav1_on #nav1,
.nav1_on #nav1:link,
.nav1_on #nav1:visited,
.nav1_on #nav1:hover,
.nav1_on #nav1:active,
.nav2_on.navddA #nav2dd a.navddA,
.nav2_on.navddB #nav2dd a.navddB,
.nav2_on.navddC #nav2dd a.navddC,
.nav2_on #nav2,
.nav2_on #nav2:link,
.nav2_on #nav2:visited,
.nav2_on #nav2:hover,
.nav2_on #nav2:active,
.nav3_on #nav3,
.nav3_on #nav3:link,
.nav3_on #nav3:visited,
.nav3_on #nav3:hover,
.nav3_on #nav3:active,
.nav4_on #nav4,
.nav4_on #nav4:link,
.nav4_on #nav4:visited,
.nav4_on #nav4:hover,
.nav4_on #nav4:active,
.nav5_on #nav5,
.nav5_on #nav5:link,
.nav5_on #nav5:visited,
.nav5_on #nav5:hover,
.nav5_on #nav5:active,
.nav6_on #nav6,
.nav6_on #nav6:link,
.nav6_on #nav6:visited,
.nav6_on #nav6:hover,
.nav6_on #nav6:active {
	color: #FFF !important;
}

#nav ul {
	display: none;
	position: absolute;
	top: 150px;
	list-style-type: none;
	background: #27848B;
	line-height: 2em;
	margin: 0;
	padding: 1em;
	border: 1px solid #1E656B;
	border-top: 0;
}

#nav li:hover ul {
	display: block;
}

ul.subNav {
display:block;
float:left;
color:#666;
line-height:13px;
font-weight:bold;
list-style-type:none;
width:170px;
padding:9px 0 0 0;
margin:6px 12px 5px 5px;
background-color:#FABE03;
background-repeat:repeat-x;
background-image:url('../_images/subnav_bg.jpg');
}

.subNav a,
.subNav a:visited,
.subNav a:link {
color:#666;
text-decoration:none;
}

.subNav a:hover,
.subNav a:active { color:#555;}

.subNav li {
margin:0; /*3-14-08 change ac*/
padding:0 0 7px 7px; }

.subNav li.bottom {
display:block;
height:11px;
width:175px;
overflow:hidden;
padding:0;
margin:9px 0 0 -5px;
background-repeat:no-repeat;
background-color:#fff;
background-image:url('../_images/subnav_bottom.jpg'); }

/* GLOBAL STYLES ---------------------------------*/

.highlightBox,
.videoBox {
width:314px;
clear:both;
display:block;
padding:0px;
margin:0 5px 10px 11px;
}

#topHighlight {
width: 100%;
z-index:2;
position:relative;
top:-52px;
margin:0 0 -32px 0;
background-color:#F8FAF9;
background-image:url('../_images/tophighlight_bg.jpg');
background-repeat:no-repeat;
}

#topHighlight .highlightBox,
#topHighlight .videoBox { margin-bottom: 0px; }

#topHighlight .highlightBox .content {
	background-image: none;
	padding-bottom: 12px;
}

#topHighlight .corner {
width:12px;
height:5px;
display:block;
overflow:hidden;
}

#topHighlight .topleft {
float:left;
background-image:url('../_images/tophighlight_topleft.jpg');
}

#topHighlight .topright {
float:right;
background-image:url('../_images/tophighlight_topright.jpg');
}

#topHighlight .bottom {
z-index:100;
clear:both;
position:absolute;
width:325px;
height:10px;
margin-left:0px;
background-repeat:no-repeat;
background-image:url('../_images/tophighlight_bottom.jpg');
}

.blue {
background-color:#6EBDD4;
background-image:url('../_images/highlight_blue_bg.jpg');
background-repeat:no-repeat;
}

.blue h3 {
color:#fff;
background-color:#2399BF;
}

.teal {
background-color:#48B8C2;
background-image:url('../_images/highlight_teal_bg.jpg');
background-repeat:no-repeat;
}

.teal h3 {
color:#fff;
background-color:#0D9DAB;
}

.green {
background-color:#A4DC6E;
background-image:url('../_images/highlight_green_bg.jpg');
background-repeat:no-repeat;
}

.green h3 {
color:#fff;
background-color:#75BF2E;
}

.gold {
background-color:#FEC449;
background-image:url('../_images/highlight_gold_bg.jpg');
background-repeat:no-repeat;
}

.gold h3 {
color:#187B85;
background-color:#F7AB09;}


.homeHighlight,
.contentBlock,
.wideContentBlock {
	padding: 0px;
	margin: 0 0 10px 0;
	background-image: url('../_images/homepage_highlight_bg.jpg');
	background-color: #7bcad1;
}

.homeHighlight,
.contentBlock {
	width: 563px;
	background-repeat: no-repeat;
}

.wideContentBlock,
.wideContentBlock .content {
	width: 905px;
	background-position: top right;
	background-repeat: repeat-x;
}
.wideContentBlock h3 {
	width: 898px;
}

.highlightBox h3,
.homeHighlight h3,
.contentBlock h3,
.wideContentBlock h3 {
	line-height: 16px;
	padding: 5px 0 6px 7px;
	margin: 0 0 4px 0;
}

.highlightBox h3,
.homeHighlight h3,
.contentBlock h3 {
	display: block;
	width: 307px; /*tot 314px*/
}

.homeHighlight p {width:550px; }

.homeHighlight h3,
.contentBlock h3 {
	width: 556px; /*tot 563px*/
}

.contentBlock h4 {
	margin-bottom: 0;
}

.homeHighlight h3 {
	color: #fff;
	background-color: #00A0B0;
}

.contentBlock,
.wideContentBlock {
	background-color: #7BCAD1;
	background-image: url(../_images/contentblock_bg.jpg);
}

.contentBlock h3,
.wideContentBlock h3 {
	color: #fff;
	background-color: #00A0AF;
}

.highlightBox .content,
.homeHighlight .content,
.contentBlock .content,
.wideContentBlock .content {
	display: block;
	padding: 0 7px 22px 7px;
	color: #3A3A3A;
}

.highlightBox .content,
.homeHighlight .content,
.contentBlock .content {
	width: 300px;
}

.homeHighlight .content,
.contentBlock .content {
	width: 549px; /*tot 563*/
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url(../_images/contentblock_bottom.jpg);
}

.wideContentBlock .content {
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url(../_images/contentblock_bottom.jpg);
}

.scrollable {
	height: 240px;
	overflow: scroll;
}

.scrollable h3 {
	width: 540px;
}

.scrollable .content {
	width: 530px;
	background-image: none;
}

.highlightBox .content {
overflow:hidden;
margin-left:-7px;
padding-left:14px;
width:300px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('../_images/highlight_bottom.jpg');
}

.highlightBox .content p { margin-bottom:7px; }

.mainBlock {
	width: 100%;
	background-image: url('../_images/blue_info_big_backgr.jpg');
	background-repeat: repeat-y;
	text-align: left;
	color: #3A3A3A;
	overflow: hidden;
	margin-bottom: 10px;
}

.mainBlock  .content {
display:block;
float:left;
width:375px;
overflow:hidden;
}

img.profilePhoto,
.mainBlock img {
	float: left;
	margin-right: 10px;
}

img.profileThumb {
	margin-right: 3px;
}


.mainBlock  h3 {
margin:4px 0 0px 0;
color:#00A0AF;
font-weight:bold;
}

div.quote,
p.quote  {
font-size:14px;
line-height:17px;
margin:15px 0 0 0;
font-style:italic;
}

p.quoteAuthor {
clear:both;
text-align:right;
font-style:italic;
margin:0 3px 0px 0;
}

.quoteStart {
float:left;
display:block;
width:69px;
height:56px;
margin:0px 5px 10px 4px;
background-image:url('../_images/quotestart.png')
}

.quoteEnd {
float:right;
display:block;
width:27px;
height:20px;
margin:0 0 10px 5px;
background-image:url('../_images/quoteend.png');
}

.privacy {
	padding: 10px 0;
	display: block;
}

#signUp { text-align:center; margin:10px 0 15px 0; }

/*IMAGES ------------------------------- */
.topLeftImage {
float:left;
margin:0 10px 10px 0;
}

.thumbnail { margin:10px 0 4px 0;}

/*LINKS & LISTS ------------------------------- */
a.arrowLink,
a.arrowLink:visited,
a.arrowLink:link {
display:block;
font-weight:bold;
background-image:url('../_images/arrows_link2.gif');
background-position:0 2px;
background-repeat:no-repeat;
margin:6px 0 2px 0;
padding:0 0 2px 23px;
text-decoration:none;
}

a.arrowLink:hover,
a.arrowLink:active{
color:#F3A112;
}

.arrowLink span { visibility:hidden; }

.blue a,
.green a,
.gold a,
.teal a {
	font-weight: bold;
}

.blue a,
.blue a:visited,
.blue a:link,
.blue a.arrowLink,
.blue a.arrowLink:visited,
.blue a.arrowLink:link { color:#12627C;}

.blue a,
.blue a:hover,
.blue a:active,
.blue a.arrowLink:hover,
.blue a.arrowLink:active { color:#006A8C;}

.green a,
.green a:visited,
.green a:link,
.green a.arrowLink,
.green a.arrowLink:visited,
.green a.arrowLink:link { color:#4A6A2A;}

.green a:hover,
.green a:active,
.green a.arrowLink:hover,
.green a.arrowLink:active { color:#58812F;}

.gold a,
.gold a:visited,
.gold a:link,
.gold a.arrowLink,
.gold a.arrowLink:visited,
.gold a.arrowLink:link,
.teal a,
.teal a:visited,
.teal a:link,
.teal a.arrowLink,
.teal a.arrowLink:visited,
.teal a.arrowLink:link { color:#11656D;}

.gold a:hover,
.gold a:active,
.gold a.arrowLink:hover,
.gold a.arrowLink:active,
.teal a:hover,
.teal a:active,
.teal a.arrowLink:hover,
.teal a.arrowLink:active { color:#0F7F8A;}

#left ul,ul {
	/*color: #666666; 3-14-08 change ac*/
	list-style-type: disc;
}

.highlightBox ul {
margin:5px 0;
color:#333;
padding:0 5px 0 15px;
}

.highlightBox ul li { margin:0 0 5px 0;}

ul.none {
list-style-type:none;
margin:3px 0 15px 0;
line-height:17px;
padding:0px;
}

ul.none a,
ul.none a:hover,
ul.none a:visited,
ul.none a:active,
ul.none a:link {
color:#2F575B;
}

ul.menuLinks {
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0px;
	font-weight: bold;
	font-size: 13px;
}

ul.menuLinks a {
	margin:0px;
}

ul.menuLinks li {
	line-height: 13px;
	margin: 0 0 12px 0;
	padding:0px;
}

ul.menuLinks ul li {
	margin-left: 1em;
}

.green ul.menuLinks a:visited,
.green ul.menuLinks a:link { color:#4A6A2A; }

.green ul.menuLinks a:hover,
.green ul.menuLinks a:active { color:#58812F;}

.green ul.menuLinks li.on a { color:#2D5208; }

ul.links {
list-style-type:none;
margin:2px 0 12px 0;
padding:0px;
font-weight:bold;
}

ul.links li { margin:0 0 7px 0; line-height:13px;}
ul.links a {text-decoration:underline;  margin:0px; }

/*FORMS------------------------------- */

div.formError,
div.formSuccess {
	margin: 0 15px 15px 0;
	padding: 1em;
	font-size: 1.2em;
}

div.mini.formError,
div.mini.formSuccess {
	margin: 0 10px 10px 0;
	padding: 0.5em;
	font-size: 1em;
}

div.formError {
	background: #FFD67F;
	color: #800;
	border: 1px solid #800;
}

div.formSuccess {
	background: #DFFDFF;
	color: #040;
	border: 1px solid #7BCAD1;
}

div.formError p,
div.formSuccess p {
	margin: 0 !important;
}

textarea.question {
display:block;
margin:5px 0 10px 0;
width:500px;
height:75px;
border:1px solid #999;
background-color:#fff;
}

input.normal {
	width: 170px;
	text-indent: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

input.submit {
color:#fff;
font-weight:bold;
height:20px;
margin:5px 0 0 0;
padding:0 0 2px 0;
display:block;
width:60px;
text-align:center;
text-transform:uppercase;
background-color:#FCC857;
border:1px solid #FF9800;
}
.content {
}


.formStyleleft,
.formStyleright {
width:140px;
float:left;
overflow:hidden;
margin:0 0 10px 0;
}

.formStyleright{ width:180px;  }

#signUp .email {
width:160px;
border:1px solid #E28F0C;
background-color:#fff;
}

#signUp .emailSubmit {
vertical-align:top;
margin:1px 0 0 2px;
width:55px;
height:17px;}

/*HOME PAGE------------------------------- */
#slideshow { margin:0 0 10px 0;}



/*FOOTER  ------------------------------- */
#footer {
	padding: 10px 0;
	width: 916px;
	background-color: #1B5E65;
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
}

#footer p {
margin:4px 0 5px 0;
}

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


/* languages ------------------------------- */
div#languages {
	float: right;
	margin: 35px;
	padding: 10px;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	font-weight: bold;
}

div#languages #english {
	padding-right: 1.2em;
	border-right: 1px solid #888;
	margin-right: 1em;
}

div#languages #spanish {
	margin: 0;
	padding: 0;
}

div#languages span {
	cursor: default;
}

/*fix to homepage highlight box */
.highlightPR {
	padding-bottom: 10px;
}

div.otherOrgs h4 a {
	margin: 1em 0 0 0;
}

/* calendar ------------------------------- */

div.event {
	display: none;
	margin-bottom: 1em;
}

a#latestEventModalCloser,
a#latestVideoModalCloser {
	float: right;
	padding: 0 3px;
	margin: 4px;
	font-weight: bold;
	font-size: 1.1em;
	font: monospace;
	border: 1px solid #FFF;
	color: #FFF;
}

a#latestVideoModalCloser {
	margin: 16px 18px 0 0;
}

a#latestEventModalCloser:hover,
a#latestEventModalCloser:active,
a#latestVideoModalCloser:hover,
a#latestVideoModalCloser:active {
	color: #8FF;
}

form#caltool table {
	width: 520px;
	height: 250px;
	border-collapse: collapse;
	margin: 0 auto 2em auto;
}

div#latestVideoModal,
div#latestVideoModal .contentBlock {
	width: 450px;
	height: 385px;
}

div#latestVideoModal .contentBlock h3 {
	width: 443px;
}

div#latestVideoModal {
	background: #FFF;
}

form#caltool table th {
	font-size: 1.5em;
}

td.caltool_text {
	font-size: 1.2em;
	vertical-align: top;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 0.2em;
}

td.caltool_texttop {
	text-align: center;
	padding: 0;
	border: 1px solid #888;
	border-left:0;
}

td.caltool_text.today {
	background: #ADF;
}

td.caltool_text.caltool_event_occurs {
	color: #07C;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

td.caltool_text.caltool_event_occurs:hover {
	background: #AFD;
}

td.caltool_text.caltool_event_occurs.today {
	color: #06B;
}

div#mapBox div.content {
	padding-left: 8px;
	padding-right: 13px;
}

div#mapBox div.content div.caption {
	padding-left: 8px;
}

div#map {
	width: 312px;
	height: 350px;
}

div#latestLeftCol,
div#latestRightCol {
	float: left;
}

div#latestLeftCol {
	width: 561px;
	margin: 0 8px;
}

div#latestRightCol {
	width: 330px;
}

div#latestLeftCol div.scrollable {
	margin-bottom: 1em;
	width: 547px;
	padding: 0 8px;
}

table#latestVideoThumbs {
	border-collapse: collapse;
}

table#latestVideoThumbs td {
	width: 150px;
	height: 150px;
	text-align: center;
	padding: 3px;
}

div#mapBox div.caption {
	padding: 1em 0;
}

.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
}

#latestVideoModal.jqmWindow {
    margin-left: -237px;
    width: 474px;
}

#latestEventModal.jqmWindow {
    margin-left: -282px;
    width: 564px;
}

#latestEventModal .highlightBox {
	width: 550px;
	background-repeat: repeat-x;
}

#latestEventModal .highlightBox h3 {
	width: 543px;
}

.modalContent {
	padding: 1em;
}

.jqmWindow .contentBlock {
	padding: 12px;
}

.jqmOverlay {
	background-color: #000;
}

div.subContent {
	margin-bottom: 1em;
}

div#latestLeftCol div.intro {
	margin: 5px;
}


#etable tr td.caltool_text {
	padding:0 15px 15px 4px;
	height:40px;
}

#etable tr td.caltool_text a {
color:#0077cc;
text-decoration:underline;
font-weight:bold;
}


.etitle {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333;
	padding-bottom:3px;
	
}
.edate {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	font-style:italic;
	padding-bottom:8px;
	
}
.ebody {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#333;
	
}