@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
html{
overflow-y: scroll;
}
p{
width: 96%;
}
.AccordionPanelContent p{
margin-top: 0;
padding-top:0;
}
h4, h5{
font-size: 13px;
color: #067071;
padding-top: 10px;
margin: 0 0 20px 0;
}
body {
background-color: #80776c;
background-image:url(../imgs/fondo.jpg);
background-position: top;
background-repeat:repeat-y;
color: #2e2d2c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center; 
}
h1 {
color: #80776c;
font-size: 18px;
font-weight: bold;
line-height: 14px;
}
h2 {
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 14px;
background-color: #f6a91d;
padding: 5px 10px;
}
#Accordion1 h2 {
padding: 1px 0 0 8px;
width: 85%;
}
.Accordion2ndlevel h4 {
color: #850054;
font-size: 13px;
font-weight: bold;
line-height: 16px;
margin: 0;
padding: 1px 0 0 8px;
background-color: #fff;
width: 85%;
}
.Accordion2ndlevel h4 span.tag{
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 16px;
margin-left: 10px;
padding: 2px 4px 2px 4px;
background-color: #f6a91d;
}
h3 {
color: #80776c;
font-size: 14px;
font-weight: bold;
line-height: 14px;
margin-top: 15px;
margin-bottom: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 23px;
background:url(../imgs/bigbullet.gif) 0 4px no-repeat;
border-bottom: dotted 1px #f6a91d;
}
a,  a:link {
color: #850054;
font-weight: bold;
text-decoration: none;
outline: none;
}
a:visited {
color: #850054;
font-weight: bold;
text-decoration: none;
outline: none;
}
a:hover {
color:#f6a91d;
text-decoration: underline;
outline: none;
}
a:focus {
color: #850054;
outline: none;
}
a:active {
color: #850054;
outline: none;
}
a img {
border: 0;
}
div#content a{
font-size:13px;
}
#outerWrapper {
background-color: #fff;
margin: 0 auto 0 auto; 
text-align: left; 
width: 955px;
border:solid #fff 8px;
}
#outerWrapper #header {
background-color: #ffd92e;
background-position: bottom;
background-repeat: no-repeat;
border-bottom: solid 1px #80776c;
font-size: 18px;
font-weight: bold;
height: 256px;
line-height: 15px;
padding: 0;
}
#outerWrapper .type01{
background-image: url(../imgs/home.png);
}
#outerWrapper .type02{
background-image: url(../imgs/students.png);
}
#outerWrapper .type03{
background-image: url(../imgs/teachers.png);
}
#outerWrapper #header #logobar{
height: 36px;
text-align:right;
position: relative;
}
#outerWrapper #header #logobar div{
position: absolute;
right:0;
top:0;
}
#outerWrapper #header #logobar div img{
width: 146px;
height: 42px;
}
#outerWrapper #header #mainNavigation{
background-color: #f6a91d;
height: 48px;
}
#outerWrapper #header #mainNavigation ul{
margin: 0;
margin-left: 400px;
padding: 0;
}
#outerWrapper #header #mainNavigation li{
float: left;
list-style:none;
}
#outerWrapper #header #mainNavigation li a{
display: block;
color: #fff;
font-weight: normal;
text-decoration:none;
padding: 23px 9px 10px 9px;
margin:  0 1px 0 1px;
}
#outerWrapper #header #mainNavigation li a:hover{
background-color:#fff;
color: #000;
}
#outerWrapper #header #mainNavigation a#selectedsection{
background-color:#fff;
color: #000;
}
#outerWrapper #topNavigation {
background-color: #fff;
color: #850054;
border-bottom: dotted 1px #80776c;
font-size: 11px;
height: 15px;
padding: 10px 10px 10px 10px;
}
#outerWrapper #contentWrapper #leftColumn1 {
background-color: #fff;
float: left;
padding: 10px 10px 10px 10px;
width: 200px;
min-height: 400px;
}
#outerWrapper #contentWrapper #leftColumn1 ul{
margin: 0;
padding: 0;
}
#outerWrapper #contentWrapper #leftColumn1 li{
list-style:none;
margin-bottom: 10px;
}
#outerWrapper #contentWrapper #leftColumn1 li a{
color: #fff;
font-size: 15px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
padding: 5px 0  5px 10px;
background-color: #80776c;
outline: none;
}
#outerWrapper #contentWrapper #leftColumn1 li a:hover{
color: #fff;
font-size: 15px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
padding: 5px 0  5px 10px;
background-color: #f6a91d;
}
#outerWrapper #contentWrapper #leftColumn1 li a#selectedleftmenuitem{
color: #fff;
font-size: 15px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
padding: 5px 0  5px 10px;
background-color: #f6a91d;
outline: none;
}
#outerWrapper #contentWrapper #leftColumn1 ul.sublevelmenu li{
list-style:none;
margin: 0;
}
#outerWrapper #contentWrapper #leftColumn1 li a.leftmenusublevel{
color: #80776c;
font-size: 13px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
padding: 5px 0  5px 10px;
background-color: #fff;
outline: none;
border-bottom: dotted 1px #f6a91d;
}
#outerWrapper #contentWrapper #leftColumn1 li a.leftmenusublevel:hover{
color: #f6a91d;
font-size: 13px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
padding: 5px 0  5px 10px;
background-color: #fff;
border-bottom: dotted 1px #f6a91d;
}
#outerWrapper #contentWrapper #leftColumn1 li a.leftmenusublevel#selectedleftmenusublevel{
color:#f6a91d;
font-size: 13px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
padding: 5px 0  5px 10px;
background-color: #fff;
outline: none;
border-bottom: dotted 1px #f6a91d;
}
#outerWrapper #contentWrapper #leftColumn1 li a.leftmenusublevel2{
color: #850054;
font-size: 11px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
line-height: 13px;
padding: 5px 0  5px 10px;
background-color: #fff;
outline: none;
}
#outerWrapper #contentWrapper #leftColumn1 li a.leftmenusublevel2:hover{
color: #f6a91d;
font-size: 11px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
line-height: 13px;
padding: 5px 0  5px 10px;
background-color: #fff;
}
#outerWrapper #contentWrapper #leftColumn1 li a.leftmenusublevel2#selectedleftmenusublevel2{
color:#f6a91d;
font-size: 11px;
font-weight: bold;
text-decoration:none;
display:block;
width: 190px;
line-height: 13px;
padding: 5px 0  5px 10px;
background-color: #fff;
outline: none;
}
#outerWrapper #contentWrapper #content {
margin: 0 0 0 220px; 
padding: 10px 10px 10px 10px; 
}
#outerWrapper #contentWrapper #content .onecolumncontent{
background-color:#fff;
}
#outerWrapper #contentWrapper #content .contentleftcol {
float:left;
width:390px;
padding: 0 10px 10px 0;
background-color:#fff;
margin-bottom:20px;
}
#outerWrapper #contentWrapper #content .contentrightcol {
float:right;
width:300px;
background-color:#fff;
padding: 0 0 10px 10px;
margin-bottom:20px;
border-left: dotted 1px #80776c;
}
#outerWrapper #contentWrapper .clearFloat {
clear: both;
display: block;
}
#outerWrapper #footer {
background-color: #fff;
border-top: dotted 1px #80776c;
padding: 10px 10px 10px 10px;
text-align:right;
}
ul.slist{
margin: 0;
padding: 0 0  0 15px;
}
ul.slist li{
list-style:none;
margin:0;
padding: 0;
padding-left: 15px;
margin-bottom: 10px;
background:url(../imgs/bullet.gif) 0 5px no-repeat;
}
ol li{
color: #f6a91d;
font-weight: bold;
margin-bottom: 10px
}
ol li span{
color: #000;
font-weight: normal;
}
ol.alpha{
list-style-type: upper-alpha;
}
.subleveldiv{
width: 500px;
margin-top: 10px;
float: left;
}
.subleveldivright{
width: 500px;
margin-top: 10px;
float: right;
}
.sublevelimgsright{
width: 142px;
float: right;
margin-top: 10px;
}
.marginright{
margin-right: 20px;
}
.sublevelimgsleft{
width: 142px;
float: left;
margin-top: 10px;
margin-left: 5px;
}
.marginleft{
margin-left: 10px;
}
.sublevelimgsright img{
margin-bottom: 10px;
}
.sublevelimgsleft img{
margin-bottom: 10px;
}
.sublevelimgsright a, .sublevelimgsright span{
display: block;
}
.sublevelimgsleft a, .sublevelimgsleft span{
display: block;
}
.boldtype{
font-weight: bold;
color: #067071;
}
.copy{
font-weight: bold;
color: #80776c;
}
.italics{
font-style:italic;
}
.centered{
text-align:center;
}
.bolditalics{
font-weight: bold;
font-style:italic;
color: #067071;
}
.smalltype{
font-size:11px;
text-align:center;
}
.boldorange{
color:#f6a91d;
font-size:18px;
font-weight:normal;
}
.orange{
color:#f6a91d;
}
.floatright{
float: right;
width: 330px;
padding: 0 0 10px 10px;
border-left: dotted 1px #80776c;
}
.floatright p, .floatright ol{
padding-left: 10px;
}
.floatleft{
float: left;
width: 315px;
padding: 0 0 10px 10px;
}
table.isbns{
width: 675px;
border: 0;
font-size: 13px;
}
table.isbns td{
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
color: #fff;
background-color: #067071;
padding: 5px;
}
table.isbns td.centered{
text-align:center;
}
table.isbns th{
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
color: #067071;
background-color: #fff;
padding: 5px;
}
a.up{
display:block;
height:14px;
width:19px;
background:url(../imgs/uparrow.gif) 0 0 no-repeat;
float:right;
margin-right: 30px;
margin-left: 30px;
}
.hide{
display: none;
}
.show{
display: block;
}
.compresstext{
line-height: 16px;
}
.compresstext *{
margin: 0;
padding: 0;
}
.compresstext ol{
padding-left: 25px;
}
.compresstext p{
padding-bottom: 2px;
}
.compresstext ul.slist li{
padding-left: 15px;
margin-bottom: 2px;
}
.compresstext ol li{
margin-left: 15px;
margin-bottom: 2px;
}
.compresstext h5, .compresstext p.boldtype{
padding-top: 6px;
}
.lineheight18{
line-height: 18px;
}
.lineheight22{
line-height: 22px;
}
.lineheight22 ul.slist li{
background:url(../imgs/bullet.gif) 0 7px no-repeat;
}
.lineheight24{
line-height: 24px;
}
.lineheight24 ul.slist li{
background:url(../imgs/bullet.gif) 0 9px no-repeat;
}