@charset "utf-8";
/* CSS Document */

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {  margin: 0;  padding: 0;  border: 0;  border-collapse: separate;  border-spacing: 0;}
html,body {height: 100%; min-height:100%; min-width:779px}
input,select {margin: 0;  padding: 0;}
input,select{font:11px Arial, Helvetica, sans-serif; color:#006699}
ul{list-style-type:none;}
a{font:11px arial; color:#0066CC}
a:hover{font:11px arial; color:#FFCC00}
body{font:11px arial; background:#F4F3D5;}
#bodybg{ background-color:#FFFFFF;border-bottom:1px solid #2d597c;}
/* HEADER */

#bodyWrapper{width:791px; position:relative; display:table; margin:0 auto; background:url(images/main_bg.gif) center repeat; background-color:#FFFFFF}
#mainWrapper{width:779px; position:relative; margin:0 auto;}
#topbg1{width:779px; background:#e5481b; height:3px; min-height:3px; display:block; border-bottom:1px solid #FFFFFF}
#bottombg1{width:779px; background:#e5481b; height:3px; min-height:3px; display:block; border-bottom:1px solid #FFFFFF}

#linkBar{width:779px; position:relative; float:left; height:28px; background:#2d597c}
#linkBar ul{width:475px; height:22px; float:left; margin-left:10px; margin-top:6px;}
#linkBar ul li{width: auto; margin-right: 30px; float:left; }
#linkBar ul li a{font:12px arial; color:#FFFFFF; font-weight:bold; padding:5px 0 0 28px; text-decoration:none; background:url(images/img2_06.gif) no-repeat; background-position:5px 6px;}
#linkBar ul li a:hover{color:#FFCC00;background:url(images/img2_over.gif) no-repeat; background-position:7px 6px;}

#QuickSearch{width:230px; float:right; padding-top:4px}
#QuickSearch span{width:100px;font:12px arial; font-weight:bold; color:#fff; }

#mainHeader{width:779px; float:left; position:relative; height:239px; background:url(images/img4_10.jpg) no-repeat;}
#LinkpageHeader{width:779px; float:left; position:relative; height:117px; background:url(images/link_top_bg.jpg) no-repeat;}

#logo{width:219px;height:79px;position:absolute;left:14px;top:10px;}
#aupairReg{width:106px; height:63px; position:absolute; left:70px; top:120px;}
#headerSearch{
	width:300px;
	height:190px;
	position:absolute;
	left:478px;
	top:13px;
}
#headerSearch table.main{width:100%; height:180px;}
#headerSearch table.main tr td{ vertical-align:middle}
#headerSearch table.main tr.heading{ text-align:center; vertical-align:middle;} 
#headerSearch table.main tr td.label{ text-align:right; padding-right:4px;} 


#contentWraper{width:779px; position:relative; float:left;background:url(images/left_bg_18.gif) repeat-y;}
/* LEFT PANNEL */
#wrapPan{width:100%; background:url(images/left_bg_18.gif) repeat-y;}
#wrapPan #clear{clear:both;}
#leftPan{width:212px; float:left; background:url(images/left_bg_18.gif) repeat;}
#leftPanHeading{width:172px; float:left; background:url(images/img4_12.gif) no-repeat; background-position: 5px 0px; padding:18px 0 0 40px; height:30px;}
#leftPanHeading h3{font:16px arial; font-weight:bold; color:#0066FF}
#loginBox{ width:212px; float:left;}
#loginBox table tr td.label{ text-align:right; padding-right:4px;} 
#leftFamLinks{width:166px; float:left; margin:15px 0px 15px 22px;background:url(images/fam_aup-panbg.gif) repeat; height:171px;}
#leftFamLinks ul{width:140px; position:relative; left:23px; top:5px; margin-bottom:12px;}
#leftFamLinks ul li{display:block; height:20px; background:url(images/bullet_29.gif) no-repeat; background-position:0px 7px; padding:3px 0 0 15px;}
#leftFamLinks ul li a:link,a:visited{font:11px arial;} 
#leftFamLinks ul li a:hover{ color:#FFCC00} 

#leftAupLinks{width:166px; position:relative; float:left; margin:15px 0px 15px 0px; left:22px; background:url(images/fam_aup-panbg.gif) repeat;}
#leftAupLinks ul{width:147px; position:relative; left:10px; top:5px; margin-bottom:7px;}
#leftAupLinks ul li{height:25px;}
#leftAupLinks ul li a{width:122px;display:block; height:20px; font:11px arial; color:#000000;  background:url(images/tabs_bg.gif) no-repeat;  padding:5px 0 0 25px;text-decoration:none;} 
#leftAupLinks ul li a:hover{ color:#FFCC00; background:url(images/tabs_bgo.gif) no-repeat; } 


#left_tabs{width:212px; float:left; margin:15px 0; }
#left_tabs ul{width:160px;  margin:5px 0 10px 25px;}
#left_tabs ul li{height:30px;}
#left_tabs ul li a{width:130px; height:22px; display:block; font:11px arial; padding:8px 0 0 30px;  color:#000000; text-decoration:none; background:url(link_tab_35.gif) no-repeat;} 
#left_tabs ul li a:hover{ color:#FFFFFF;background:url(link_tab_35.gif) no-repeat; background-position:0 -30px;} 


/* MAIN PANNEL */

#mainPan{width:567px; position:relative; float:left;}
#mainPan h1{width: 520px; margin:15px 0 0 25px; font:16px "Trebuchet MS"; color:#FF3300; font-weight:bold; border-bottom:1px solid #003399}
#mainPan p{width: 520px; margin:15px 0 15px 25px; font:11px arial; color:#000000; text-align:justify; line-height:18px}

#user_pics{width:485px; height:145px; margin:15px 0 15px 37px; float:left; background:url(images/prof_bg.gif) no-repeat; padding:25px 0 0 15px;}
#userPicPan{width:104px; height:135px; float:left; margin-right:16px;}
.userPic{width:96px; height:98px; float:left; border:1px solid #BFBFBF; padding:3px;}
.userPic:hover{width:96px; height:98px; float:left; border:1px solid #636363; background:#FFEDE1; padding:3px;}
#userPicPan p{margin-top:2px; float:left; width:103px; line-height:12px; text-align:center}
#userPicPan a{font:11px tahoma; color:#FF3300; text-decoration:none;}
#userPicPan a:hover{color:#0066CC}
/* FOOTER PANNEL */

#footerPan{width:779px; position:relative; float:left;}
#footer{width:779px; position:relative; float:left; background:#2c597b; height:60px; padding-top:7px}
#footerLeftLinks{
	width:220px;
	float:left;
	padding-left:5px;
	color:#FFFFFF
}
#footerLeftLinks a{font:11px arial; text-decoration:none; color:#FFFFFF}
#footerLeftLinks a:hover{color:#000000}
#copyrights{
	width:400px;
	font:10px arial;
	color:#FFFFFF;
	left:240px;
	position:absolute;
	text-align:center
}
#footerRightLinks{width:120px; float:right; padding-right:5px; text-align:right}
#footerRightLinks a{font:11px arial; text-decoration:none; color:#FFFFFF}
#footerRightLinks a:hover{color:#000000}
#inspiral{width:190px; float:right; color:#FFFFFF; clear:both; margin-top:8px;}
#inspiral a{color:#000066}

