﻿html,body
{
   background-color: #484848;
   height: 100%;
}

*
{
    margin:0;
    padding:0;
    
} 
.SiteContainer
{
    width:990px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-family: Arial;
    background-image: url('../Images/page_bg.jpg');
    min-height: 100%;
}
.Site
{
    position:relative;
    margin-left: 8px;
    height: 100%;   
}
.Site-Header
{
	width:972px;
}

.Site-Header-Content
{
    float:left;
    /* width: 50%; */
    text-align: center;
    width:972px;
    border:none;
   
}
.Site-Header-Top
{
    float:left;
	padding:0px;
	overflow:hidden;
    height: 80px;
    
}
.Site-Header-Top img
{
	border: none;
}
.AdminPanel
{
	float:left;
	margin-left: 100px;
    font-size: 10pt;
    padding-top: .5em;
}

#HeaderLoginView_LoginName1
{
    float:right;
	font-size: 10pt;
    margin-right: 1em;
    margin-top: .5em;
}
#HeaderLoginStatus
{
    float:right;
    font-size: 10pt;
    margin-right: 1em;
    margin-top: .5em;
    text-decoration: none;
    font-weight: bold;
    color: #11312f;
}

#ProgLogoBanner
{
    
    float:left;
    opacity: 0.40;
    filter: alpha(opacity=40);
    width: 972px; 
    
}
#ProgLogoImage
{
	height: 80px;
    position:relative;
    clear:both;
    float:left;
    top: -80px;
    
}
.FacebookIcon
{
	float:left;
	font-weight: bold;
	margin-left: .5em;
	margin-top: .5em;
	font-size: 10pt;
	
    
    left: 0px;
   
    border: none;
    margin-top: .2em;
    height: 25px;

}


#StiLogoImage
{
    height: 4.7em;
    position:relative;
    float:right;
    margin: .01em .5em 0 0;
    top: -4.7em;
    /* opacity: 0.95;
    filter: alpha(opacity=95); */
    
}
.Site-Header-StiLogo
{
    float:right;
    
}

.Site-Header-Caption
{
    padding: 0px;
    font-size: xx-large;
}

.Site-Header-ProgramLogo
{
    float:right;
}

.Site-Header-Info
{
	clear:both;
	float:left;
	width: 100%;
	height: 1em;
}

.Site-Header-DateDisplay
{
	float:left;
	font-weight: bold;
	margin-left: 1em;
	margin-top: .5em;
	font-size: 10pt;
}

.Site-Content
{
    /* margin-left: .2em; */
    width: 972px;
	clear:both;
	display:block;
	background-color:rgb(100%,100%,100%);
	overflow:hidden;
	padding-top:55px;
	height: auto;
	  
}

.Site-Content-Left
{
	float:left;
	width:250px;
	/*min-height:400px; */
	background-color:rgb(100%,100%,100%);
}

