/* 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:#006699;
	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;}