/* --- STANDARD STYLES --- */

body /* DON'T APPLY STYLES TO THE BODY TAG, IT WILL MESS WITH THE TOOLBAR */
{
	margin: 0;
	padding: 0;
}

h1 { clear: both; }
h2 { clear: both; }
h3 { clear: both; }

.imageLeft  { float: left; width: auto; margin: 3px 3px 3px 0; clear: both; }
.imageRight { float: right; width: auto; margin: 3px 0 3px 3px; clear: both; }

.center { text-align: center; margin: 0 auto; }

.center table { text-align: left; }
td, th { border: 1px solid #cccccc; padding: 3px; }

blockquote { background: #f3be70; padding: 10px 20px; margin: 20px 0px; }

	
.clearBoth { clear: both; width: auto; }

/* --- END --- */


.clear { clear: both; }

.main { width: 910px; margin: 10px auto; font-family: verdana, arial, sans-serif; font-size: 70%; }

.banner { height: 72px; background: url( ../images/banner.jpg ); border: 1px solid #fff; border-top: 0; }
.banner img { border: 0; margin: 6px 0 0 727px; }

.content { border-bottom: 1px solid #fff; border-top: 0; background: url(../images/left_back.gif) repeat-y; margin-left: 1px; }
.content2 { border-bottom: 1px solid #fff; border-top: 0; background: url(../images/left_back2.gif) repeat-y; margin-left: 1px; }

.main h1 { font-size: 160%; margin: 0; padding: 10px 0 10px 0; }
.main h2 { font-size: 140%; margin: 0; padding: 10px 0 10px 0; }
.main h3 { font-size: 120%; margin: 0; padding: 10px 0 10px 0; }

.main ul, .main li, .main ol { margin-top: 0; padding-top: 0; }
.main li { margin-bottom:0; padding-bottom: 5px; }
.main ul, .main ol { margin-bottom: 5px; padding-bottom: 0; }

.main .left { width: 300px; float: left; padding: 10px 10px; color: #fff; }
.main .left a { color: #fff; }

.main .centre { width: 588px; float: left; }

.main .centre img { display: block; margin: 0; padding: 0; }

.main .bottom { width: 888px; background: #d2d4d5; padding: 10px; border-top: 1px solid #fff; }

.main .content .bottom { width: 568px; background: #d2d4d5; padding: 10px; border-top: 1px solid #fff; clear: both; }

.main .bottom .newsItem { float: left; width: 284px; }
.main .bottom .newsItem .newsLeft { float: left; width: 120px; padding-left: 10px; border-left: 1px solid #333; height: 80px; overflow: hidden; }
.main .bottom .newsItem .newsRight { float: left; width: 130px; padding: 0 10px; }
.main .bottom .newsItem img { border: 0; }
.main .bottom .newsItem p { padding: 0; }
.main .bottom .newsItem .newsLeftFirst { float: left; width: 120px; padding-left: 0; border: 0; height: 80px; overflow: hidden; }

.main p { line-height: 130%; margin: 0; padding: 0 0 10px 0; }

.main .content2 .left { width: 588px; }
.main .content2 .centre { width: 300px; background: #000; }

.main .content2 .centre img.imageLeft { clear: both; float: none; margin: 40px 0 0 0; padding: 0; }

.main .content2 .left .newsItem { width: 588px; clear: both; border-top: 1px solid #999; padding-top: 10px; }
.main .content2 .left .newsItem .newsLeft { float: left; width: 120px; }
.main .content2 .left .newsItem .newsRight { float: left; width: 430px; padding: 0 10px; }
.main .content2 .left .newsItem img { border: 0; }
.main .content2 .left .newsItem p { padding: 0; }
.main .content2 .left .newsItem .newsLeftFirst { float: left; width: 120px; padding-left: 0; border: 0; }


.navigation { padding: 0; margin: 0; border: 1px solid #fff; border-right: 0; }
.navigation ul { margin: 0px; padding: 0px; }
.navigation li { display: block; padding: 5px 5px; margin: 0px; float: left; width: 90px; text-align: center; border-right: 1px solid #fff; height: 28px; }
.navigation li#selected {  }
.navigation li.brown { background: url(../images/gradients/brown.jpg); }
.navigation li.lime { background: url(../images/gradients/lime.jpg); }
.navigation li.pink { background: url(../images/gradients/pink.jpg); }
.navigation li.blue { background: url(../images/gradients/blue.jpg); }
.navigation li.green { background: url(../images/gradients/green.jpg); }

.navigation a  { color: #ffffff; text-decoration: none;  }
.navigation a:hover { text-decoration: underline; }

#forum td{ border: 1px solid #eee; text-align: center; }
#forum td.subject { text-align: left; }
#forum th { border: 1px solid #eee; }
#forum input.subject { width: 350px; font-family: arial, sans-serif; font-size: 100%; padding: 5px; }
#forum textarea { width: 350px; height: 200px; font-family: arial, sans-serif; font-size: 100%; padding: 5px; }
#forum p.edit { text-align: right; margin: 0; }
#forum p.edit a { border: 1px solid #999; background: #ccc; padding: 2px 10px; text-decoration: none; color: #666;
               font-size: 90%; font-weight: bold; }
#forum p.edit a:hover { color: #000; }
#forum p.editInfo { font-style: italic; color: #666; }
#forum .post { border: 1px solid #ccc; background: #eee; padding: 10px; margin: 0 0 1px 0; color: #333; }
#forum p.postInfo { border-bottom: 1px solid #ddd; }
#forum p.newThread { margin: 1em 0 0 0; }
#forum p.newThread a { border: 2px outset #eee; background: #ddd; padding: 2px 10px; text-decoration: none; color: #333;
               font-size: 100%; font-weight: bold; }
#forum p.newThread a:hover { text-decoration: underline; }
#forum p.pageSelector { text-align: right; margin: 0; }

#forum input.submit { border-color: #eee; background: #ddd; padding: 2px 10px; text-decoration: none; color: #333;
               font-family: arial; font-size: 100%; font-weight: bold; cursor: pointer; }
#forum input.submit:hover { text-decoration: underline; }

#forum table tr.bg0 td { background: #eee; color: #333; }
#forum table tr.bg1 td { background: #ddd; color: #333; }
#forum table tr.bg0 td a { color: #333; }
#forum table tr.bg1 td a { color: #333; }