body {margin: 0 auto; padding: 0; font: 76% Arial, Helvetica, sans-serif; background-color: #EFE2AE; background-image: url('images/back1.gif'); background-repeat: repeat-x, repeat-y;}

.wrap {border-left: 1px solid #222222; border-right: 1px solid #222222; border-top: 0px solid #333333; border-bottom: 1px solid #333333; padding: 0px; margin: 0px;}

.top {width: 750px; height: 200px; font-size: 11px; color: 000000; background-image: url('images/cpalogo1.gif'); background-repeat: no-repeat; background-position: top left; padding: 0px; margin: 0px;}

.top2 {width: 750px; height: 2px; background-color: #000C56; font-size: 1px;}

.nav {font-size: 13px; font-family: arial,verdana; background-color: transparent; width: 170px; padding: 0px; margin: 0px; letter-spacing: 1px;}

.body {background-image: url('images/bottom.gif'); background-repeat: no-repeat; background-position: bottom left; font-size: 15px; font-family: verdana, arial; background-color: #E6D9C8; width: 569px; padding-top: 15px; margin: 0px; border-right: 1px dotted #333333; padding-right: 10px; padding-left: 10px;}
.body a {color: #6A4D2C; text-decoration: none; padding: 1px;}
.body a:hover {text-decoration: none; background-color: #000C56; color: #eeeeee; padding: 1px;}

.footer {border-top: 1px dotted #333333; border-bottom: 0px solid #333333; padding-top: 7px; padding-bottom: 3px; margin: 0px; width:550px; background-color: transparent; font-size: 11px;}
.footer a {color: #6A4D2C; text-decoration: none; padding: 1px;}
.footer a:hover {text-decoration: none; background-color: #6A4D2C; color: #eeeeee; padding: 1px;}

.body2 {font-size: 18px; margin: 0px; padding: 3px; border-top: 1px dotted black; border-bottom: 1px dotted black; width: 400px;}
.body2 a {color: #6A4D2C; text-decoration: none; padding: 2px; border: 1px solid #D0C2B0; font-variant: small-caps; margin: 3px;}
.body2 a:hover {text-decoration: none; background-color: #000C56; color: #eeeeee; padding: 2px; margin: 3px; border: 1px solid #222222;}

.body3 {font-size: 18px; margin: 0px; padding: 3px; border-top: 1px dotted black; border-bottom: 1px dotted black; width: 550px;}
.body3 a {color: #6A4D2C; text-decoration: none; padding: 2px; border: 1px solid #D0C2B0; font-variant: small-caps; margin: 3px;}
.body3 a:hover {text-decoration: none; background-color: #000C56; color: #eeeeee; padding: 2px; margin: 3px; border: 1px solid #222222;}

.body4 {font-size: 16px; margin: 0px; padding: 0px; border:0px; line-height: 25px;}
.body4 a {color: #6A4D2C; text-decoration: underline; padding: 1px; border: 0px; font-variant: none; margin: 0px;}
.body4 a:hover {text-decoration: none; background-color: #000C56; color: #eeeeee; padding: 1px;}

.menu2 {font-weight: bold; height: 20px; text-decoration: none; color: #000000; padding: 5px 0 0 17px;
background-color: #E6D9C8; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; border-top: 1px dotted #000000; margin-bottom: 4px;}	

.text1 {line-height: 25px;}
.study {line-height: 25px;}

#menu {clear: left; float: left; width: 150px; margin: 0 0 0px 0; padding: 0; font-size: 0.9em;}
#menu ul {list-style: none; width: 150px; margin: 0 0 10px 0; padding: 0; font-size: 1.1em;}	

#menu li {margin-bottom: 4px;}
#menu li a {font-weight: bold; height: 20px; text-decoration: none; color: #EAD1B4; display: block; padding: 5px 0 0 8px; background-color: transparent;
border-right: 1px solid #111111; margin-left: 10px; border-bottom: 1px solid #222222;}	
	
#menu li a:hover {background: #A9987F; color: #000000; border-bottom: 0px; border-right: 0px; border-left: 1px solid #111111; border-top: 1px solid #000000; margin-left: 10px;}

ul.bullet1 {list-style-type: circle;}

a {text-decoration: none; color: #9F411F;}
a:hover {text-decoration: underline;color: #86C32A;}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */