/* CSS Layout for Au Pair in America */
/* Rhian Thomas - Director of Marketing - American Institute For Foreign Study (AIFS) - May/June 2008 */

/* Normalize margin, paddings */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0;
}

/* Remove list-style from lists */
ol, ul {
	list-style:none; 
}

html {
	text-align:center;
}

body {
	text-align:left;
	padding-top:10px;
}

div#container .clearer {
	clear:both;
}

div#container {
	width:1000px;
	margin:0 auto;
}

div#branding {
	width:60%; 
	float:left;
	height:100px;
}

div#branding img {
	float:left;
}

div#branding h1 {
	display:none;
}

div#branding blockquote {
	margin-top:55px;
	padding-left:40px;
	width:250px;
	float:left;
}

div#header_nav {
	width:40%; 
	float:left; 
	text-align:right;
}

div#header_nav #search {	
	
}

div#header_nav #headerPhone {
	font-size:24px;
	color:#006666;
	font-weight:bold;
}

div#header_nav #headerPhone img {
	padding-right:10px;
}

div#nav_main {
	width:100%;
	height:24px;

}

div#nav_main ul#nav_primary {
	list-style:none;
	padding:0;
	margin:0;
	padding-top:2px;
}


div#nav_main ul#nav_primary li {
	display:inline;
}


div#content {
	width:100%;
}

div#content #content_col1 {
	width:200px;
	float:left;
	margin-top:5px;
}






div#content #content_col2 {
	width:590px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;

}

div#content #content_col3 {
	width:200px;
	float:left;
	margin-top:5px;
}

div#content_col2 p {
	padding:8px 0;
}

div#content_col2 div#content_main ul {
list-style:disc; 
}

div#content_col2 div#content_main ul ul {
list-style:circle; 
}

div#content_col2 div#content_main li {
padding:3px;
margin:0 20px;
}

div#content_col2 ol#nav_breadcrumbs {
	list-style:none;
	padding:0;
	margin:0;
	text-align:right;
	padding-right:15px;
	padding-top:5px;
}

div#content_col2 ol#nav_breadcrumbs li {
	display:inline;
	padding-right:0;
	padding-left:2px;
}

div#content_col2 #content_main {
	padding:0 15px;
}

div#content_main h2 {
	padding-bottom:10px;
}

div#content_main div.banner p {
	padding-top:0;
	padding-bottom:0;
	padding-right:4px;
	padding-left:4px;
	text-align:right;
}

div#content_main p.emphasis {
	margin-bottom:10px;
	margin-top:10px;
	padding-top:10px;
	padding-right:5px;
	padding-left:5px;
}

div#content_col2 div#content_main p.nav_sectionlinks {
	 text-align:right;
}

div#content_col2 div#content_main form.sitelogin {
	width:50%; line-height:2.5; margin:10px auto; padding:10px;
}


div#content_col2 #content_main #quest {
	background-color:#FFFFCC;
	border:1px solid #CCCCCC;
	margin:10px auto;
}

div#content_col2 #content_main #quest #quest_col1 {
	float:left;
	width:400px;
	padding:5px;
	margin:10px auto;
}

div#content_col2 #content_main #quest #quest_col2 {
	 float:left;
	 width:120px;
	 padding:10px;
	 height:130px;
	 margin:10px auto;
	 background:#FFFFFF;
	 border:1px solid #CCCCCC;
}

div#content_col2 #content_main #quest #quest_col1 h3 {
	 font-size:20px;
}

div#content_col2 #content_main #quest #quest_col2 a.questMap {
	width:100px;
	height:100px;
	display:block;
	margin:10px auto;
	text-align:center;
}

div#content_col2 #content_main #quest #quest_col2 img.questMap {
	 margin:0 auto;
	 border:solid 1px #CCCCCC;
}

div#content_col2 #content_main #quest #quest_col2 a.questExpandMap {
	 text-align:right;
	 display:block;
	 margin:0 10px;
	 padding-right:20px;
	 background:url(/images/main_content/icon_enlarge.gif) no-repeat right;
	 font-size:10px;
}	

div#content_col2 #content_footer {
	padding:5px 15px;
	padding-bottom:10px;
	text-align:right;
}

div#content_col2 #content_main div.calendar_day {
	 margin-bottom:5px; width:558px;
}

div#content_col2 #content_main div.calendar_day img {
	float:left;
}

div#content_col2 #content_main div.calendar_day div.calendar_day_text {
	width:398px; padding:0 15px; float:left;
}

div#content_col3 div#login {
	font-size:11px; background:#FFFFFF;
}

