﻿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: 'Helvetica Neue LT Std';
	background-image: url('../Images/page_bg.jpg');
	min-height: 100%;
}
.Site
{
	position: relative;
	margin-left: 8px;
	height: 100%;
}
.Site-Header
{
	width: 972px;
	border: none;
}

.Site-Header-Content
{
	float: left; /* width: 50%; */
	text-align: center;
	width: 972px;
	border: none;
}
.Site-Header-Top
{
	float: left;
	padding: 0px;
	overflow: hidden;
	height: 100px;
	border: none;
}
.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;
    height: 100px;
	border: none;
}
#ProgLogoImage
{
	height: 80px;
	position: relative;
	float: left;
    margin-left: 1em;
	top: -90px; 
}
/*.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: 80px;
	position: relative;
	float: right;
    margin-right: 1em;
	top: -90px; /* 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: 3em;
	min-height: 505px;
	height: auto !important;
}

.Site-Content-Left
{
	float: left;
	width: 250px; /*min-height:400px; */
	background-color: rgb(100%,100%,100%);
}

div.Site-Content-Center
{
	float: left;
	width: 928px; 
	height: auto;
	margin: 2px 0 50px  17px;
	font-family: 'Helvetica Neue';
	font-size: 10pt;
	list-style: circle;
	min-height: 400px;
	
}
.Site-Footer-Container
{
	clear: both;
	float: left;
	width: 972px;
	margin-top: -1.5em;
	height: 1.5em;
}
.Site-Footer-Divider
{
	background-position: 0% 0%;
    float: left;
	margin: 0 auto;
	width: 972px;
	height: 3px;
	/* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
    border-bottom: 2px solid #999;
    background-image: linear-gradient(top, #349995, #0E3332);
    background-color: #349995;
    background-repeat: repeat;
    background-attachment: scroll;
}

.Site-Footer
{
	position: relative;
	clear: both;
	float: left;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: 'Helvetica Neue LT Std';
}
.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; */
    font-family: 'BankGothic Md BT';
	float: left;
	margin: .5em 12em 0em 1em;
	font-size: 8pt;
}
.Content
{
	margin-left: 1em;
	margin-bottom: 1em;
}
.Content p
{
	margin-bottom: 2em;
}
div.ContentHeading
{
    font-family: 'Helvetica Neue LT Std';
	margin-left: .5em;
	font-size: 14pt;
	font-weight: bold;
}
.ContentSubHeading
{
    font-family: 'Helvetica Neue LT Std';
	font-size: medium;
	font-weight: bold;
}
.ContentSubjectHeading
{
    font-family: 'Helvetica Neue LT Std';
	font-size: small;
	font-weight: bold;
}
.ContentTitle
{
    font-family: 'Helvetica Neue LT Std';
	font-size: large;
	font-weight: bold;
	margin-bottom: 1em;
}
.ContentSubTitle
{
    font-family: 'Helvetica Neue LT Std';
	font-size: small;
	font-weight: bold;
	color: #0070D7;
	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-003366-9.png');
}
.PageLinkContainer ul
{
	padding: .3em;
}
.PageLinkContainer a
{
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}
.ContentForm
{
	clear: both;
	float: left;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
}
.LoginContainer
{
	margin-left: 11%;
	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-003366-9.png');
}
.VidLoginControls
{
	font-family: 'Helvetica Neue LT Std';
	font-size: 10pt;
	width: 21em;
	height: 20em;
	overflow: hidden; /* margin: 1em 0 0 6em; */
	float: right;
	border-left: 1px solid #CCCCCC;
}
.VidLoginControls a
{
 text-decoration: none;
 color:#003366;
}
.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;
}
.HomePageTopContainer
{
	width: 100%;
	clear: both;
	float: left;
    height: 227px;
	padding-left: 17px;
	margin-left: -15px;
}

.HomePageIntro
{
	clear: both;
	float: left;
	display: table-cell;
	margin-left: -10px;
	width: 45%;
}
.HomePageNewsContainer
{
	float: left;
	width: 40%;
	height: 100%;
}
.HomePageSupportLinks
{
	float: left;
	width: 15%;
	height: 100%;
}
.HomePageNews
{
	margin-top: .5em;
}
.NewsItem
{
	clear: both;
	float: left;
	margin: 0 0 .5em .6em;
	width: 97%;
}
.NewsHeadline
{
	float: left;
	font-weight: bold;
	font-size: 10pt;
	color: #349995;
}
.NewsDate
{
	float: right;
	font-weight: bold;
	color: #349995;
	font-size: 8pt;
	padding-top: 2pt;
	vertical-align: bottom;
}
.NewsHeadline a
{
	color: #349995;
	/*text-decoration: none;*/
}
.NewsTeaser
{
	clear: both;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	margin: .2em 0 0 .3em;
}
.NewsReadMore
{
	font-size: 7pt;
	font-weight: normal;
	margin-left: .3em;
	color: #349995;
	float: right;
	padding-top: .2em;
	text-decoration: none;
}
.NewsReadMore a
{
	text-decoration: none;
	color: #003366;
}
.HomePageLinkCont
{
	clear: both;
	float: left;
	border-top: 1px solid #ccc;
	width: 100%;
	
}
.HomeLinkBoxContainer
{
	clear: both;
	float: left;
	height: 100%;
	width: 100%;
	padding-left: 1.2em;
}
.HomeLinkBoxHeadingContainer
{
	float: left;
	width: 100%;
	padding-left: 1.2em;
}
.HomeLinkBox:hover
{
	background-color: #C7EBEB;
    cursor: pointer;
}

