/* Global */

* {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px 0px; text-align: center; font-size: 12px; font-family: Verdana, Trebuchet, Arial, Helvetica, Tahoma, sans-serif; background-color: #FDF7E7; color: #333333;}
#container {width: 830px; padding:0px 0px 0px 0px; margin: auto; text-align: left; background: url(http://www.aupair-japan.com/images/container_bg.gif) repeat-y;}

a {text-decoration: underline;}
a img {border: 0px;}
a:link, a:visited {font-weight: bold; color: #0099FF; cursor: pointer;}
a:visited {color: #0099FF;}
a:hover {color: #0000C3;}
a:active {color: #0000C3;}

h1 {margin-bottom: 5px; font-size: 2em; font-weight: bold;}
h2 {margin-bottom: 15px; font-size: 1.5em; font-weight: bold;}
h3, h4, h5 {margin-bottom: 5px; font-size: 1.2em; font-weight: bold;}

p {line-height: 180%;}
dl {padding: 0px 0px 10px 0px;}
dt {font-weight: bold;}
dd {padding: 5px 0px 10px 20px; line-height: 180%;}
dd dl {padding: 0px;}

em {font-weight: bold; font-style: normal;}
strong {font-weight: bold;}
blockquote {background: url(http://www.aupair-japan.com/images/quotation.gif) no-repeat; background-position: top left; margin: 10px 0px 10px 0px; padding: 0px 20px 0px 20px; font-weight: bold; color: #999999; line-height: 180%;}

#container_top {width: 850px; margin: auto; text-align: left; height:20px; background: url(http://www.aupair-japan.com/images/container-top.gif) no-repeat;}
#container {padding: 0px 10px; background-color: #FFFFFF;}
#container_bottom {width: 850px; margin: auto; text-align: left; height:20px; background: url(http://www.aupair-japan.com/images/container-bottom.gif) no-repeat;}


/* Header */

#header {width: 800px; height: 180px; margin: 0px auto 10px auto; background-color: #91B3D0; 
background-image: url("http://www.aupair-japan.com/images/header2.jpg");}
#header h1 {margin: 10px 0px 0px 0px; padding: 0px 10px 0px 30px; color: #FDFCFC; background-color: #FFFF66;}
#header h1 a {text-decoration: none;}
#header h1 a:link {color: #3366FF;}
#header h1 a:visited {color: #3366FF;}
#header h1 a:hover {color: #3366FF;}
#header h1 a:active {color: #3366FF;}
#header p {padding: 10px 10px 0px 30px; color: #333333; font-weight: bold;}


/* Navi */

#menu {width: 800px; height:21px; margin: 0 auto; background: url(http://www.aupair-japan.com/images/menu01.gif) no-repeat;}
#menu a {padding:2px 0 0 0; text-decoration: none; font-family:"Arial";}
#menu a {display: block; height:21px;}
#menu a:link {color: #FFFFFF;}
#menu a:visited {color: #FFFFFF;}
#menu a:hover {color: #0099FF; background: url(http://www.aupair-japan.com/images/menu_hover.gif) 1px 0 no-repeat; }
#menu a:active {color: #0099FF;}
#menu ul {text-align: left;}
#menu li {display: block; float: left; width: 100px; font-size: 1.2em; text-align: center; padding: 0px; margin: 0px 0px 10px 0px;}


/* Main */

#box {clear: both; width: 800px; margin: 0 auto; background-color: white;}

#main_left {float: left; width: 560px; padding: 10px 0px 10px 10px;}
#main_left h2 {color: #FF0000;}
#main_left h3 {color: #69A8E7; margin: 10px 0px 0px 0px; padding: 0px 0px 2px 5px; border-left: solid 5px #FFFF66; border-bottom: solid 2px #FFFF66;}
#main_left h3 a {text-decoration: none;}
#main_left h3 a:link {color: #69A8E7;}
#main_left h3 a:visited {color: #69A8E7;}
#main_left h3 a:hover {color: #69A8E7;}
#main_left h3 a:active {color: #69A8E7;}
#main_left p {padding: 0px 0px 10px 0px;}
#main_left ul {margin: 0px 0px 10px 20px; line-height: 180%; font-weight: bold;}
#main_left ol {margin: 0px 0px 10px 20px; line-height: 180%; font-weight: bold;}
#main_left .commenter {color: #333333; font-weight: normal; text-align: right;}

#main_right {float: right; width: 200px; padding: 10px 0px 10px 0px;}
#main_right a {text-decoration: none;}
#main_right a {display: block;}
#main_right a:link {color: #3366FF;}
#main_right a:visited {color: #3366FF;}
#main_right a:hover {color: #FFFF66; background-color: #3366FF;}
#main_right a:active {color: #FFFF66; background-color: #3366FF;}
#main_right ul {margin: 0px 0px 10px 0px; list-style: none;}
#main_right li {width: 190px; text-align: center; font-size: 1.0em; background-color: #FFFF66;}
#main_right p {text-align: center; padding: 0px 0px 10px 0px; color: #FFFF66;}
#main_right #submenu_title {color: #666666;}
#main_right #extra_box div {width: 178px; margin: 0px 0px 10px 0px; padding: 5px;}
#main_right #extra_box h4 {font-size: 1.0em; color: #666666;}
#main_right #extra_box p {text-align: left; color: #666666; font-size: 0.8em; line-height: 120%;}
#main_right #extra_box a {text-decoration: underline;}
#main_right #extra_box a:link {color: #0099FF;}
#main_right #extra_box a:visited {color: #0099FF;}
#main_right #extra_box a:hover {color: #0099FF;}
#main_right #extra_box a:active {color: #0099FF;}

#main_right #extra_box .orange_box {background-color: #FFFF66; border: dotted 1px #ffffff;}
#main_right #extra_box .white_box {border: solid 1px #FFFF66;}


/* Footer */

#footer {clear: both; margin: 0px 10px; padding: 0px; background-color: #FFFF66; color: #3366FF; text-align: center;}
#footer a {text-decoration: none;}
#footer a:link {color: #3366FF;}
#footer a:visited {color: #3366FF;}
#footer a:hover {color: #3366FF;}
#footer a:active {color: #3366FF;}

#footer_menu {clear: both; height:20px; margin: 0px 130px;}
#footer_menu li {display: block; float: left; text-align: center; padding: 0px 10px;}


/* Form */

#form {margin: 10px 0px 20px 0px; padding: 10px; border: 2px dotted #FFFF66; background-color: #ffff99; color: #666666;}
#cgi_box1 {width: 500px; padding: 20px 0px 10px 10px; text-align: left;}
#cgi_box2 {text-align: center;}


/* Decorations */

.red_l {color: #FF0000; font-size:16px; font-weight: bold;}
.red_m {color: #FF0000; font-size:14px; font-weight: bold;}
.red_s {color: #FF0000; font-size:12px; font-weight: bold;}