﻿body
{
    background: black url(../images/bodybg.jpg) repeat;
    /*background-color: #0c0c19;*/
    font: 90%/1.4 'Trebuchet MS',Verdana,Georgia, serif;
    margin: 0 30px 10px 0;
    padding: 0;
    text-align: center;
    color: #141414;
    
}

body form
{
    width: 996px;
    margin: 0 auto 10px auto;
}

h1 { }
h2
{
    font: 130%/1.6 'Trebuchet MS',Verdana,Georgia, serif;
    color: #3366cc;
    text-transform: capitalize;
    font-weight:bold;
    margin-top: 20px;
    border-bottom: 1px dashed #999999;
}
h3 
{
    font: 100%/1.6 'Trebuchet MS',Verdana,Georgia, serif;
    text-transform: capitalize;
    font-weight:bold;
    margin-top: 0px;  
    margin-bottom: 0px;  
}
h4
{
    font: 100%/1.6 'Trebuchet MS',Verdana,Georgia, serif;
    color: #3366cc;
    text-transform: capitalize;
    font-weight:bold;
    margin-top: 0px;  
    margin-bottom: 0px;
    
}
/*
ul
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    line-height: normal;
    list-style-type: circle;
}
*/
a
{
    text-decoration: none;
    color: #3366cc; 
}
a:hover
{
    text-decoration: none;
    border-bottom: 1px dashed #3366cc;
    color: #3366cc;
}
a:visited
{
    text-decoration: none;
    color: #3366cc;
}


td
{
    vertical-align: top;   
}

img
{
    border: 0px;
}
    

img.floatLeft  
{
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}



#Page
{
    position:relative;
    border: 0px solid #3366CC; 
    width: 996px;
    background: white url(../images/pagebg.jpg) repeat-y;
    /*padding: 10px 0 20px 0px;*/
    text-align: left;
 }


#header
{
    background-color: #f3f3f3;
    border: 0px solid red;
    height: 240px;
    width: 960px;    
    margin: 0 18px 0 18px;
}

#header #headerLogo
{
    background: transparent url(../images/BlueLogo_reflect.gif) top left no-repeat;
    border: 0px solid blue;
    height: 195px;
    width: 140px;    
    margin: 20px 0 0 20px;
    float:left;
}

#header #headerLogo2
{
    border: 0px solid purple;
    background: transparent url(../images/HeaderQuote.jpg) top left no-repeat;
    float: right;
    width: 320px;
    height: 195px;    
    margin: 20px 20px 0 0;   
    padding: 0 0 0 0;
}

#header #headerQuote
{
    border: 0px solid pink;
    float: right;
    width: 420px;
    margin: 20px 0 0 0;
    height: 95px;
    text-align: center;
    font: 130%/1.4  'Trebuchet MS' ,Verdana,Georgia, serif;
    font-style: oblique;
    text-transform:capitalize;
    padding: 100px 0 0 0;
}


/*************************************** 
  MENU BAR
****************************************/
/*
#navcontainer
{ 
    
    border-top: 0px solid #000;
    width: 960px;
    margin: 0 18px 0 18px;
}

#navcontainer ul
{
    margin: 0px;
    background: white url(../images/navBG.jpg) repeat-x;
    height: 29px;
    float:left;
    width: 100%;
    border-bottom: 1px solid #999999;
}

#navcontainer ul li 
{
    display:inline;
}

#navcontainer ul li a
{
    padding: 1.0em 1.5em 1.0em 1.5em;
    color: Black;
    text-decoration: none;
    float:left;
    border-right: 1px solid #808080;
    font: 100%/0.0 'Trebuchet MS',Verdana,Georgia, serif;
    
}
#navcontainer ul li a:hover
{
    background-color: #000;
    color: #fff; 
    text-decoration: none;
    border-bottom: 0px;
}
*/

#RotatingImages
{
    border-top: 0px solid red;
    margin: 0 18px 0 18px;
    padding: 0;
    width: 960px;
}
#RotatingImages img
{
    display: inline;
    margin: 0;
    padding:0;
    float:left;
}

#mainbody
{
    border: 0px solid green;
    width: 960px;
    margin: 0 18px 20px 18px;
    overflow:hidden;
}

#mainLeft
{
    border-bottom: 0px solid red;
    border-top: 0px solid red;
    float:left;
    width: 280px;
    /*text-align: center;*/
    padding: 0 18px 20px 18px;
}

#mainRight
{
    border-bottom: 0px solid blue;
    border-top: 0px solid blue;
    position: relative;
    margin-left: 320px;
    padding: 0 18px 20px 18px;
    line-height: 1.7em;
}

a.gray
{
    color: #999999;    
}

a:hover.gray
{
    color: #999999;  
    font-weight:bold;
}

#footer
{
    border-top: 1px dashed #999999;
    height: 50px;
    margin: 0px 18px 20px 18px;
    padding-top: 10px;
    text-align:center;
    font: 80%/2.0 'Trebuchet MS',Verdana,Georgia, serif;    
    color: #999999;
}


#footerLinks
{
    word-spacing: 5px;
}


.TextBox
{
    width: 300px;
    border: 1px solid #cccccc;
}

.txtWatermark
{
    color: #C0C0C0;
    width: 300px;
    border: 1px solid #cccccc;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.NewsItem
{
    margin-top: 20px;
}

.teamMember
{   
    border: 0px solid red;
    min-height: 260px;
    line-height: normal; 
}


/********* Buttons **************/
a.button {
    background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block; 
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    border: 0px;
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

.subtle
{
    font: 80%/2.0 'Trebuchet MS',Verdana,Georgia, serif;    
    color: #999999;
}