.HomeLinkBoxHeading
{
	background-position: 0% 0%;
    margin-top: 1.2em;
	float: left;
	width: 260px;
	font-size: 10pt;
	font-weight: bold;
	 margin-right: 25px; 
	border: 1px solid #ccc;
	padding: 0 10px 0 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#349995, endColorstr=#0E3332);
	background: #349995;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#349995), to(#0E3332)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #349995, #0E3332); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #349995, #0E3332); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #349995, #0E3332); /* IE10 */
  background-image:      -o-linear-gradient(top, #349995, #0E3332); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #349995, #0E3332);
    color: #fff;
    
    background-repeat: repeat;
    background-attachment: scroll;
}

.HomeLinkBox
{
	float: left;
	 margin: 0 25px 1.5em 0; 
	width: 260px;
	height: 225px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 10px 0 10px;

}
.HomeLinkBox  a:visited, .HomeLinkBox a {
    text-decoration: none;
    color: #11312f;
}

.HomeLinkBoxImage
{
	float: left;
	margin:   .5em 0 .5em .3em;
	width: 250px;
	height: 150px;
	text-decoration: none;
	border: none; /* 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 a
{
	color: #349995;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	text-decoration: none;
	width: 100%;
}
div.Counter
{
    font-family: 'BankGothic Md BT';
	margin-right: 1em;
	float: right;
	font-size: 10pt;
	font-weight: bold;
}
.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;
}

.bold
{
	font-weight: bold;
}
.chkList label
{
	margin-right: 1em;
	margin-left: .3em;
	margin-top: .5em;
}
.chkList input, .Form select, .frmInput input, .frmInput
{
	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 {
    height: 100%;
    margin-bottom: 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;
}
div.NewsHeading
{
	margin: 0 0 1em 0;
	font-size: 14pt;
	font-weight: bold;
}
div.ContentHeading
{
	margin-left: .5em;
	font-size: 14pt;
	font-weight: bold;
}
p.ContentParagraphHead, div.ContentParagraphHead
{
	font-size: 12pt;
	font-weight: bold;
	margin-left: 1em;
	margin-top: .5em;
}
div.ContentBody p, div.ContentBody div
{
	margin-top: 1em;
	margin-left: 1em;
}
div.ContentBody 
{
	width: 95%;
}
div.AgreementForm li
{
	list-style: outside;
	margin: 0 0 1em 0;
	list-style-type: decimal;
}
div.HomeLinksDesc {
    margin: 1.5em;
}
ul.HomeLinks {
    margin: 0em 1em 0em 1.5em;
}
div.AgreementBody li, ul.HomeLinks li
{
	list-style-position: inside;
	margin: .2em .5em .5em 0em;
	list-style-image: url('../Images/bullet-349995-9.png');
}
ol li:before {
    /* content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px;  space between number and text */
}
div.ContentRepeaterColumn
{
	margin-left: 3em;
	width: 40%;
	float: left;
}
div.ContentRepeaterColumnHeading
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
	background-color: #349995; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#349995, endColorstr=#0E3332);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#349995), to(#0E3332)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #349995, #0E3332); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #349995, #0E3332); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #349995, #0E3332); /* IE10 */
  background-image:      -o-linear-gradient(top, #349995, #0E3332); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #349995, #0E3332);
    margin-bottom: 1em;
	text-align: center;
	-moz-box-shadow: 3px 3px 1px #999;
	-webkit-box-shadow: 3px 3px 1px #999;
	box-shadow: 3px 3px 1px #999;
	background-image: linear-gradient(top, #0E3332, #349995);
}
div.ItemTemplate
{
	height: 25px;
	margin-bottom: .5em;
}
div.AlternateTemplate
{
	height: 25px;
}
div.ItemTemplate a
{
	margin-left: 1em;
	text-decoration: none;
	color: #11312f;
}

.formButton
{
	color: #11312f;
	border: 1pt solid #11312f;
	text-decoration: none;
	padding: .2em .5em;
	-moz-box-shadow: 3px 3px 1px #999;
	-webkit-box-shadow: 3px 3px 1px #999;
	box-shadow: 3px 3px 1px #999;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	background: #E6E6E6;
}
.InputRow
{
	width: 350px;
	height: 30px;
}
.RowLabel
{
	clear: both;
	float: left;
	font-weight: bold;
}
.RowInput
{
	float: right;
}
.ButtonRow
{
	
	width: 100%;
}
.RowButton
{
	margin:  1em 0 0 0;
	width: 200px;
	border: 1px solid #003366;
	-moz-box-shadow: 3px 3px 1px #999;
	-webkit-box-shadow: 3px 3px 1px #999;
	box-shadow: 3px 3px 1px #999;
	
}
.Shadowed
{
	margin:  1em 1em 0 0;
	
	border: 1px solid #003366;
	-moz-box-shadow: 3px 3px 1px #999;
	-webkit-box-shadow: 3px 3px 1px #999;
	box-shadow: 3px 3px 1px #999;
}




