body {
	font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	color:#FFD400;
	text-decoration: none; 
}
a:visited {
	color: #FFD400;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 100%;
	background: #FFF;
	margin: 0 auto; 
}

.header {
	margin-top: 60px;
	background: #000;
	height: 190px;
	text-align: center;
}
.headerLogo {
	margin-top: -47px;
}
.navbar {
	background: url(images/navbar.jpg) repeat-x;
	height: 53px;
}
.navigation {
	width: 900px;
	margin: 0 auto; 
	text-align: center;
	padding-left: 20px;
}
.content {
	width: 900px;
	padding: 10px 0 0 0;
	margin: 0 auto; 
}
.content h1, h2{
	font-size: 110%;
	text-align:center;
	margin-top:30px;
}
.content p {
	font-size: 95%;
	text-align: justify;
}
.flash {
	background: url(images/flash_bg.jpg) no-repeat;
	margin: 0 auto;
	height: 361px;
	padding: 41px 127px 0 110px;
	text-align: center;
	margin-left: 15px
}
.photoFrame {
	background: url(images/photoFrame.jpg) no-repeat;
	margin: 0 auto;
	height: 283px;
	padding: 10px 20px 0 10px;
	text-align: center;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
h2{
	color: #BBBDBF; 
	border-bottom: dotted 2px #BBBDBF; 
	border-top: dotted 2px #BBBDBF;
	margin: 40px 0px 10px 0;
}
.people p{
	text-align:center; 
	padding-left: 50px;
}
.people span{
	border-left: solid #FFD500 2px;
	color: #BBBDBF;
	height: 10px;
	margin-left: 10px;
	padding-left: 8px;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
/* ~~ 3 Column Section ~~ */
.threeColumn
{
    margin-top:30px;
    height: 840px; 
    margin-bottom: -50px;
}
.threeColumn p{
	padding: 0 35px;
	font-size: 95%;
	line-height: 1.1;
	text-align:center;
}
.leftColumn {
	float: left;
	width: 250px;
	padding-top: 10px;
	padding-bottom: 30px;
}
.leftColumn a:link {
	color:#FFD400;
	text-decoration: none; 
}
.leftColumn a:visited {
	color: #FFD400;
	text-decoration: none;
}
.leftColumn a:hover, a:active, a:focus { 
	text-decoration: underline;
}

.middleColumn {
	float: left;
	background: url(images/middlesection_r2_c1_s1.gif) repeat-y;
	margin-left: 12px;
	width: 376px;
	position:relative;
	height:100%;
}
.topColumn {
	background-color: #FFF;
	background: url(images/middlesection_r1_c1_s1.gif) no-repeat;
	height:	48px;
}
.middleColumn a:link {
	color:#000;
	text-decoration: none; 
}
.middleColumn a:visited {
	color: #000;
	text-decoration: none;
}
.middleColumn a:hover, a:active, a:focus { 
	text-decoration: underline;
}
.rightColumn {
	float: right;
	width: 250px;
	padding-top: 10px;
    padding-bottom: 30px;
}
.rightColumn a:link {
	color:#009343;
	text-decoration: none; 
}
.rightColumn a:visited {
	color: #009343;
	text-decoration: none;
}
.rightColumn a:hover, a:active, a:focus { 
	text-decoration: underline;
}

.readMore {
	border-bottom: #999 dashed 1px;
	width: 150px;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.threeColumn .date
{
	color: #999;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 95%;
	line-height: 1.1; 
	text-align: center;
}
.threeColumn .location
{
    color: #999;   
	padding: 0 25px 0px 25px;
	font-size: 95%;
	line-height: 1.1; 
	text-align: center;
}

/* ~~ Products ~~ */
.productContainer, .showEventContainer {
	min-height: 215px; width: 880px; background-color: #fff; position: relative; margin-bottom: 20px;margin-left: 15px;
}
.productContainer
{
    border-bottom: dotted 2px #A7A9AC;
}
.showEventContainer 
{
    width: 880px; 
    margin-top:50px;
}
.productListing {
	float: left; width: 400px; height: 145px; font-size: 20px; text-align:center;
}
.productName {
	margin-right: 2px; background: #000; color: #fff; padding: 22px 0;
}
.productShort {
	float: left; margin-top: 2px; width: 60px; height:28px; padding: 20px 10px 20px 10px; background-color: #E6E7E8; text-align:center;
}
.productLong {
	float: right; position: relative; margin: 2px 2px 0 2px; width: 296px; padding: 20px 10px 20px 10px; height: 28px; background-color: #FFE500; font-weight:bold;
}
.productDesc {
	float: right; min-height: 113px; width: 439px; padding: 15px; font-size: 12px; line-height: 16px; background-color: #E6E7E8; text-align: justify;
}
.moreProductButton {
	float: right; width: 350px; background-color: #FFE500; text-align: center; padding: 8px; margin: 15px 0; font-weight: bold;
}
.moreProductButton a{
	color: #000;
}
.showEventContainer .showEventDesc{
	float: left; height: 172px; width: 295px; padding: 15px 0px 15px 0px; font-size: 12px; line-height: 16px; background-color: #E6E7E8; text-align: center; border: 0; overflow: hidden;
} 
.showEventContainer .showEventDesc > div
{
    text-align: left; font-style: italic; margin: 10px 5px 10px 15px;
}
.showEventContainer .when, .showEventContainer .location
{
    float:left;
    background: #000;
    color: #fff;
    margin-top: 2px; 
    width: 85px; 
    height:48px; 
    padding: 10px 10px 10px 10px;
    text-align:center;
    vertical-align: middle;    
    line-height: 48px;
    position: relative; 
}
.showEventContainer .when2, .showEventContainer .location2 {
    float: left; 
    position: relative; 
    margin: 2px 2px 0 2px; 
    width: 453px; 
    padding: 10px 10px 10px 10px; 
    min-height: 48px; 
    height: 48px;
    background-color: #FFE500; 
    font-weight:bold;
    text-align: center;
    vertical-align: middle;    
    /*line-height: 16px;*/
    overflow: hidden;
    display: table;
}
.showEventContainer .when2 > div, .showEventContainer .location2 > div
{
    display: table-cell;
    vertical-align: middle;
}
.showEventContainer .title
{
    float:left;
    background: #000;
    color: #fff;
    padding: 20px 10px 20px 10px;
    text-align:center;
    width: 560px;
}
/* ~~ The footer ~~ */
.footerWrap {
	margin: 50px 0 0 0;
	height: 150px;
	padding: 50px 0;
	background: #000;
	color: #FFD400;
}
.footer {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	font-size: 90%;
}
.footer a {
	color: #FFF;
}
.enewsSignup {
	font-size: 110%;
	color: #FFF;
}
#footerform a {
	color: #FFD400;
}
#footerform {
	background: transparent url(images/form_bg.gif) no-repeat left;
	border: 0;
	height: 29px;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 0px;
}
.footer input {
	background: transparent;
	border: 0;
	color: #CCC;
}
.footer .name {
	width:160px;
	padding-left:20px;
}
.footer .email {
	width: 265px;
	padding-left:35px;
}
.footer .submit {	
	padding-left: 17px;
}

.copyright {
	color: #FFF;
}
.copyright a {
	color: #FFD400;
}
.copyright span a{
	color: #999;
}
/* ~~ miscellaneous float/clear classes ~~ */
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.contactForm, .employmentForm, .registerForm
{
	border: 0;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 638px;	
	margin-bottom: 50px;
}
.loginForm {
	border: 0;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 438px;	
	margin-bottom: 50px;
}
input, select, textarea{
	font:14px "lucida grande", tahoma, verdana, arial, sans-serif;
	padding:1px;
	background-color: #666;
	color: #FFF;
	border: 2px solid #CCC;
	height: 30px;
}

.contactForm input, select, textarea
{
	width: 300px;
}

.employmentForm input, select, textarea
{
	width: 300px;
}

.registerForm input, select, textarea
{
	width: 300px;
}

.loginForm input, select, textarea{
	width: 200px;
}

.contactForm select, 
.employmentForm select,
.registerForm select
{
    width: 308px;
    height: 36px;
}
.TwoColumn 
{
	text-align: center;
	display: inline;
	clear:both;
}
.contactForm .TwoColumn, 
.employmentForm .TwoColumn,
.registerForm .TwoColumn
{
	width: 638px;
}
.loginForm .TwoColumn 
{
	width: 438px;
}
.Column
{
    text-align:center;
    float:left;
	height: 70px;
}
.contactForm .Column, .employmentForm .Column, .registerForm .Column
{
    width: 300px;   
}
.loginForm .Column
{
    width: 200px;   
}

.Column:first-child
{
    margin-right: 30px;
}
.contactForm .OneColumn, 
.contactForm .OneColumn input[type="text"], 
.contactForm .OneColumn textarea,
.employmentForm .OneColumn, 
.employmentForm .OneColumn input[type="text"], 
.employmentForm .OneColumn textarea,
.registerForm .OneColumn, 
.registerForm .OneColumn input[type="text"], 
.registerForm .OneColumn textarea
{
    width:630px;
}
.registerForm input[type="checkbox"]
{
    width: auto;   
    margin-top:10px;
}
.contactForm label, .loginForm label, .employmentForm label, .registerForm label {
	color:#BBBDBF;
	text-transform:uppercase;
	padding: 0 0;
}

input.formBtns {
	width: 125px;
	color: #fff;
	text-transform:uppercase;
	font-weight: bold;
	margin-top: 20px;
}

.contactForm .OneColumn textarea,
.employmentForm .OneColumn textarea 
{
	height: 150px; 
}

div.dotted
{
	color: #000; 
	border-bottom: dotted 2px #BBBDBF; 
	border-top: dotted 2px #BBBDBF;
	margin: 50px 0px 15px 0;
	text-align: center;
    font-size: 110%;
    padding: 8px 0px 8px 0px;
    font-weight: bold;
}
div.deadline
{
    text-align:center;
    margin: 0px 15px 15px 15px;
}

div.deadline .title
{
    font-weight: bold;
}

span.sep
{
    color: #ffe500;
    margin: 0 8px 0 8px;
}

.soft, .soft a
{
    color: #BBBDBF;
}

.companyRow
{
    height:140px;
    margin: 0 auto;
    width: 90%;
    border-bottom: 1px solid #BBBDBF;
    border-top: 1px solid #BBBDBF;
    margin-bottom:30px;
}

.companyRow > div
{
    height: 100%;
    width: 33%;
    float:left;
    text-align:center;    
    display:table;
}

.companyRow .center
{
    border-right:  1px solid #BBBDBF;
    border-left: 1px solid #BBBDBF;
}

.companyRow > div > div
{
    display: table-cell;
    vertical-align:middle;
    width:100%
}

.companyRow img
{
    border: 0;
}

#deadlines
{
    width: 100%;
    border: 0;
    margin: 20px 0 0px 0;
}
#deadlines th
{
    color:White;
    background-color: Black;
    width: 20%;
    text-align: center;    
    line-height: 1;
    padding: 10px;
    height: 50px;
}
#deadlines tbody td
{
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    background-color: #e6e7e8;
    color:Black;
    padding: 10px;
    height: 50px;
}
#deadlines tbody tr.yellow td
{
    background-color: #ffe500;
}

#wrapLeft_unit_wide {
width:223px;
float:left;
}
#wrapRight_Units {
width:650px;
float:left;
padding-bottom:15px;
}

#wrapLeftLarge {
width:30%;
float:left;
padding-bottom:5px;
background-color:#FFFFFF;
}

.adminPanel fieldset{
      float:left;
      display:inline;
      clear:both;
      width:94%;
      padding:0 0 5px 0;
      margin: 13px 0 5px 0px;
      border-style: none;
    }    

.adminPanel fieldset dl
{
    margin: 10px 0 0 0px;
}    
#wrapParent_unit 
{
    width: 761px;
    margin:0 auto 0 auto;
    background-color:#fff;
}