body { text-align: center; }
div#container { margin-left: auto; margin-right: auto; width: 50em; text-align: left; }

/* html, body { margin:0 auto; padding:0; width:900px; height:100%; } */

body { font-family:Arial, Helvetica, sans-serif; font-size:small; color:#666; background:url(images/bg_fade.jpg) top repeat-x #D9E3FF; text-align:center; }
h1 { font-size:x-large; color:#2A2A4F; }
h1.small { font-size: small; }
h2 { margin:0 0 5px 0; font-size:medium; color:#2A2A4F; }
p { margin:0 0 10px 0; }

a:link { color:#C00; text-decoration:none; }
a:visited { color:#C00; text-decoration:none; }
a:hover { color:#2A2A4F; text-decoration:none; }
.rightBlock a:hover  { text-decoration:underline; }
a:active { color:#C00; text-decoration:none; }

.menu li a { padding:2px 5px; }
.email a { padding:2px 5px; }
.menu li a.active { border-top:1px solid #FFF; border-bottom:1px solid #FFF; background:#D9E3FF; }
.menu li a:link {  }
.menu li a:visited {  }
.menu li a:hover, .email a:hover { border-bottom:1px solid #FFF; }
.menu li a:active, .email a:active { border-top:1px solid #FFF; background:#D9E3FF; }

img { border:0; }
/* img.floatLeft { float:left; padding:5px 30px 0 0; } */

ul { margin:0; }
ul li { margin-left:15px; }

/* div#centered { border:0; background-color:white; width:50%; color:black; } */
.page { display:block; margin:20px auto auto; padding:15px 30px; width:868px; /* min-height:400px; position:absolute; top:15%; */ background:#CBD9FF; border:1px solid #D9E3FF; text-align:left; clear:all; }

div.title { display:block; }
.title h1 { margin:0; color:#666; }
.dark { font-size: large; color:#2A2A4F; }
.title p { margin:0; font-size:large; font-weight:bold; color:#666; }

div.topLinks { margin:10px 0 20px 0; padding:0 0 0 0; border-bottom:1px dotted #FFF; }
.contact p { margin:0; padding:2px; }
p.email { display:block; float:left; margin:0; padding:2px 0; border-top:1px dotted #FFF; }
ul.menu { display:block; float:right; margin:0; padding:2px 0; border-top:1px dotted #FFF; }
.menu li { display:inline; margin:0; }

.leftBlock { display:block; float:left; padding:5px 20px 5px 0; width:200px; }
.rightBlock { display:block; float:left; padding-top:2px; width:630px; }


/* Fixes clear:both - to go in floating div containers - from http://www.positioniseverything.net/easyclearing.html */
.clearFloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFloat { display:inline-table; }
/* Hides from IE-mac \*/
* clearFloat .clearFloat { height:1%; }
.clearFloat { display:block; }
/* End hide from IE-mac */