/* CSS Typography for Au Pair in America */
/* Rhian Thomas - Director of Marketing - American Institute For Foreign Study (AIFS) - May/June 2008 */

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
}

/* Normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6;
}

strong {
	font-weight:bold;
}

div#branding blockquote {
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	line-height:1.3;
}

/* ==== Main Nav ====*/
div#nav_main {
	background-color:#009393;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;		
	
	float: left;
	height:29px;
	overflow: hidden;
	position:relative;
	width:100%;
}

div#nav_main ul#nav_primary {
	float: left;
	padding:0px;
	margin:0px;
	list-style:none;
  	position:relative;
   	left:50%;
	text-align:center;
   }

div#nav_main ul#nav_primary li {
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
  	position:relative;
   	right:50%;
	}

div#nav_main ul#nav_primary li a, 
div#nav_main ul#nav_primary li a:active, 
div#nav_main ul#nav_primary li a:visited {
	color:#fff;
	display:block;
	float:left;
	font-size:11px;
	font-weight: bold;
	padding:5px 12px 6px 12px;
	text-decoration:none;
	text-transform:uppercase;
}

/*keeps main nav tabs highlighted*/
body#about_page li#nav_about a,
body#why_page li#nav_why a,
body#program_page li#nav_program a,
body#aupairs_page li#nav_aupairs a,
body#fees_page li#nav_fees a,
body#apply_page li#nav_apply a,
body#brochure_page li#nav_brochure a,
body#contact_page li#nav_contact a
{
	background-color:#016767;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;		
}

div#nav_main ul#nav_primary li a:hover {
	background-color:#016767;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;		
	color:#fff;
	padding:5px 12px 6px 12px;
}
/* ==== End of Main Nav ====*/


/*==== Seconadry Nav Update ====*/

.nav_secondary_wrapper {
	background: #fff;
	border:1px solid #009393;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	margin-bottom:10px;
	width: 198px;
}

.nav_secondary_wrapper h3 {
background-color: #bce9e9;

-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 12px 12px 0px 0px;
border-radius: 12px 12px 0px 0px; 

font-size: 18px;	
padding: 5px 10px;
width: 178px;
}

.nav_secondary_wrapper.no-links h3 {
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

div#content_col1 ul#nav_secondary li a{
	border-bottom: 1px solid #cccccc;
	color: #333;
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	width:178px; 
}

div#content_col1 ul#nav_secondary li a.last-link {
	border-bottom: none;
}


div#content_col1 ul#nav_secondary li a:hover {
	background-image:none;
	background-color:#dcf6f6;
}

div#content_col1 ul#nav_secondary li a.last-link:hover {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-radius: 0px 0px 12px 12px ;
border-radius: 0px 0px 12px 12px;
}
/*==== End of Secondary Nav Update ====*/



/*
div#nav_main ul#nav_primary li a:link, div#nav_main ul#nav_primary li a:active, div#nav_main ul#nav_primary li a:visited{
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
background-color:#333333;
}

div#nav_main ul#nav_primary li a:hover {
	background-color:#CCCCCC;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}
*/




/*
div#content_col1 h3 {
	font-size:22px;
	margin-top:140px;
	margin-left:15px;
	margin-bottom:5px;
}

div#content_col1 ul#nav_secondary {
	background:url(../images/nav_left/bg_gradient_bottom.gif) no-repeat bottom;
	padding-bottom:25px;
	
}

div#content_col1 ul#nav_secondary li {
	background:url(../images/nav_left/bg_gradient2.gif) repeat-y;
	padding:4px 0;
	padding-left:10px;
}

div#content_col1 ul#nav_secondary li a:link, 
div#content_col1 ul#nav_secondary li a:visited, 
div#content_col1 ul#nav_secondary li a:active {
	background:url(../images/nav_left/nav_li_star.gif) no-repeat left top;
	margin-left:5px;
	padding-left:15px;
}

div#content_col1 ul#nav_secondary li a:hover {
	background:url(../images/nav_left/nav_li_star_ov.gif) no-repeat left top;
	margin-left:5px;
	padding-left:15px;
}
*/

div#content p {
	line-height:1.8;
}

div#content_main p.emphasis {
	font-weight:bold;
	font-size:13px;
	color:#444444;
}

div#content .smaller {
	font-size:10px;
	line-height:1.3;
}

div#content_main h2 {
	font-size:22px;
	line-height:1;
}

div#content_main h3 {
	font-size:16px;
	margin:10px 0;
}

div#content_main .red {
	font-weight:bold;
}

div#content_col2 ol#nav_breadcrumbs li {
	font-size:10px;
}

div#content_col2 ol#nav_breadcrumbs li a:link, div#content_col2 ol#nav_breadcrumbs li a:active, div#content_col2 ol#nav_breadcrumbs li a:visited, div#content_col2 ol#nav_breadcrumbs li a:hover {
	text-decoration:none;
}

div#content_main div.banner p {
	font-size:9px;
	text-transform:uppercase;
}

div#content_col2 div#content_footer {
	font-size:10px;
}

div#container div#site_info {
	font-size:10px;
}

div#content_col3 div#aupairs div.profile p {
	font-size:11px;
	line-height:1.2;
	padding:0;
	margin:0;
	margin-top:5px;
}


