/* === General ===*/
/*html, body {font-size:62.5%; font-family:Arial,sans-serif,SimSun,"Ms Gothic";}*/
html, body {font-size:62.5%; font-family:Arial,sans-serif,SimHei,"Ms Gothic";}
h1{margin:0px; padding:0; font-size:2em; font-weight:normal;}
h2{margin:0px; padding:0; font-size:1.4em; font-weight:bold;}
h3{clear:both; margin:16px 0; font-size:1.25em; font-weight:bold; color:#0095da; background:url(/images/dive_flag.gif) 0 1px no-repeat; padding:0 0 0 20px; width:655px; border-bottom:1px dotted #04567c;}
p{margin:8px 0; padding:0; line-height:18px;}
/*p{margin:0; padding:0; line-height:20px; text-indent:20px;}*/
img{border:none;}
form{margin:0; padding:0;}
a:link{color:#04567c; text-decoration:none;}
a:visited{color:#04567c; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:none;}
a:active{text-decoration:none;}
.inputEmail{background:url(/images/email.gif) 3px center no-repeat; color:#04567c; padding:3px 0 3px 28px; border:1px solid #31a9e1;}
/*== last position:relative fixed the lays overlap when resize the window of ie ==*/
body{ font-size:1.2em; color:#04567c; width:900px; margin:0 auto; padding:0; }
/* === Header ===*/
#head{ font-size:1.2em; width:900px; background:url(/images/head_bg.jpg) no-repeat; display:block; clear:both; position:relative; height:115px;
padding-bottom:3px; border-bottom:1px solid #31a9e1;}
#head #logo{ position:absolute; top:20px; left:0;}
#head #padi_logo{ position:absolute; bottom:3px; right:4px;}
#head h1{ position:absolute; top:40px; right:150px; color:#04567c;}
#head h1 #companyName{ visibility:hidden;}
#head ul{ list-style-type:none; margin:0; padding:0;}
#head ul li{display:block; float:left;}
#head ul#lang{ font-size:.9em; position:absolute; top:10px; right:15px;}
#head ul#lang li{ border-left:1px solid #04567c; color:#04567c; margin-left:6px; padding-left:6px;}
#head ul#lang li.langLiTop{border-left:none;}
#head #region_list{padding:0; font-size:0.9em; font-family:Arial,sans-serif,SimHei,"Ms Gothic";}
#head ul#mainNav{position:absolute; bottom:3px; left:0;}
#head ul#mainNav a{display:block;}
#head ul#mainNav li{background-color:#0095da; color:white; width:116px; height:25px; margin-left:3px; padding-left:3px;}
#head ul#mainNav li.mainNavLiTop{margin-left:0;}
#head ul#mainNav li .whiteLink{color:white; line-height:1.8em;}
/**-- this part is becoming the link area can be selected in IE --*/
#head ul#mainNav li{ display:inline;}
* html #mainNav a{height:1px;}
/* === Main Content Page ===*/
#wrapper{ display:block; float:left; clear:both; background:url(/images/sideBarLeftLine.gif) right top repeat-y; margin:3px 0; width:900px;}
#main{width:685px; display:block; float:left; clear:left; margin-right:3px; position:relative;}
#main #banner{ display:block; float:left; margin:0; padding:0; width:685px; height:280px; overflow:hidden;}
#main #bannerCover{ display:block; width:685px; height:280px; position:absolute; top:0; left:0; background:url(/images/bannerCover.gif) right bottom no-repeat;}
#main #content{ width:685px;}
/* *** Newsletter and Big Blue Schedule*/
#sideBar{ display:block; float:right; clear:right; width:210px;}
#sideBar .title{clear:left; font-size:1.2em; background-color:#0095da; width:198px; color: white; padding:6px;line-height:1em;}
#sideBar .title p{margin:0; padding:0;}
#sideBar .title a.titleLink{color:white;}
#sideBar .language ul{list-style-type:none;}
#sideBar .language ul li{float:left; display:block; border-bottom:none; margin:8px 2px 8px 2px; padding:0 0 0 22px;}
#sideBar .links{padding:6px 28px;}
#sideBar .links ul li{list-style-type:none; background:none; padding:0; border-bottom:none;}
#sideBar .newsLetter{padding:6px 0 5px 3px;}
#sideBar .emailBut{width:30px; height:22px; margin-left:1px; background:url(/images/email_bg_false.gif) 1px 1px repeat-x; border:none; font-family:Arial; color:white;}
#sideBar p{margin: 0; padding: 0; text-indent:0; margin-top:5px; padding:1px 0 0 20px; line-height:16px; background:url(/images/ball_arrow.gif) 0 0 no-repeat;}
/*#sideBar p{text-indent:0; margin-top:5px; padding:1px 0 0 20px; line-height:16px; background:url(/images/ball_arrow.gif) 0 0 no-repeat;}*/
#sideBar ul{margin:0 3px; padding:0; list-style-type:none;}
#sideBar ul li{background:url(/images/dive_flag.gif) no-repeat 2px 2px; margin:5px 0; padding:0 0 5px 25px; border-bottom:1px solid #31a9e1;}
#sideBar ul li.lastItem{border-bottom:none;background:none;text-align:right;padding-right:5px;}
#sideBar img.links_icon{border:0; margin:10px 4px;}
#sideBar .link{display:block; float:left; width:110px; text-align:center; padding-left:43px;}
/* *** Page content layout format *** */
#content .title{ display:block; float:left; clear:left; margin:8px 0 0 0; padding:0; width:685px; background:url(/images/title_bg.gif) 0 1px no-repeat;}
#content .titleText{ display:block; float:left; margin:10px 0 0 0; padding-right:5px; background:white;}
#content .content{display:block; float:left; width:685px; clear:left; padding:10px 0;}
#content .emailLink{text-decoration:underline;}
/* *** Linked Courses layout for COURSE PAGES *** */
#content #linked_courses{display:block; float:left; clear:left; width:675px;}
#content #linked_courses #previous_course{display:block; float:left; clear:left; width:280px; padding-left:42px; background:url(/images/scuba_diver_left.png) no-repeat;}
#content #linked_courses #next_course{display:block; float:right; width:280px; text-align:right; padding-right:42px; background:url(/images/scuba_diver_right.png) no-repeat right;}
/* === Footer ===*/
#footer{ font-size:1em; display:block; float:left; clear:both; margin:0 auto; width:900px; height:110px; background:url(/images/foot_bg.jpg); position:relative;}
#footer ul{ list-style-type:none; display:block; margin:0; padding:0; position:absolute; top:12px; right:15px;}
#footer ul li{ font-size:1.1em; float:left; margin-left:5px; padding-left:5px; border-left:1px solid white;}
#footer ul li.footTopLi{ border-left:none;}
#footer ul li .whiteLink{color:white; line-height:1.2em}
#footer .copyright{ color:#04567c; position:absolute; right:10px; bottom:5px;}
#footer .commercial{ position:absolute; left:6px; bottom:6px; border:0;}
#footer .icp{ color:#04567c; position:absolute; right:10px; bottom:20px; font-size:0.9em;}