/* green:a3c534, purple:614281, gold:e3c006 l.gold:fae86c orange:ee5824 aqua:00b0d9 taupe:68BCD4 red:d41420 pink:d31346 blue:3131b0 (009)*/
html, body {font-family:'trebuchet ms',verdana,arial,sans-serif; line-height:1.4em; margin:0; padding:0; background:#fff; color:#000}
body {font-size:.9em}
h1 {font-size:200%; font-family:arial,sans-serif; margin:12px 0 20px; color:#000; font-weight:normal}
h2 {font-size:180%; font-family:verdana,sans-serif; font-weight:normal; margin:0 0 20px; color:#669; line-height:1.1em}
h3 {font-size:130%; font-family:arial,sans-serif; margin:20px 0; color:#e3c006}
h4 {clear:left}
ul,ol {margin-left:-20px; text-align:left; line-height:1.3em}
ul {list-style:url(../_img/icons/clef.jpg) disc}
ul ul {margin-top:6px; margin-bottom:6px; list-style:square}
td {vertical-align:top}
th {text-align:left; padding:1px 12px 1px 1px; background:#fff; border:solid #ccc; border-width:1px 0}
hr {height:1px; color:#ddd; border:1px solid #ddd; border-width:1px 0 0}
p {text-align:justify}
img {border:none}
fieldset {border:1px solid #ddd}
legend {font-style:normal; font-size:1.2em; padding:0 6px; color:#900; font-weight:600}
textarea {font-family:arial,sans-serif; font-size:.9em}
select, input text {border:1px solid #ddd; font-size:1em;}
div.txtc + div {margin:0 auto}
div.txtc + table {margin:0 auto; text-align:left}
address {font-size:.9em}
sup {font-size: 90%; vertical-align: baseline; position: relative; bottom: 0.33em}
button {cursor: pointer}

a {text-decoration:underline}
a img {text-decoration:none !important}
a:link {color:#00b0d9}
a:visited {color:#669}
a:hover, a:active {color:#c30}
.nav {color:#c30; font-family:arial,sans-serif; font-size:.8em; font-weight:normal; text-align:center; line-height:1.8em; padding:0; margin:0}
.nav a:link, .nav a:visited {color:#000; padding:1px 6px; text-decoration:none}
.nav a:active {color:#000; text-decoration:none}
.nav a:hover {color:#c30; background:#fff; text-decoration:none}
.nav.top {height:17px; width:100%; margin:0; padding:0; background:#d31346; text-align:right; border:solid #8393ca; border-width:1px 0}
.nav.top a, .nav.top a:visited {font-size:1.1em; white-space:nowrap; line-height:1.3em; float:right; display:block; width:90px; color:#fff; background:#4750c7; text-align:center; text-decoration:none; border:1px solid; border-color:#8393ca #614281 #614281 #8393ca}
.nav.top a:hover {color:#fff !important; background:#d31346; text-decoration:none}
.nav.top .curr {color:#ccc !important}
.copy a:link, .copy a:visited, .copy a:hover, .copy a:active {color:#999; text-decoration:none}
.copy a:hover {text-decoration:none}

#layout {width:100%; margin:0 auto; padding:0; background:url(../_img/page/col3bg.gif) top right repeat-y #fff}
#header {margin:0; padding:0; height:160px; width:100%; overflow:hidden; white-space:nowrap}
#header td {height:160px; text-align:center}
#header .white {background-color:white}
#header .green {background-color:#a3c534}
#col1 {width:120px; margin:4px 12px 4px 4px; padding:4px 12px 4px 4px}
#col2 {width:auto; margin:18px; padding:18px; min-width:520px; background:url(../_img/page/forteicon.jpg) no-repeat bottom right #fff}
#col3 {width:110px; margin:0 0 0 12px; padding:0 0 0 12px; }
#footer {clear:both; margin:0; padding:0 0 5px; text-align:center}
#footer div {margin:0; padding:0; background:#d31346; height:20px; border:solid #8393ca; border-width:1px 0}
#footer .copy {font-size:.7em; margin:10px 0; color:#999;}

#menu {font-size:.9em; font-family:arial, sans-serif}
#menu ul ul {font-size:1em}
#menu ul {margin:-4px 0 0; padding:0 0 8px; list-style:none !important; width:140px; background:url(../_img/page/menu_key_bg.gif) repeat-y #fff}
#menu ul li {margin:0; padding:2px 0 0; background:#fff url(../_img/page/menu_key_line.gif) 0 4px repeat-y}
#menu #sub {margin:-3px 0 0 0; padding:0 0 0}
#menu #sub li {margin:0 0 6px; padding:0 0 6px; background:#fff url(../_img/page/menu_key_line.gif) 0 6px repeat-y}
#menu a, #menu a:visited, #menu a:hover {color:#fff; background:#000; text-decoration:none; display:block; border-top:1px solid #ccc; margin:6px 45px 6px 0; padding:0px 0 2px 4px; width:82px; white-space:nowrap}
#menu #sub li a, #menu #sub li a:visited, #menu #sub li a:hover {color:#000; margin:-2px 0 0; padding:0 0 6px 12px; background:transparent; border:none}
#menu #menucurr a {background:#3131b0; color:#fff}
#menu li a:hover, #menu #sub li a:hover {color:#d31346}
#menu li a:hover {background:#3131b0}
#menu #sub #subcurr a, #menu #sub #subcurr a:visited {color:#3131b0}
#menu #sub #subcurr a:hover {color:#d31346}

.addr1 {float:left; width:50%}
.addr2 {clear:left; float:right; width:50%}
.b1 {border:solid #666; border-width:0 0 0 1px}
.button {background:#fff; color:#000; border:1px solid #8982A9; padding:0 1px; margin:0 1px}
.btn01 {width:170px; border:1px solid #ddd; padding:12px; background:#fff}
.btn01 a {text-decoration:none}
.captiontxt {position:relative; top:-26px; height:20px; text-align:center; font-weight:bold; font-size:.9em}
.clr {clear:both}
.curr {color:#900 !important}
.error {color:#f00; font-weight:bold}
.flL {float:left}
.flR {float:right}
.flLm {float:left; margin:8px 20px 8px 0 !important}
.flRm {float:right; margin:8px 0 8px 20px !important}
.kids {font-size:1em}
.kids sup {bottom: 0.6em}
.kids span {display:block; line-height:1.2em; margin:0; padding:0}
.kids .lvl01 {margin-left:14px; color:#d31346}
.kids .lvl02 {margin-left:58px; color:#e3c006}
.kids .lvl03 {margin-left:104px; color:#3131b0}
.logo {margin:6px 0}
.mp0 {margin:0; padding:0}
.mp10 {margin:10px; padding:10px}
.mp20 {margin:20px; padding:20px}
.note {color:#d41420; line-height:1.1em; font-size:.9em}
.note.small {color:#666; font-family:arial,sans-serif; font-size:.9em; text-align:left; margin:0; padding:0}
.note.mid {font-size:.9em; font-weight:bold}
.note.big {font-size:1em; font-weight:bold}
.schoolHead {font-size:130%; font-family:arial,sans-serif}
.sm {font-size:.7em; margin:0; padding:0}
.showAll {text-align:right; margin-top:4px!important}
.top {text-align:right; margin:0 12px 6px 0; font-size:.8em}
.trail {font-family:arial,sans-serif; margin:0 0 0 12px; padding:0; font-size:.8em}
.txtl {text-align:left!important}
.txtr {text-align:right!important}
.txtc {text-align:center!important}
.tblMenu, .tblBox {margin:0; padding:0}

.boxText {background:#fff !important}
.box1Text {background:#f0d44a} /* gold */
.box2Text {background:#b7e1ed} /* aqua */
.boxText, .box1Text, .box2Text {font-size:.9em; line-height:1.3em; text-align:center}
.boxText,.boxText p, .boxText ul, .boxText li,
.box1Text,.box1Text p, .box1Text ul,
.box2Text,.box2Text p, .box2Text ul {margin:0; padding:0}
.boxList li {margin-left:16px}

.msg {font-size:1em; line-height:1.3em; padding:10px 20px; margin:10px auto; font-weight:normal}
.msg legend, .msg span {font-size:1.2em; font-weight:600}
.msg div {font-weight:normal}
.msg p {margin:4px; padding:4px; white-space:normal}

.img-shadow a:hover img {border:1px solid #f00}
.img-shadow {float:left; background: url(../_img/page/shadowAlpha.png) no-repeat bottom right !important;
background: url(../_img/page/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px;}
.img-shadow img {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding:4px;}
img.caption {padding: 0px;}
.img-shadow {float:right !important; margin: 16px 0 0 0 !important; clear:none}

.imgnav {position:relative; font-family:arial, helvetica, sans-serif; background-repeat:no-repeat; white-space:nowrap; display:block; width:140px; margin:0; padding:0}
.imgnav a {display:block; color:#000; font-size:11px; width:140px; float:left; text-decoration:none;}
.imgnav img {width:140px; border:0}
* html a:hover {visibility:visible}
.imgnav a:hover img{visibility:hidden}
.imgnav span {visibility:hidden; position:absolute; left:4px; top:8px; margin:0; padding:0; color:#fff; cursor:pointer; width:140px; height:14px}