div#content_col3 div#login form.sitelogin div.username, div#content_col3 div#login form.sitelogin div.password {
padding:3px 0;
}
div#content_col3 div#login form.sitelogin div.username input, div#content_col3 div#login form.sitelogin div.password input{
width:100px;

}

div#content_col3 div#login h4 {
	font-weight:bold;
	font-size:14px;
}

div#content_col3 div#aupairs {
	height:150px;
	width:200px;
	overflow:hidden;
}

div#content_col3 div#aupairs h4 {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:5px;
}

div#content_col3 div#aupairs .controls {
	text-align:left;
	margin-left:10px;
	font-size:12px;
	line-height:1.9;
	color:#990033;
	font-weight:bold;
}

div#content_col3 div#aupairs div#carousel {
	width:3000px;
	height:100px;
	float:left;
	/*margin-left:-200px;*/
}

div#content_col3 div#aupairs div#carousel div.profile {
	float:left;
	width:190px;
	height:80px;
	margin:0 5px;

}

div#content_col3 div#aupairs div#carousel div.profile img {
	padding-right:4px;
	padding-top:1px;
}


div#badges {
	clear:both; 
	float:left; 
	padding-top:10px;
}

div#badges img {
	border:none;
	padding-right:15px;
}

div#site_map {
	clear:both;
	padding-top:10px;
	font-size:11px;
}

div#site_map_links {
	float:left; 
	padding-top:20px;
}

div#site_info {
	clear:both;
}

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float:left; list-style:none; width:194px; height:103px; }
.jcarousel-next { z-index: 1; display: none; }
.jcarousel-prev { z-index:1; display:none; }
.jcarousel-skin-ie7 .jcarousel-container-horizontal { width: 194px; }
.jcarousel-skin-ie7 .jcarousel-clip-horizontal { width: 194px; height: 103px; margin-left:3px; margin-top:-1px; margin-bottom:-1px;}
.jcarousel-skin-ie7 .jcarousel-item { width: 194px; height: 103px; border: 1px solid #ffffff; }
.jcarousel-skin-ie7 .jcarousel-item:hover { border-color: #808080; }
.jcarousel-skin-ie7 .jcarousel-item-horizontal { margin-right: 7px;}


div#header {
	position:relative;
	width:980px;
	height:100px;
	color:#FFFFFF;
}
div#header div#branding h1 {
	display:none;
}
div#header div#branding img {
	padding:3px 5px;
}
div#header ul#navTop {
	font-size:0.9em;
	position:absolute;
	top:17px;
	right:3px;
}
div#header ul#navTop a {
	color:#333333;
	text-decoration:none;
	/*font-weight:bold;*/
}
div#header ul#navTop a:hover {
	text-decoration:underline;
}
div#header ul#navTop {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
div#header ul#navTop li {
	display:inline;
}
div#header ul#navTop  li a {
	padding:0 5px;
	border-right:1px solid #FFFFFF;
}
div#header ul#navTop  li#navTopProviderSearch a {
	border-right:0px solid #FFFFFF;
}
div#header ul#navTop  li#navTopBlog a {
	display:none;
	border-right:0px solid #FFFFFF;
}
body#homepage div#header ul#navTop li#navTopHome {
	display:none;
}
div#header div#navLogin {
	position:absolute;
	top:41px;
	right:5px;
	margin-top:3px;
	font-size:0.9em;
}
div#header div#navLogin label {
		color:#333333;	
}
div#header div#navLogin input#navLoginUsername {
	border:1px solid #CCCCCC; width:100px; margin-right:10px;
}
div#header div#navLogin input#navLoginPassword {
border:1px solid #CCCCCC; width:100px; margin-right:10px;
}
div#header div#navLogin a#navLoginSubmit {
text-decoration:none; color:#333333; background:lightblue; padding:1px 10px;
}
div#header div#navLogin span#navLoginLinks {
font-size:11px; line-height:1.9;
}

div#header a {color:#006666;}
/*
div#header input#navLoginSubmit {border:1px solid #006666; border-top:1px solid #269697; border-left:1px solid #269697; background:#269697; color:#FFFFFF;}
div#header input#navLoginSubmit:hover {border:1px solid #269697; border-top:1px solid #006666; border-left:1px solid #006666; background:#aecbc9; color:#333333;}
*/

div#header input#navLoginSubmit {
	border:1px solid #006666; 
	border-top:1px solid #269697; 
	border-left:1px solid #269697; 
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
	
	background:#269697; 
	color:#fff;
	cursor: pointer;
	font-weight: bold;
	padding: 2px 5px;
}


div#header input#navLoginSubmit:hover {
	border:1px solid #269697; 
	border-top:1px solid #066; 
	border-left:1px solid #066; 
	background:#016767; 
	color:#fff;
}