﻿* {
	margin: 0;
}

html, body, form 
{
	height: 100%;
	background-color:White;
}


#container 
{
    width:1024px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -53px; /* the bottom margin is the negative value of the footer's height */
}

#banner 
{
    height: 159px; 
    background-image: url('images/banner_background.jpg');
    position:relative;
}

#eventsBanner 
{
    height: 159px; 
    text-align:center;
    position:relative;   
		
}

#leftofbanner
{
	position:absolute;
	top:12px;
}

#sidebar
{
   border: thin solid silver;
   height:100px;
   width: 270px;
   height:300px;
   position:absolute;
}

#content
{
    background-color:White;  
    width:1024px;
    float:left;  
}

.left-bordered {
    width:300px;
    padding:5px;
    margin-left:10px;
    border: 1px solid #A1A1A1;
}
.content-left {
    float:left;
    width:340px;
}
#content p
{
    color:black;
    text-align:center;
    font-family:Arial;
    font-size:16px;
    position:relative;
    left:0px;
    padding-top:0px;
    
}

#content ul
{     
    margin: 0; 
    padding:8px 132px 0px;
    font-family:Arial;
    font-size:14px;
}

#content li
{     
    padding: 2px 2px 2px 2px;
}

#innerContent {
  width:100%;
}

.left_text
{
    color:black;
    text-align:left;
    font-family:Arial;
    font-size:14px;
    padding:8px 100px 0px;
    vertical-align:top;
}

.left_text_noindent
{
    color:black;
    text-align:left;
    font-family:Arial;
    font-size:14px;
    vertical-align:top;
}

.headertitle_noindent
{
    font-size:18px; 
    font-family:Arial;
    text-align:left; 
    font-weight:bold; 
    padding-top:30px;
}

.right_text
{
    color:black;
    text-align:right;
    font-family:Arial;
    font-size:14px;
    padding:8px 50px 0px;
}

.center_text
{
    color:black;
    text-align:center;
    font-family:Arial;
    font-size:14px;
    padding:8px 50px 0px;
}

.center_text_bold_big
{
   font-size: 18px; 
   text-align: center; 
   font-weight: bold;
   color:black;
   text-align:center;
   font-family:Arial;    
   padding:8px 50px 0px;
}

.textbox
{
    width:140px; 
    color:Gray; 
    background-color:Transparent; 
    border-color:Gray;
    border-style:solid;
}

.headertitle
{
    font-size:26px; 
    font-family:Arial;
    text-align:left; 
    font-weight:bold; 
    padding-top:30px;
    padding-left:97px;
}

.headertitleSmaller
{
    font-size:18px; 
    font-family:Arial;
    text-align:left; 
    font-weight:bold; 
    padding-top:30px;
    padding-left:97px;
}

.Button
{
    color:Black; 
    font: bold 95% 'trebuchet ms',helvetica,sans-serif; 
    background-color:Silver; 
    border: 1px solid; 
    border-color: Black;     
}

#facebook
{
    position:relative;
    left:10px;
    width:150px;
    padding-top:10px;
}

#contact 
{  
    padding-left:316px; 
    padding-top:6px;
}

#banner ul { 
    padding:0;  
    margin: 0; 
    margin-left: 130px; 
    list-style:none; 
}

#banner li { 
    display:block; 
    float:left; 
    padding: 50px 55px; 
    font-family:Arial;
    color:White;
    font-size:16px;
    font-weight:bold;
    text-align:center;    
} 


#navBackground 
{
    height:45px;    
    background-image: url('images/nav_background.png');
    background-repeat:repeat-x;
    background-color:White;
    padding: 8px 0 0;
}

#navBackground ul { 
    padding:0;  
    margin: 0; 
    margin-left: 154px;
    list-style:none; 
    display:block;
    float:left;
}

#navBackground li { 
    display:block; 
    float:left; 
    padding: 5px 13px; 
    font-family:Arial;    
} 

#navBackground a {
     color:White; 
     text-decoration:none;
     font-size:14px;
}


#logo, #login > *
{
    float:left;        
}

#logo
{
    padding-left: 0px;
    position:absolute;
    top: 57px;
    left: 21px;
}

#socialsites
{
    padding-right: 0px;
    position:absolute;
    top: 162px;
    left: 920px;
    border:0px;
}

#news
{
    padding-right: 0px;
    position:absolute;
    top: 158px;
    left:860px;
    border:0px;
}

#newslettersignup
{
    border: 0 none;
    left: 899px;
    padding-right: 0;
    position: absolute;
    top: 111px;
}

#login
{
    float:right;
    padding-top: 30px;
    padding-right: 10px;
    width: 370px;
}

.testimonials
{
    color:black;
    text-align:center;
    font-family:Arial;
    font-size:11px;
    
    padding:8px 50px 0px;
}

.header
{
    color:black;
    text-align:left;
    font-family:Arial;
    font-size:18px;
    padding:8px 50px 0px;
}

.newsletterheader
{
    color:black;
    font-weight:bold;
    text-align:center;
    font-family:Arial;
    font-size:15px;
    padding: 5px 5px 5px 5px;
    <!-- background-image: url('images/cupid.jpg'); -->
    background-repeat: no-repeat;
}

.DataGrid
{
    font-family:Arial; 
    border-style:solid;
    border-width:thin;
    border-color:Silver;  
    left:100px;
    position:relative;            
}

.DataGrid td
{
    font-family:Arial; 
    padding: 10px 10px;
    text-align: center;
    border-left: thin solid silver; 
    border-top: thin solid silver;
}

.DataGrid th
{
    font-family:Arial; 
    padding: 10px 10px;
    text-align: center;
    font-weight:bold;
    background-color:#FFF570;
}

.DataGrid td.first {
    border-left: 0 none;
    color:black;
    font-family:Arial;
    font-size:14px;
    vertical-align:top;
}

#login > div { padding-right: 5px;  }

#login div, #login input { font-family: Arial; font-size: 12px; }

#login div.label { margin: 5px; }

#login div.label > * { margin: 0; float:left; } 

#login div.label input { margin-top: 1px; } 

#login div.label span { padding-left: 3px; } 

#footer 
{
    width:1024px;
    margin: 0 auto;
    background-image: url('images/footer_background.png');
    background-repeat:repeat-x;
    background-color:White;
}

#footer, .push {
	height: 53px; /* .push must be the same height as .footer */
	clear: both;
}

#footer ul { 
    padding:0;  
    margin: 0; 
    list-style:none; 
}

#footer li { 
    display:block;     
    font-family:Arial;   
    font-size:12px;
    text-align:center;
    color:White; 
    text-decoration:none;
    padding-top:25px;
} 

.footerTextBlue
{
    color:Navy; 
    font-size:22px; 
    text-align:left; 
    padding-left:80px;
    font-family:Arial;
}

.footerTextBlack
{
    color:Black;
    text-decoration:underline; 
    font-size:22px; 
    text-align:left; 
    padding-left:80px;
    font-family:Arial;
}

.img_bg_color
{
    background-color:#D4D4D4;
}

/* used by video overlay */
#shadeLayer {
  background-color:#000;
  height:100%;
  position:absolute;
  top:0;
  width:100%;
  z-index:2;
}
.vidbox {
  margin:-12.5% auto 0;
  position:relative;
  top:50%;
  width:254px;
}
.topbar {
  width:100%;
}
.topbar div {
  float:right;
  color:#fff;
  font-size:1.2em;
  background-color:#333;
  padding:0 5px;
}



