/* CSS Document */

/* define homepage middle body */
/* define middlebodyleft  */
#middlebodyleft { width:530px; height:255px; background-image:url(images/bg_blue.gif);float:left; 
}
#topicleft{ width:330px; height:auto; margin-left:180px; margin-top:20px; font-family:"Times New Roman"; font-size:29px; color:#ffffff; font-weight:bold;
text-align:right; line-height:110%
}
#contentleft {width:300px; margin-left:205px; margin-top:5px; text-align:right
}
#middlebodyleft A:link{ color:#CCCCCC;text-decoration:none; font-size:11px
}
#middlebodyleft A:visited { padding-left: 8px; color:#CCCCCC;text-decoration:none;font-size:11px
}
#middlebodyleft A:hover { color:#FFFFFF;text-decoration:none;font-size:11px
}
#fullname{ width:180px; height:25px; margin-left:130px; margin-top:45px; font-size:11px
}
/*middlebodyright */
#middlebodyright {width:372px; height:255px; background-image:url(images/bg_black.gif); float:left; text-align:left
}
#topicright{ width:300px; height:30px; margin-left:20px; margin-top:30px; font-family:"Times New Roman"; font-size:16px; color:#ffffff;font-weight:bold
}
#contentright{ width:150px; margin-left:20px; margin-top:30px; color:#CCCCCC; float:left; padding:0px
}
#middlebodyright A:link{ color:#CCCCCC;text-decoration:none;font-size:11px
}
#middlebodyright A:visited { color:#CCCCCC;text-decoration:none;font-size:11px
}
#middlebodyright A:hover { color:#FFFFFF;text-decoration:none;font-size:11px
}
#homebook { width:145px; height:129px; margin-left:57px; margin-top:3px;float:left
}
#publisher {clear:both; width:250px; font-size:11px; margin-left:20px;
}

/*bottombodyleft */
#bottombodyleft { clear:both; width:530px; height: 200px; background-image:url(images/bg_wave.gif);float:left; text-align:left
}
#topicleftb{  width:330px; height:20px; margin-left:40px; margin-top:15px; font-family:"Times New Roman"; font-size:16px; color:#057c92; font-weight:bold
}
#contentleftb {width:450px; margin-left:40px; margin-top:5px; 
}
#more {width:50px; height:10px; margin-left:450px; margin-top:0px
}

/*bottombodyright */
#bottombodyright {width:372px; height:200px; background-image:url(images/bg_orange.gif); float:left;text-align:left
}
#topicrightb{ width:300px; margin-left:20px; margin-top:20px; font-family:"Times New Roman"; font-size:17px; color:#ffffff;font-weight:bold;
}
#contentrightb{width:300px; margin-left:20px; margin-top:15px; 
}
#moreright {float:left; width:50px; height:15px; margin-left:15px; margin-top:20px
}
#cclogo{float:left; width:250px; height:100px; margin-left:49px; margin-top:19px
}
#bottombodyright A:link{ color:#CCCCCC;text-decoration:none
}
#bottombodyright A:visited { padding-left: 8px; color:#CCCCCC;text-decoration:none
}
#bottombodyright A:hover { color:#FFFFFF;text-decoration:none
}
/* end homepage middle body */

/* define body, topbar and topnav */
body { padding-right:0px; padding-left:0px; padding-bottom:0px; padding-top:0px; margin:0px; text-align:center
}
#whole {width:902px; text-align:left; margin-left:auto; margin-right:auto;
}
/* define topbar */
#topbar { width:902px; height:40px; background-color:#333333; text-align:right; float:left
}
#topbar #nav {width:150px; height:20px; font-family: Arial;  font-size:11px; float:left; margin-left:700px; margin-top:12px
}
#topbar #nav A:link{ border-right: #999999 1px solid; padding-right: 8px; padding-left: 8px; color:#CCCCCC;text-decoration:none
}
#topbar #nav A:visited { border-right: #999999 1px solid; padding-right: 8px; padding-left: 8px; color:#CCCCCC;text-decoration:none
}
#topbar #nav A:hover { border-right: #999999 1px solid; padding-right: 8px; padding-left: 8px; color:#FFFFFF;text-decoration:underline
}

/* define picture and navhome */
#topbody { clear:both; width:902px; height:75px; float:left
}
#topbody #logo { width:220px; height:75px; float:left
}
#navhome{ width:560px; height: 65px; float:right; margin-top:10px; background-image:url(images/bg_menu.gif)
}

/* define middle body */
#middle {clear:both; width:902px; background-image:url(images/bg_middle.gif); background-repeat:no-repeat;  min-height:415px
}
#left {width: 220px; float:left;text-align:right
}
#right {width: 682px; float:left; 
}
#topic { width: 180px; height:50px;font-family: "Times New Roman"; font-size:20px; color:#057c92; font-weight:bold; padding-top:40px; text-align:center 
}
#picture { width:180px; height:165px;text-align:right; text-align:center
}
#content01 { width: 510px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#545454; padding-top:85px; padding-left:50px; padding-bottom: 20px
}
#column01 {width:170px;float:left
}
#column02 {width:170px;float:left
}
#column03 {width:170px;float:left; 
}

/* define bottom nav*/
#bottombar {clear:both; width: 902px; height:40px; font-family:Arial; font-size: 12px; color:#999999;padding-top:20px;
}
#bottomnav { width: 180px;float:left; margin-left:20px
}
#bottomnav A:link { border-right: #999999 1px solid; padding-left: 8px; padding-right: 8px; color:#999999;text-decoration:none; 
}
#bottomnav A:hover { border-right: #999999 1px solid; padding-right: 8px; padding-left: 8px; color:#0099CC;text-decoration:underline
}
#bottomnav A:visited { border-right:#999999 1px solid; padding-right: 8px; padding-left: 8px; color:#999999; text-decoration:none; 
}
#bottomtext { width: 150px; float:right; 
}

/* define text tyles*/
.contentwhite { font-family:Verdana; font-size: 12px; color:#FFFFFF; line-height:130%
}
.contentblack { font-family: Verdana; font-size: 12px; color:#545454;line-height:130%
}
.content01 {font-family:Arial; font-size: 12px; color:#999999;}
.h1{ font-family: "Times New Roman", Times, serif; font-size:20px; color:#FFFFFF;
}
.h2{ font-family:"Times New Roman", Times, serif; font-size: 18px; color:#057c92; font-weight:bold
}
.h3 { font-family:Verdana; font-size: 12px; color:#545454; font-weight: bold
}
.h4 {font-family:Verdana; font-size: 15px; color:#057c92; font-weight: bold; 
}
li { font-family:Verdana; font-size: 12px; list-style-type:disc; list-style-position:inside; margin-top:5px; margin-left:15px
}
#quiz_list {
	display: inline;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	padding-right:40px;
    margin-left:0px;
	padding-left:0px;
}
#quiz_list_guide {
	display: inline;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	padding-right:55px;
    margin-left:0px;
	padding-left:0px;
}

A:link{   color:#545454;text-decoration:none;font-size:11px;
}
A:visited {  color:#545454;text-decoration:none;font-size:11px; 
}
A:hover { color:#545454;text-decoration:none;font-size:11px; }

.blacktopic{ font-family:"Times New Roman", Times, serif; font-size: 20px; color:#666666; font-weight:bold; line-height:30px;
}