/* === General Layout === */

* { font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:13px; color:#aaa } /* font-family:"Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans", Geneva, Arial, Verdana, sans-serif; line-height:14px;*/

html, body { height:100% }

body { background-color:#333; margin-left:0px; margin-top:0px; background-image:url("../img/background.gif"); background-repeat:repeat-x; background-attachment:fixed; background-position:top left }

h1 { margin-left:3px; color:#fff; font-variant:small-caps; font-weight:normal; border-bottom:1px dotted #ccc }

strong { color:#fff }
p { margin:10px }
small { color:#aaa; font-size:10px }

a { text-decoration:underline; color:#fff }
b { color:#fff }

img { border:0px none }
img.left { margin-right:15px; float:left }
img.right { margin-left:15px; float:right }

table { border:0px none; border-spacing:5px }

/* === Content & Info Areas === */

div.pagearea { width:800px; min-height:100%; margin:0 auto; background-color:#111 }

div.widecontententry { background:#111; padding:0px; border:0px none; overflow:hidden; margin:15px; width:770px }

div.contentframe { width:400px; background:#111; float:left }
div.contententry { background:#111; padding:0px; border:0px none; overflow:hidden; margin-left:15px; margin-right:15px; margin-bottom:15px; width:370px }

div.infoframe { width:400px; background:#111; margin-left:400px }
div.infoentry { background:#111; padding:0px; border:0px none; overflow:hidden; margin-left:15px; margin-right:15px; margin-bottom:15px; width:370px }

div.copyrightarea { width:800px; text-align:center; vertical-align:bottom; line-height:21px }

/* === Intro Page === */

#segmentedcontrol { width:272px; height:100px; padding:0; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-136px }
#segmentedcontrol * { font-size:28px; color:#60676C; line-height:100px; text-align:center; text-decoration:none }
#segmentedcontrol li { margin:0px 2px 0px 0px; padding:0; list-style:none; position:absolute; top:0 }
#segmentedcontrol li, #segmentedcontrol a { height:100px; display:block }
#segmentedcontrol a:hover { color:#FFF }
    
#tagr { left:0; width:100px; background:transparent url("../img/segment.png") no-repeat; border-right:2px solid #4C4D4C }
#tagr a:hover { background:transparent url("../img/segmentPressed.png") no-repeat }
#tagr a:active { background:transparent url("../img/segmentPressed.png") no-repeat }

#treasurer { left:102px; width:170px; background:transparent url("../img/segment.png") -30px 0 no-repeat }
#treasurer a:hover { background:transparent url("../img/segmentPressed.png") -30px 0 no-repeat }
#treasurer a:active { background:transparent url("../img/segmentPressed.png") -30px 0 no-repeat }