/* YUI Reset*/
/*reset.css*/body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,ul,li,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* --- start ---*/
body { background-color:#F8F8FF; margin-top:10px; text-align:center; }
div { text-align:left; }
td { padding:2px 5px 2px 5px; }

a:link, a:visited { color:#66c; }

.ContentArea, .PageHeader, .SocietyLogo { width:760px; margin:auto; }

.PageHeader { height:118px; overflow:hidden;  }
.PageHeader .GoodText { padding-left:200px; font-size:200%; }
.TopImage { position:absolute; top:30px; left:50%; width:760px; z-index:1; margin-left:-360px;}	

.ContentArea { background:#ffffff url(images/bg.gif) repeat-y;  }

.ColMenu { float:left; width:190px; margin-top:100px; padding-bottom:50px; }
.ColContent { float:left; width:570px; background-color:#fff; }
.ContentImages { border-bottom:5px solid #99cc66; }
.Content { margin:15px 10px 10px 10px; color:#444; }
.Content h3 { font-size:116%; color:#66c; font-weight:bold; margin-bottom:10px }

.ColMenu ul li { margin-top:15px; margin-left:10px;}
.ColMenu ul li a:link, .ColMenu ul li a:visited { text-decoration:none; font-size:108%; color:#fff; font-weight:bold; }
.ColMenu ul li a:hover { text-decoration:underline; color:#66c; }
.ColMenu ul li a.sel:link, .ColMenu ul li a.sel:visited { color:#66c; font-style:italic; }

.SocietyLogo { text-align:center; margin-top:15px; }
.SocietyLogo img { margin-left:190px; }