/*====================================================

ThetaChi.org
copyright (c) ThetaChi.org
Designed & Developed by Ariamedia

====================================================*/


/* =GLOBAL
----------------------------------------------- */
* { margin: 0; padding: 0; }
body { text-align: center; color: #333; font: 9pt Arial, Helvetica, sans-serif; background: #FFF; }

div.wrapper { width: 852px; margin: 0 auto; text-align: left; position: relative; }

a { color: #CC0000; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

p { line-height: 1.5em; margin-bottom: 1.5em; }
h1 { background: url(../../images/2007/bg_header.jpg) top left no-repeat; padding: 8px; font-family: "Trebuchet MS", Arial, Sans-Serif; color: #FFF; font-size: 14px; font-weight: lighter; width: 236px; }  
h2 { font-family: "Trebuchet MS", Arial, Sans-Serif; color: #990000; font-size: 12px; }

/* =HOMEPAGE
----------------------------------------------- */
.logo { float: left; margin: 6px 0; }
.info { float: right; margin: 42px 0 20px 0; }

form#search { position: relative; top: -140px; left: 700px; }
form#search a { color: #666; }
form#search a:hover { color: #000; }

.bookmark { font-size: 10px; font-weight: bold; color: #333; float: right; background: url(../../images/2007/icn_bookmark.gif) top left no-repeat; padding-left: 20px; }

.col1 { width: 252px; margin-right: 48px; float: left; }
.col2 { width: 252px; margin-right: 48px; float: left; }
.col3 { width: 252px; float: left; }

.container { width: 220px; border-left: #999 1px solid; border-right: #999 1px solid; padding: 15px; }
.cont_bottom { width: 252px; height: 11px; background: url(../../images/2007/container_bottom.gif) bottom left no-repeat; }

.col2 p { font-size: 10px; }

/* =MAIN NAVIGATION
----------------------------------------------- */
.nav_main ul { float: left; background: url(../../images/2007/nav_bg.gif) top left repeat-x; width: 832px; padding: 10px; margin-bottom: 20px; }
.nav_main ul li { float: left; display: block; font-size: 13px; font-weight: bold; margin-right: 46px; }
.nav_main ul li.first_link { margin-left: 10px; }
.nav_main ul li a { color: #FFF; text-decoration: none; }
.nav_main ul li a:hover { color: #FFF; text-decoration: underline; }

/*.nav_main ul { float: left; background: url(../../images/2007/nav_bg.gif) top left repeat-x; width: 832px; padding: 10px; margin-bottom: 20px; }
.nav_main ul li { float: left; display: block; font-size: 13px; font-weight: bold; margin-right: 69px; }
.nav_main ul li.first_link { margin-left: 40px; }
.nav_main ul li a { color: #FFF; text-decoration: none; }
.nav_main ul li a:hover { color: #FFF; text-decoration: underline; }*/


/* =BOTTOM NAVIGATION
----------------------------------------------- */
.nav_bottom ul { float: left; margin-bottom: 20px; }
.nav_bottom ul li { float: left; display: block; font-size: 10px; font-weight: bold; margin-right: 10px; }
.nav_bottom ul li a { color: #333; text-decoration: none; }
.nav_bottom ul li a:hover { color: #CC0000; }


/* =FOOTER
----------------------------------------------- */
.footer p { font-size: 10px; float: right; }


/* =MISCELLANEOUS
----------------------------------------------- */
.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }
.margin { margin-bottom: 20px; }
.indent { margin-left: 20px; }

.clear { clear: both; }

div#flashcontent { margin-bottom: 1em; }