﻿body { background: #fff url('/Content/Assets/SiteTheme/BodyBackground.jpg') repeat-x center top;
 font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, Arial; }

#ChiviteHeading
{ background: transparent url('/Content/Assets/SiteTheme/MainBackground.jpg') no-repeat center top; display: block; overflow: hidden; left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 1; }

/** png fix for ie6 **/
img, div, a, input, h3, ul, li { behavior: url('/content/iepngfix.htc'); }

/** Generic Selector Styling **/
a { color: #333; }
a:hover { text-decoration: none; color: #444; }
p { color: #555; }
h1,h2,h3,h4,h5,h6 { font-family: Georgia; padding: 10px 0; color: #d00; }
/** Site Structure **/
#Page { width: 901px; margin: 0 auto; text-align: center; z-index: 200; position: relative; padding-top: 326px; padding-bottom: 10px; }
#Wrapper {background-color: #fff; border-left: solid 1px #eee; border-right: solid 1px #eee;  }
#Nav { }
#Nav ul { width: 860px; overflow: hidden; background: transparent url('/Content/Assets/SiteTheme/NavBackground.png') repeat-x center top; height: 38px; padding: 0 20px; }
#Nav ul li { display: block; float: left; padding: 9px 10px 7px 0;}
#Nav ul li a { font-size: 92%; padding: 3px 10px 3px 0; color: #888; border-right: solid 1px #ccc; display: block; overflow: hidden; vertical-align: middle; }
#Nav ul li.last a { border-right: none; }
#Nav ul li a:hover { color: #595959; }

#MainWrapper { overflow: hidden; clear: both; width: 900px; }
#Main
{
    padding: 15px; 
    color: #333;	
    text-align: left;
    width: 535px; float: right;
}

#Main h1 { font-size: 135%; margin-top: -5px; }
#Main h1 span { display: none; }
#Main ul { margin-bottom: 20px; }
#Content { line-height: 1.6em; }
#Content h1 { margin-left: -5px; }
#Content h1 span { display: none; }
#Content p { font-weight: normal; }
#Content ul { padding-left: 20px; list-style: outside square; margin-right: 5px; margin-bottom: 10px; }

#Sidebar { background: transparent url('/Content/Assets/SiteTheme/SidebarBackground.jpg') no-repeat right top; display: block; font-style: italic; padding: 53px 32px 42px 135px; width: 153px ; height: 380px; float: left;}
#Sidebar h1 { font-size: 122.5%; color: #d6ae00; font-family: Verdana, Lucida Sans Unicode, Lucida Sans, Lucida Grande; }
#Sidebar h3 { font-size: 122.5%; color: #d6ae00; font-family: Verdana, Lucida Sans Unicode, Lucida Sans, Lucida Grande; }
#Footer { background: transparent url('/Content/Assets/SiteTheme/FooterBackground.jpg') no-repeat center top; width: 900px; height: 29px; padding-top: 10px; font-size: 78%; margin: 0 auto; }

/** Subscribe Form CSS **/

span.label,span.spacer,span.multiple span {width:120px;float:left;} 

span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 

/** Toolbar **/
#Toolbar { left: 50%; top: 93px; margin: 0 0 0 267px; position: absolute; color: #000; font-size: 85%; overflow: hidden; z-index: 999; }
#Toolbar div { width: 180px; margin: 0 auto; text-align: left; }
#Toolbar span {}
#Toolbar span.Languages { }
#Toolbar span { color: #777; display: block; float: left; margin-right: 15px; }
#Toolbar a { color: #000; display: block; float: left; margin-right: 15px; }
#Toolbar .english_off { padding-left: 22px; background: url('/Content/Assets/SiteTheme/flag_english.png') no-repeat left bottom; }
#Toolbar .english_on { padding-left: 22px; background: url('/Content/Assets/SiteTheme/flag_english.png') no-repeat left bottom; }
#Toolbar .espanol_off { padding-left: 22px; background: url('/Content/Assets/SiteTheme/flag_espanol.png') no-repeat left bottom; }
#Toolbar .espanol_on { padding-left: 22px; background: url('/Content/Assets/SiteTheme/flag_espanol.png') no-repeat left bottom; }
#Toolbar a:hover { color: #777; }

/** Blog Class Styling **/
div.BlogSummary {} 
div.BlogSummary {} 
span.Blog-Publish-Date { font-size: 85%; font-style: italic; }

/** Video Player **/

div.VideoPlayer 
{
    margin: 20px auto 10px auto;
    padding: 15px 5px 5px 5px; 
    background-color: #000;
    width: 364px;
} 
    
div.ContentRepeater .Tile { overflow: hidden; clear: both; border-bottom: solid 1px #ddd; padding: 10px 0; margin-bottom: 10px; }
div.ContentRepeater .Tile h2 a:hover { text-decoration: none; font-size: 85%; }
div.ContentRepeater .Tile img { float: left; margin: 0 20px 10px 0; }