﻿    body {
	font-size:12pt;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers.*/
	color: #000000;
	background: url(../images/gray_gradient2.jpg) repeat-y #cdcdcd;	
}

h1 { font-family: Arial; font-size: 14pt; font-weight: bold; color: #003D68; }
h2 { font-family: Arial; font-size: 14pt; font-weight: bold; color: #ff8705; }
h3 { font-family: Arial; font-size: 12pt; font-weight: bold; color: #003D68; }
h4 { font-family: Arial; font-size: 12pt; font-weight: bold; color: #7f7f7f; }
h5 { font-family: Arial; font-size: 12pt; font-weight: bold; color: #669900; }


.blue { color: #003d68; }
.Orange {color: #ff8705; }
.Green { color: #669900; }
.Gray { color: #7f7f7f; }
.Tan { color: #cccc99; }
.CoolGray { color: #Dddddd; }
.SalesWikiGreen { color: #93bd41; }
.DarkGray { color: #727272; }


a {text-decoration:none; color: #003D68;}
a:hover {text-decoration:underline; color: #003D68;}
a:visited { text-decoration:none; color: #7f7f7f;}
a:visited:hover {text-decoration:underline;}

hr{width:95%; height: 1px; color:#003D68; background:#003D68; border:0; text-align:center;}
.floatleft{ float:left;}
.floatright { float:right;}
.clearboth{ clear:both;}

.FullDiv{width:780px;padding-top:10px; /*background-color:Red;*/ } /*the container has a padding of 25 on each side and a width of 780*/
.CalDiv{float:right; width:497px; padding-right:15px }

.alignRight {
    text-align: right;
    padding-right: 15px;
}
.largeContainer {margin:0 auto; text-align:left; border:0; width:795px; padding:0;}
    
.container {
    width: 780px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align:left;
}
*html .container {padding-left:7px;}
.bluebar {margin-top:-10px; padding:0; border:0;}
    
.collapsepanel {
    padding-left:25px;
    height: 0px;
    overflow: hidden;
    padding-right: 30px;
}  

.SPIName {
    padding-left:10px;
    top: 0px;
}
    
.logo {
    padding-left: 10px;
	top:24px;
	height:90px;
}
    
.login {
    padding-left: 575px;
	z-index: 52;
	position: absolute;
	top: 60px;
}
    
input.button1 {
	width: 100px;
	height:21px;
	line-height: 18px;
	padding: 0;
	border: solid 0px transparent;
	cursor: pointer;
	background: transparent url(../images/button.png);
	font-size: 12px;
	color: #fff;
	text-align: center;
	font-weight:bold;
}

input.button3 {
    width: 250px;
	height:21px;
	line-height: 18px;
	padding: 0;
	border: solid 0px transparent;
	cursor: pointer;
	background: transparent url(../images/button3.png);
	font-size: 12px;
	color: #fff;
	text-align: center;
	font-weight:bold;
}

input.input {
	font-size: 10px;
}

.headerArrows {
    padding-left: 275px;
	z-index: 41;
	position: absolute;
	top: 0px;
	width:780px;
}
    
.greenbar {
    padding: 0px;
	z-index: 52;
	position: absolute;
	top: 116px;
}

.search {
    padding-left: 580px;
    z-index:65;
    position:absolute;
    top: 185px;
}
    
.bluemaintop {
    margin-top:0px; padding:0; border:0; height:20px;
    }
.bluemiddle {
    background-image:url(../images/bluemaindiv-middle2.gif); 
    background-repeat:repeat-y; 
    width:795px;
    border:0;
    }
    
.maintop {margin-top:-33px; padding:0; border:0;
}

.mainmiddle {
    background-image: url(../images/maindiv-middle.gif);
    background-repeat: repeat-y;
    width:780px;
    border:0;
}
    
.mainbottom {margin-top:0; padding:0;
}
    
.content {
    width:740px;
    padding-left:25px;
    /*padding-right:25px;*/
}

.whitecontentblock {
    width:740px;
    padding-left:25px;
}

.bluecontent {
    width:770px;
    padding-left:10px;
    }

#footer {
   
    padding-top:10px;
    text-align:center;
}

.H1 {
    font-size:14pt;
    font-weight:bold;
    color:#003d68;
}

.DefaultText {
    width:530px;
    padding:0 15px 0 0 ;
}
    
.calendarText 
{
    width:220px;
}

.whitebuttons {
    width:250px;
    text-align:center;
    float:right;
}

.promocontainer {
     width:240px;
     padding-left:0px;
     padding-right:20px;
     margin: 0;
     
     /*background-color: #333333;*/
     /*border:solid 1px black;*/
}   
*html .promocontainer { padding-right:0px;} /*for ie6 padding issue*/

.promoimages {width:239px;}
    
.promo {
    width:239px;
    background-image: url(../images/newpromomiddle.png);
    background-repeat: repeat-y;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
}

.promocontent{width:210px; height:600px; }
.promocontent h1 { font-size:14px; margin-top:-44px; margin-left: 40px; margin-bottom: 10px; color: #fff; width:190px;}
*html .promocontent h1 {position:relative; margin-top:-70px; margin-bottom:30px; }

.input{
    font-size:12px;
    width:100px;
    height:10px;
}
        
.copy { font-size: 10px; vertical-align: top; line-height:12px; }

.blueText {color:#003D68; font-size:12px;}
.whiteText {color:#ffffff; font-size:12px;}
.orangeText {color:#ff8705;}
.greenText {color:#839e01;}
.blueSearchText {color:#003D68; font-size:12px; font-weight:bold;}

.cspLabel {font-family: Arial; font-size: 14pt; font-weight: bold; color: #ff8705; }
.csSummary {font-family: Arial; font-size: 14pt; font-weight: bold; color: #003D68; line-height:130%}
 
.csTitle {
    line-height:150%;
    font-size: 14pt; color: #003D68; 
    text-transform:uppercase;}
    
.csLabel {
    color:#ff8705;
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
}
.csText {
    word-spacing:normal;
    line-height:130%;
    padding-right:30px;
}
.csTextlit {
    padding-left:5px;
    padding-right:30px;
}
    
.cslistSummary {
    line-height:100%;
    
}

.csLink {
    color:#ff8705;
    text-decoration:none;
    line-height:125%;
}
        
.csLink:hover {
    color:#003D68;
    text-decoration:underline;
}  

.eventLink, .events a {
    font-size:15px;
    color:#ff8705;
    text-decoration:none;
    line-height:125%
}          

.eventLink:hover, .events a:hover {
    color:#003D68;
    text-decoration:underline;
}

.regcontainer{ border:none; line-height:28px; }
   
.form { padding-left:10px;
   
}

.reglabel {
    display:block;
    float:left;
    width:100px;
    margin:0;
   }
 
.regline {
    display:block;
    float:left;
    clear:left;
    margin-top:0px;
}
   
.regTextbox {  
    width:230px;
    height:15px;
    float:left;
}

.regDdl {
    margin-bottom:5px;
    }
.regSmallTextbox {
    width:45px;
    margin-top:0px;
    margin-bottom:5px;
}
    
.regButton {
    background-color:#ff8705;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}

#footer {color:#ffffff}
#footer a:link { color:#fff; font-size:11px; text-decoration:none; }

#footer a:hover { color:#fff; font-size:11px; text-decoration:none; }

#footer a:visited { color:#fff; text-decoration:none; font-size:11px; }
#footer hr {width:95%; height: 1px; color:#ffffff; background:#ffffff; border:0; text-align:center;}
        
.surveyAnswer { font-size: 12px; }

.ContentText { width:720px; }

.Calendar { font-size:11px; color:#000000; border: solid 1px #003D68; }
.Calendar .CalendarHeader { font-size:14px; text-align: center; color:#ffffff; background:#003D68; }