/*PRESET*/
* {font-size:100%; font-family:Arial, Helvetica, sans-serif;}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, caption, ul {margin:0; padding:0; border:0;}

html, body {width:100%; height:100%;}

body {font-weight:normal; font-style:normal; font-size:13px; color:#333;}

h1 {font-size:20pt; margin-bottom:15px;}
h2 {font-size:18pt;}
h3 {font-size:17pt;}
h4 {font-size:16pt; margin:15px 0;}
h5 {font-size:15px;}

a {color:#06c; text-decoration:none;}
a:hover {text-decoration:underline;}


/*SELECTOR*/
#container {width:863px; margin:0 auto; overflow:hidden;}

#header {margin-top:15px; width: 863px;}

#logo {font-size:30px; margin-bottom:15px;}

#links {display:block; float:right; line-height:16px; margin-top:-5px;}
#links ul {line-height:24px; list-style-type:none;}
#links li{float:left; margin:14px 0; padding:0 10px;}
#links li.last{padding-right:5px;}
#links li a {color:#225b99;}
#links li a:hover {color:#478ed8;}
#links li a.join, #header #links li a.host {background:url(images/topNav.png) no-repeat; display:block; text-align:center; width:109px;}

#nav {width:863px; height:25px; background:url(images/nav.png) no-repeat; display:block;}
#nav ul {list-style-type:none;}
#nav ul li {float:left; padding:4px 30px;}
#nav ul li a {color:#fff; font-weight:bold; font-size:15px;}

#contentWrapper {float:left; width:863px; margin:15px auto; padding:0;}

#content {width:863px; margin:0 15px;}
#content p {line-height:18px; margin-bottom:15px;}
#content ul {margin:0 0 15px 40px;}
#content ul li {margin-bottom:10px;}

#content #left {float:left; width:463px;}

#content #right {float:right; width:370px; margin-right:30px;}

#divider {clear:both; width:863px; height:20px; background:#7e7d7d; border-top:0 solid #000;}

#footer {margin:0 auto; clear:left; width:863px;}
#footer p {clear:left; color:#666; font-size:10px; text-align:right;}

#columns {width:863px; height:123px; padding-top:10px;}
#columns ul {float:left; list-style-type:none; margin:0; width:145px; margin-right:30px;}
#columns ul.first {margin:2px 30px 0 20px; text-align:center; width:110px;}
#columns ul.first li a {padding-top:15px;}
#columns ul.list li {margin:0 0 5px; padding:0;}
#columns ul.list li a:hover, #footer ul.first li a:hover {color:#478ed8;}

#bottomNav {width:863px; height:20px; margin-top:20px; display:block; font-size:10px;}
#bottomNav ul {list-style-type:none;}
#bottomNav ul li {float:left; padding:0 20px 10px 0;}
#bottomNav ul li a {color:#1557ad;}
#bottomNav ul li a:hover {color:#478ed8;}


/*CLASS*/
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.normal {font-weight:normal;}

.blue {color:#225b99;}

.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignJustify {text-align:justify;}

.floatLeft {float:left;}
.floatRight {float:right;}
.floatNone {float:none;}
.clear {clear:both;}

.small {font-size:10pt;}
.medium {font-size:12pt;}
.large {font-size:18pt;}

.banner {background:url(images/banner.jpg) no-repeat; display:block; height:49px; text-align:center; width:109px;}
.banner span {height:49px; width:109px; color:#478ed8;}