@charset "UTF-8";
/* CSS Document */

/* colors
orng: #f47836;
dkbl: #00539b;
*/

body { background:url(bluepiece2.png) repeat; }

div#wrap {margin:0 auto; width:700px; position:relative; padding:0; padding-bottom:35px; min-height:500px; height: 100%; height: auto !important; }

div#main { padding-bottom:35px; background-image:url(middle3.png); background-position:center top; background-repeat:repeat-y; min-height:500px; height: 100%; height:auto !important; }

div#foot { position:absolute; width:700px; bottom:0 !important; bottom:-1px; height:40px; text-align:center; font-size:.8em; margin:0 auto; background-image:url(bottom3.png); background-position:bottom center; background-repeat:no-repeat; }

div#letter {float:left;width:475px;min-height:400px;_height:400px;overflow:visible;background-color:#f5f5f5;border-bottom:2px solid #e2e2e2;border-left:2px solid #e2e2e2; border-right:2px solid #f9f9f9; border-top:2px solid #f9f9f9; padding:5px;margin-left:10px;}

div#body { float:left; width:460px; min-height:500px; _height:500px; overflow:visible; background-color:#fbfbfb; padding:5px; margin:0px 10px; }

/* for Internet Explorer */
/* from Stu Nichols http://www.cssplay.co.uk/boxes/minheight.html */
/*\
* html #letter { height:400px; }
* html #main { height:400px; }
/**/

.title { font-size:1.6em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#00539b; text-align:center; border-bottom:1px solid #BBBBBB; margin-top:0; }

div#menu {float:right;width:180px;margin-right:15px;padding:0;margin-top:-15px;}

#menu ul { padding:0; margin-left:0; list-style:none; font:bold 1em Verdana, Arial, Helvetica, sans-serif; width:180px; }
#menu ul li { margin:0; padding:0; text-align:left; line-height:1.5em; }
#menu li a, #menu li a:visited { padding:2px; padding-left:10px; border-left:5px solid #fff; text-decoration:none; color:#00539b; } 
#menu li a:hover, #menu li#active a { border-left:5px solid #f47836; }


a, a:visited { color:#f47836; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:none; color:#00539b; }


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* IE Hacks */
* html #wrapper { height:100%; }

.clearfix {display: inline-block;}

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