div.Site-Content-Center
{
	float:left;
	
	width:960px;
	height: auto;
	margin-left: 2px;
	padding-right: 10px;
	font: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	
    list-style: circle;
    min-height: 450px;
	
}
.Site-Footer-Divider
{
    float: left;
	margin: 0 auto;
	width: 972px;
	height: .625em;
	background-color: #349995;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#54C4C1), to(#349995)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #54C4C1, #349995); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #54C4C1, #349995); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #54C4C1, #349995); /* IE10 */
  background-image:      -o-linear-gradient(top, #54C4C1, #349995); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #54C4C1, #349995);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#54C4C1, endColorstr=#349995);
    border-bottom: 2px solid #999;
    background-image: linear-gradient(top, #54C4C1, #349995);
}
.Site-Footer-Container
{
    clear:both;
    float:left;
    width: 972px;
    height: 1.25em;
}
.Site-Footer
{
    float:left;
    width:400px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
     
}
.Site-Footer-SocialMedia
{
    float:left;
    height: 15px;
    margin-left: 1em;
    margin-top: .2em;
}
.Site-Footer-SocialMedia img
{
    border: none;
    margin-right: .3em;
}
.Site-Footer-SocialMedia a 
{
    color: #3b5998;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    
    
}
.Site-Footer-SocialMedia label
{
    
    height: 15px;
    
}
.Site-Footer-SocialMedia label:hover
{
    cursor:  pointer;
}
.Site-Copyright
{
    /* padding-top: 6px; */
    float:right;
    margin-right: 1em;
    margin-top: .5em;
    font-size: 8pt;
    
}
.Content
{
   font-size: 2; 
   margin-left: 1em;
   margin-bottom: 1em;
}
.Content p
{
    margin-bottom: 2em;
}

.ContentSubHeading
{
    font-size: medium;
    font-weight: bold;
}
.ContentSubjectHeading
{
    font-size: small;
    font-weight: bold;
}
.ContentTitle
{
   font-size: large;
   font-weight: bold;
   color: #11312f;
   margin-bottom: 1em; 
    
}
.PageImage
{
    border:  1pt solid #11312f;
    -moz-border-radius: .3em; 
    -webkit-border-radius: .3em;
    border-radius: .3em;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
    box-shadow: 3px 3px 1px #999;
}
.PageLinkContainer
{
    border:  1pt solid #11312f;
    -moz-border-radius: .3em; 
    -webkit-border-radius: .3em;
    border-radius: .3em;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
    box-shadow: 3px 3px 1px #999;
    margin-top: 0px;
}
div.PageLinkContainer li 
{ 
    list-style-position: inside;
      list-style-image: url('../Images/bullet-349995-9.png');  
}
.PageLinkContainer ul
{
    
    padding: .3em;
}
.PageLinkContainer a
{
    color: #349995;
    text-decoration: none;
    font-weight: bold;
}
.ContentForm
{
    clear:both;
    float:left;
    margin-top: 1em;
    margin-left: 1em;
    margin-bottom: 1em;
}
.LoginContainer
{
    margin-left: 13%;
    width: 72%;
   
}

.VidLoginInformation
{
	width: 53%;
	float:left;
	margin-top:1.5em;
}
.VidLoginInformation li
{
	margin: .5em;
	font-size: 10pt;
	 list-style-position: inside;
      list-style-image: url('../Images/bullet-349995-9.png'); 
}
.VidLoginControls 
{
	font-family: Arial;
	font-size: 10pt;
	width: 21em;
	height: 20em;
	overflow: hidden;
    /* margin: 1em 0 0 6em; */
    float:right;
    border-left: 1px solid #CCCCCC;
     
}
.VidLoginImage
{
	margin: 15px 0px 0px 5px;
	width:100%;
	height: 120px;
	
}
.LoginTitle
{
	line-height: 60px;
	font-size: 14pt;
	font-weight: bold;
	margin: 0em 0em 2em 2em;
}
.LoginLabel
{
	font-weight: normal;
	margin: 3em 0 0 4em;
	
}
.LoginCheckBoxes
{
	clear:both;
	float:left;
	margin: 1.5em 0em .5em 4em;
	font-weight: normal;
	
}

.VidLoginControls input[type='text'], .VidLogin input[type='password']
{
	margin: .3em 0 1.5em 4em;
	width: 16.2em;
	
	
}
.LoginButton
{
	width: 5em;
	height: 2em;
	margin-left: 4em;
	float:left;
}
.loginElements
{
    width: 300px; clear:both;float:left;margin-bottom: 1em;
}
.FormElement
{
    margin-top: 1em;
}
.ErrorText
{
    color: Red;
}
.ItemData
{
    padding-left: .3em;
}
.HomeLinkBoxContainer
{
    clear:both;
    float:left;
    height: 100%;
    width: 100%;
}
.HomeLinkBoxHeadingContainer
{
	
    float:left;
    width: 100%;
}
.HomeLinkBoxHeading
{
    margin-top:2em;
    float:left;
    width: 22%;
    font-size: 10pt;
    font-weight: bold;
    margin-right: 2em;
}

.HomeLinkBox
{
    float:left;
    margin-right: 2em;
    width: 22%;
    height: 100%;
    border-top: 1px solid #ccc;
   
}


.HomeLinkBoxImage
{
    
    float: left;
    margin-top: .5em;
    width: 200px;	
    height: 99px;
    margin-left: .25em;
    /* border: 1px solid #11312f; */
}
.HomeLinks
{
	clear:both;
    float:left;
    
    width: 100%;
    margin-left: 1.1em;
    /* margin-top: .5em;
    background-image: url('Images/sized car ride.jpg'); */
    
    
}


.HomeLinks ul li
{ 
        list-style-position: outside;
    list-style-image: url('../Images/bullet-349995-5.png'); 
    margin: .4em 0 .4em .15em;
    width: 100%;
}
.HomeLinks a
{
	color: #349995;
    font-size: 8pt;
    font-weight: bold;
    line-height: 10pt;
    text-decoration: none;
    width: 100%;
}
div.Counter
{
   
   float:right;
   background-color: #11312f;
   color: #fff; 
}
.ContentDataGrid
{
    clear:both;
    float:left;
    width: 100%;
    margin-bottom: 1em;
}
.GridCell
{
    padding-left: .3em;
}
.CommentFormDiv
{
    font-size: 9pt;
    padding-left: 2em;
}
.Form
{
    margin-left: 1.5em;
    margin-right: auto;
    margin-top: 1em;
    margin-left: 1em;
}
fieldset
{   
     width: auto;
     border: 1px solid #349995;
    
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
        box-shadow: 3px 3px 1px #999;
    /* background-color: #DAF1F1; */
    margin-top: 1em;
    
}
legend
{
    padding-left: .15em;
    padding-right: .5em;
    font-weight: bold;
}

.chkList label
{
    margin-right: 1em;
    margin-left: .3em;
    margin-top: .5em;
}
.chkList input, .Form select, .frmInput input
{
    margin-left: .5em;
    margin-right: .1em;
    margin-top: .5em;
    
}
.FieldSetElements
{
    margin-left: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.frmElements
{
    clear: both; 
    float: left; 
    margin-bottom: 10px;
}
.frmContactElements, .frmVehicleElements
{
    float:left;
    margin-bottom: 10px;
}
.frmLabel
{
    clear:both;
    float:left;
    margin-left: .5em;
    margin-top: .5em;
}
.surveyLabel
{
    clear:both;
    float:left;
    margin-left: .5em;
    margin-top: 1em;
    font-weight: bold;
}
.frmRequireFieldLabel
{
    clear:both;
    float:left;
    margin-left: .3em;
}
.frmInput
{
    clear:both;
    float:left;
}
.frmError
{
    float:right;
    padding-top: .5em;
    padding-left: .5em;
    color: Red;
}
.frmUnderError
{
 clear:both;
 float:left;
    color:Red;
    padding-left: .5em;
}
.frmLabel img
{
    margin-left: .3em;
    
}
.frmButtons
{
    margin-top: 1em;
}
#MainContent_CategoryMenu, #MainContent_SiteMap
{
   
    width: 93%;
    margin-left: 3%;
    border: 1px solid #349995;
    -moz-border-radius: .3em; 
    -webkit-border-radius: .3em;
    border-radius: .3em;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
    box-shadow: 3px 3px 1px #999;
}
#MainContent_CategoryMenu li > a.level1,
#MainContent_SiteMap li > a.level2
{
    margin-left: 2em;
}
#MainContent_CategoryMenu li,
#MainContent_SiteMap li
{
    margin-top: .5em;
    margin-bottom: .5em; 
}
#MainContent_CategoryMenu a.level1,
#MainContent_SiteMap a.level2
{
    color: #11312f;
    font-size: 11pt;
    font-weight: bold;
}
#MainContent_CategoryMenu li > a.level2,
#MainContent_SiteMap li > a.level3
{
    margin-left: 4em;
}
#MainContent_CategoryMenu a.level2,
#MainContent_SiteMap a.level3
{
    color: #11312f;
    font-size: 10pt;
    
}
#MainContent_CategoryMenu li > a.level3,
#MainContent_SiteMap li > a.level4
{
    margin-left: 6em;
    
}
#MainContent_CategoryMenu a.level3,
#MainContent_SiteMap a.level4
{
    color: #11312f;
    font-size: 9pt;
    
}
.TabMenu
{
    overflow: hidden;
}
.TabMenu ul
{
    overflow: hidden;
    background-color: #fff;
}
.TabMenu li
{
    border-top:  1pt solid #11312f;
    border-left: 1pt solid #11312f;
    border-right: 1pt solid #11312f;
     -moz-border-top-left-radius: .3em; 
    -webkit-border-top-left-radius: .3em;
    border-top-left-radius: .3em;
    -moz-border-top-right-radius: .3em; 
    -webkit-border-top-right-radius: .3em;
    border-top-right-radius: .3em;
    background-color: #349995;
	
    
    overflow: hidden;
    margin-left: .3em;
    
}
.TabMenu a
{
    color: #fff;
}
.EditPanel
{
    border: 1px solid #11312f;
    margin-left: .5px;
}