/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,h5,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #0b102c url('../images/layout/body-bg.jpg') repeat-x top center; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li {  }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a { color: #f5b120; font-size: 31px; margin: 0px 0px 15px 0px; padding-top: 10px; }
h2, h2 a { color: #ed1c2e; font-size: 14px; margin: 0px 0px 10px 0px; }
h3, h3 a { color: #7581ad; font-size: 12px; margin: 0px 0px 2px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #2c3147; font-size: 12px; line-height: 17px; }
a  { color: #2c3147; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 900px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#header { background: url('../images/layout/header-bg.jpg') no-repeat; height: 130px; }

#logo { position: relative; z-index: 1; }

#banner { background: #FFFFFF; width: 900px; position: absolute; margin-left: -20px; }
#banner-inner { margin-top: -35px; }


#bodyContainer { background: #FFFFFF; }

#body { margin: 0 20px; min-height: 300px; }

#content { padding-top: 10px; }
#left-column { width: 500px; float: left; }
#right-column { width: 330px; float: right; }


#sponsors { background: url('../images/layout/sponsors-mid.jpg') repeat-y; text-align: center; margin-top: 20px; }
#sponsors-top {  }
#sponsors-bot {  }


#footer { background: #FFFFFF; padding-top: 10px; }
#footer p { font-size: 12px; }

#footerLeft { width: 350px; float: left; margin-left: 20px; padding-top: 8px; }
#footerRight { width: 350px; float: right; text-align: right; margin-right: 20px; padding-top: 8px; }


/* Navigation */

#nav { background: url('../images/layout/nav-bg.jpg') no-repeat; height: 70px; width: 1000px; margin: 0px auto; }
#nav-inner { width: 900px; float: left; margin: 20px 50px; }
#nav-inner a { color: #7581ad; font-size: 16px; font-weight: bold; margin: 0 20px }

#sub-nav { width: 370px; float: left; margin: 6px 0 0 290px; text-align: center; z-index: 2; position: absolute; }
#sub-nav a { margin: 0 10px; }



.form { }
.form th { text-align: right; padding-right: 10px; }
.form th, .form td { padding-bottom: 6px; }