/* ==== Secondary Content Buttons ====*/
		.secondary-content-button {
		border: 1px solid #dc3d62;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		border-radius:12px;
		font-size: 12px;
		margin:0px 0px 10px 0px;
		padding: 10px;
		height: 155px;
		width:180px;
		}

		.secondary-content-button.new-host-families {
		background: url("../images/secondary-content-button/save_1000_background.jpg") no-repeat #ffffff;
		}

		.secondary-content-button.aupairs-available-now {
		background: url("../images/secondary-content-button/aupair_available_now_background.jpg") no-repeat #ffffff;
		}

		.secondary-content-button.connect-with-us {
		background: url("../images/secondary-content-button/connect_with_us_background.jpg") no-repeat #ffffff;
		border: 1px solid #009393;
		}

		.secondary-content-button.new-host-families a, .secondary-content-button.aupairs-available-now a {
		background-color: #dc3d62;
		border: 1px solid #f3898c;

		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;

		color: white;
		display: block;
		font-weight: bold;
		padding: 5px;

		position: relative;
		top: 18px;

		text-align: center;
		text-decoration: none;

		text-shadow: 0px -1px 1px #7a2337;
		filter: dropshadow(color=#7a2337, offx=0, offy=-1);		
		}

		.secondary-content-button.aupairs-available-now a {
		position: relative;
		top: 72px;
		}


		.secondary-content-button.new-host-families a:hover, .secondary-content-button.aupairs-available-now a:hover {
		border: 1px solid #7a2337;
		}	

		.secondary-content-button.connect-with-us a{
		background-color: #009393;
		border: 1px solid #2bbdbd;

		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;

		color: white;
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 5px;


		text-align: left;
		text-decoration: none;

		text-shadow: 0px -1px 1px #007f7e;
		filter: dropshadow(color=#007f7e, offx=0, offy=-1);	
		width:90px;	
		}

		.secondary-content-button.connect-with-us a.call_me_back {
		background: url("../images/secondary-content-button/call_me_back_background.png") no-repeat 5px 0px #009393;
		}

		.secondary-content-button.connect-with-us a.mail_brochure {
		background: url("../images/secondary-content-button//mail_brochure_background.png") no-repeat 5px 0px #009393;
		}

		.secondary-content-button.connect-with-us a.apply_online {
		background: url("../images/secondary-content-button/apply_online_background.png") no-repeat 5px 0px #009393;
		}


		.secondary-content-button.connect-with-us a:hover{
		border: 1px solid #036161;
		}

		.links-list{
		position:relative;
		top: 20px;
		}
	
		.secondary-content-button h4 {
		color: #009393;
		font-size: 16px;
		line-height: 1.4 !important;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}
		
		.secondary-content-button p {
		line-height: 1.4 !important;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}

		.secondary-content-button.new-host-families h4, .secondary-content-button.aupairs-available-now h4 {
		color: #dc3d62;
		}

		.secondary-content-button.new-host-families p {
		color: #dc3d62;
		font-style: italic;
		}
/*==== End of Secondary Content Buttons ====*/		


/*ADDITIONAL STYLES TO BE CATEGORIZED */

div#phone, div#brochure, div#apply {
	margin:5px 0;
	font-size:14px;
	font-weight:bold;
}

div#phone img, div#brochure img, div#apply img {
	padding-right:0px;
	cursor:pointer;
}

div#phone a, div#brochure a, div#apply a {
	color:#006699;
	text-decoration:none;
}

div#phone a:hover, div#brochure a:hover, div#apply a:hover {
	color:#006699;
	text-decoration:underline;
}

.contentFooterLink {
	cursor: pointer;
}

div#shareLinks {
	margin-top:5px;
}

div#shareLinks ul {
	padding:0;
	margin:0;
	list-style-type:none;
	display:inline;

}

div#shareLinks ul li {
	display: inline;
	padding-bottom:3px;
	padding-left:20px;
	padding-right:5px;
	cursor:pointer;
	background-position:left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	text-decoration:none;
}

div#shareLinks ul li#shareDigg {
	background-image: url('/images/bookmarks/icon_digg.png');
}

div#shareLinks ul li#shareDelicious {
	background-image: url('/images/bookmarks/icon_delicious.gif');
}

div#shareLinks ul li#shareReddit {
	background-image: url('/images/bookmarks/icon_reddit.gif');
}

div#shareLinks ul li#shareStumbleUpon {
	background-image: url('/images/bookmarks/icon_stumbleupon.png');
}

div#shareLinks ul li#shareFacebook {
	background-image: url('/images/bookmarks/icon_facebook.gif');
}
div#shareLinks ul li#shareTwitter {
	background-image: url('/images/bookmarks/icon_twitter.png');
}
div#shareLinks ul li#shareYouTube {
	background-image: url('/images/bookmarks/icon_youtube.png');
}
#promoBannerRegular {margin-top:15px; border: 1px dotted #74add8; padding:5px; background-color:#f0fafc; background-image: url('/images/promos/promo_star_500.gif'); background-repeat: no-repeat; background-position: right top;}
#promoBannerSpecial {margin-top:15px; border: 1px dotted #74add8; padding:5px; background-color:#f0fafc;}
#promoBannerRegular h3 {line-height:1.4; margin-top:0; width: 400px;}
#promoBannerSpecial h3 {line-height:1.4; margin-top:0;}
#promoBannerRegular p {width: 400px;}
#promoBannerRegular a, #promoBannerSpecial a {color:#990000;}
#promoBannerRegular a:hover, #promoBannerSpecial a:hover {text-decoration:none;}

/*promoBanner without star as background image*/
#promoBannerRegular2 {margin-top:15px; border: 1px dotted #74add8; padding:5px; background-color:#f0fafc;}
#promoBannerRegular2 h3 {line-height:1.4; margin-top:0; width: 400px;}
#promoBannerRegular2 p {width: 400px;}
#promoBannerRegular2 a {color:#990000;}
#promoBannerRegular2 a:hover {text-decoration:none;}

/*career listings styles from AIFS*/
a.italicBlue, a.italicBlue:active, a.italicBlue:visited {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 19px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #3366cc;
	text-decoration: none;
}
a.italicBlue:hover {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 19px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #cccccc;
	text-decoration: none;
}
