html,body {
	font-family:'Roboto', sans-serif;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BlackItalic.eot');
    src: url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('fonts/Roboto-BlackItalic.woff') format('woff'),
        url('fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-LightItalic.eot');
    src: url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('fonts/Roboto-LightItalic.woff') format('woff'),
        url('fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab-Regular.eot');
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Regular.woff2') format('woff2'),
        url('fonts/RobotoSlab-Regular.woff') format('woff'),
        url('fonts/RobotoSlab-Regular.ttf') format('truetype'),
        url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light.eot');
    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.ttf') format('truetype'),
        url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin.eot');
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff'),
        url('fonts/Roboto-Thin.ttf') format('truetype'),
        url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Black.eot');
    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff'),
        url('fonts/Roboto-Black.ttf') format('truetype'),
        url('fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab-Light.eot');
    src: url('fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Light.woff2') format('woff2'),
        url('fonts/RobotoSlab-Light.woff') format('woff'),
        url('fonts/RobotoSlab-Light.ttf') format('truetype'),
        url('fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-ThinItalic.eot');
    src: url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('fonts/Roboto-ThinItalic.woff') format('woff'),
        url('fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.eot');
    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.ttf') format('truetype'),
        url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic.eot');
    src: url('fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Italic.woff2') format('woff2'),
        url('fonts/Roboto-Italic.woff') format('woff'),
        url('fonts/Roboto-Italic.ttf') format('truetype'),
        url('fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto-Bold.ttf') format('truetype'),
        url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-MediumItalic.eot');
    src: url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('fonts/Roboto-MediumItalic.woff') format('woff'),
        url('fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab-Thin.eot');
    src: url('fonts/RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Thin.woff2') format('woff2'),
        url('fonts/RobotoSlab-Thin.woff') format('woff'),
        url('fonts/RobotoSlab-Thin.ttf') format('truetype'),
        url('fonts/RobotoSlab-Thin.svg#RobotoSlab-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BoldItalic.eot');
    src: url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('fonts/Roboto-BoldItalic.woff') format('woff'),
        url('fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab-Bold.eot');
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Bold.woff2') format('woff2'),
        url('fonts/RobotoSlab-Bold.woff') format('woff'),
        url('fonts/RobotoSlab-Bold.ttf') format('truetype'),
        url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



* { outline: none; }
input::-moz-focus-inner { border: 0; }
.clear { clear: both; }
a img { border: none; }
p { padding: 9px 0px; margin: 0px; }
hr { color: #cccccc; background-color: #cccccc; height: 1px; border: none; }
.hidden { display: none; }
.textright { text-align: right; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.floatleft {float: left; margin-right: 5px;}
.floatright {float: right;}

a { color: ; text-decoration: none; }
a:hover { text-decoration: underline;}



#adminbar {
	padding: 5px 10px;
	background: #1973b0 url(../admin_images/adminbar.png) top repeat-x;
	border: 1px solid #004c80;
}
#adminbar form {
	padding: 0px;
	margin: 0px;
}
#editbutton {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 40px;
	width: 220px;
	border: none;
	background: url(../admin_images/edit.png) top;
	cursor: pointer;
	text-indent: -3333px;
	overflow: hidden;
}
#editbutton:hover {
	background: url(../admin_images/edit.png) bottom;
}
#viewmediaform {
	display: block;
	float: right;
}
#viewmedia {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 40px;
	width: 220px;
	border: none;
	background: url(../admin_images/viewmedia.png) top;
	cursor: pointer;
	text-indent: -3333px;
	overflow: hidden;
}
#viewmedia:hover {
	background: url(../admin_images/viewmedia.png) bottom;
}



body,
html {
	font-family:'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:18px;
}


.siteFrame {
	background: #f9f9f9;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}

.signup {
	position: absolute;
	top: 5px;
	right: 0;
}
.signupEmail {
	width: 210px;
	padding: 0 5px;
	height: 32px;
	color: #cccccc;
	font: italic 14px/32px Trebuchet MS, Arial, sans serif;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cccccc;
}
.signupEmail {color: #cccccc;}

.signupSubmit {
	background: url(../images/buttonSubmit.png) center top no-repeat;
	padding: 0;
	width: 40px;
	height: 36px;
	color: #f9f9f9;
	font: bold 14px/36px Trebuchet MS, Arial, sans serif;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
	border: 0;
	cursor: pointer;
}
.signupSubmit:hover {
	background-position: center bottom;
}

#banner_div {
	position: relative;
	height: 115px;
	background: url(../images/divider.png) center bottom no-repeat;
}


#connect {
	position: absolute;
	top: 10px;
	right: 10px;
}
	#connect .supernav {
		float: right;
		color: #1b74bf;
		margin-right: 3px;
	}
	#connect .supernav a {color: #1b74bf;}
	#connect .supernav a:hover {
		color: ;
		text-decoration: none;
	}
	
	#connect .social {
		float: right;
	}
	#connect .social a {
		display: block;
		width: 20px;
		height: 20px;
		float: left;
		margin: 0 3px;
		background: url(../images/logoSocial.png);
	}
	#connect .social a:hover {text-decoration: none;}
	
	#connect .social a.linkedin {background-position: 0 top;}
	#connect .social a.linkedin:hover {background-position: 0 bottom;}
	#connect .social a.facebook {background-position: -25px top;}
	#connect .social a.facebook:hover {background-position: -25px bottom;}
	#connect .social a.feed {background-position: -50px top;}
	#connect .social a.feed:hover {background-position: -50px bottom;}
	
	#connect .phone {
		color: #1b74bf;
		font: 30px/50px 'DroidSerifRegular', Arial, sans-serif;
		text-align: right;
	}

#navbar_div {
	position: absolute;
	top: 80px;
	right: 0;
	text-transform: lowercase;
}

#navbar_div a {
	text-decoration: none;
	color: #165507;
	margin: 0 10px;
}
#navbar_div a.current, #navbar_div a:hover {
	color: ;
}

.divider {
	width: 940px;
	height: 5px;
	margin: 15px 0;
	background: url(../images/divider.png) center top no-repeat;
}

.buttonGreenSm,
.buttonOrangeSm {
	display: block;
	border: 0;
	cursor: pointer;
	color: #f9f9f9;
}
.buttonGreenSm:hover, .buttonOrangeSm:hover {text-decoration: none;}

.buttonOrangeSm {background-position: left top;}
.buttonOrangeSm:hover, .buttonOrangeSm.current {background-position: left bottom !important;}
.buttonGreenSm {background-position: right top;}
.buttonGreenSm:hover, .buttonGreenSm.current {background-position: right bottom !important;}

.buttonWide {
	width: 300px;
	height: 36px;
	background: url(../images/buttonWide.png);
	display: block;
	border: 0;
	cursor: pointer;
	color: #f9f9f9;
	font: bold 14px/36px Trebuchet MS, Arial, sans serif;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.buttonWide {background-position: left top;}
.buttonWide:hover {background-position: left bottom; text-decoration: none;}

#content_div {
	padding: 15px 0px;
	background: url(../images/curlsLarge.jpg) center top no-repeat;
}
#content_div img {
	border: 4px solid #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	margin: 4px 0;
}
#footer_div {
	padding: 10px 0px;
	color: #666666;
	text-align: center;
	font-size: 12px;
}
#footer_div a {color: #666666;}



#sidemenu {
	width: 220px;
	float: left;
	padding-top: 14px;
}

#sidemenu a {
	width: 200px;
	height: 36px;
	background: url(../images/buttonsLarge.png) left top;
	display: block;
	border: 0;
	padding: 0 10px;
	margin-bottom: 5px;
	cursor: pointer;
	color: #f9f9f9;
	font: bold 14px/36px Trebuchet MS, Arial, sans serif;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
#sidemenu a:hover {
	background-position: left bottom;
	text-decoration: none;
}

#sidemenu a.current {
	width: 200px;
	height: 36px;
	background: url(../images/buttonsLarge.png) right top;
	display: block;
	border: 0;
	padding: 0 10px;
	margin-bottom: 5px;
	cursor: pointer;
	color: #f9f9f9;
	font: bold 14px/36px Trebuchet MS, Arial, sans serif;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
#sidemenu a.current:hover {
	background-position: right bottom;
	text-decoration: none;
}

#sidemenu a.sublink.current {
	color: #ffffff;
	//margin-left: 40px;
	text-decoration: none;
	background: #000000;
	background: -moz-linear-gradient(90deg,#000000,#333333);
	background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(#333333));
	border: 1px solid #000000;
	text-shadow: 1px 1px 1px #000000;
	behavior: url(PIE.htc);
}

#sidemenu a.sublink.current {
	width: 200px;
	height: 36px;
	background: url(../images/subcatbutton.png) right top;
	display: block;
	border: 0;
	padding: 0 10px;
	margin-bottom: 5px;
	cursor: pointer;
	color: #f9f9f9;
	font: bold 14px/36px Trebuchet MS, Arial, sans serif;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

#sidemenu a.sublink {
	margin-left: 20px;
	width: 200px;
	height: 36px;
	background: url(../images/subcatbutton.png) right bottom;
	display: block;
	border: 0;
	padding: 0 10px;
	margin-bottom: 5px;
	cursor: pointer;
	color: #f9f9f9;
	font: bold 14px/36px Trebuchet MS, Arial, sans serif;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
#sidemenu a.sublink:hover {
	background-position: right top;
	text-decoration: none;
}

#textsection {
	float: right;
	width: 700px;
}
#cattextsection {
	float: right;
	width: 650px;
}

#eventstextsection {
	float: right;
	width: 650px;
}



.text_image {
	float: right;
	margin: 9px 0px 9px 18px;
	text-align: center;
}
.text_image_right {
	float: right;
	margin: 9px 0px 9px 18px;
	text-align: center;
}
.text_image_left {
	float: left;
	margin: 9px 18px 9px 0px;
	text-align: center;
}

.text_image_left p, .text_image_right p  {
	margin-top: 3px;
	text-align: center;
	padding: 0;
}

.text_image_left img, .text_image_right img {
	border: 1px solid #c1c1c1;
	padding: 3px;
	background: #f9f9f9;
	-moz-box-shadow: 0px 2px 2px #212121;
	-webkit-box-shadow: 0px 2px 2px #212121;
	box-shadow: 0px 2px 2px #212121;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color="#212121")";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color="#212121");
}

.textholder {
	padding: 10px 0px;
	margin: 0px;
}

.lefttextimage {
	float: left; 
	margin-right: 10px; 
	border: 1px solid #c1c1c1;
}

.righttextimage {
	float: right; 
	margin-left: 10px; 
	border: 1px solid #c1c1c1;
}



.dmap {
	margin: 9px 0px;
	width: 540px;
	height: 300px;
	border: 1px solid #c1c1c1;
}



.submit_button {
	cursor: pointer;
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 15px;
	margin-bottom: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #01a2da;
	background: -moz-linear-gradient(90deg,#277ebc,#01a2da);
	background: -webkit-gradient(linear, left bottom, left top, from(#277ebc), to(#01a2da));
	border: 1px solid #277ebc;
	text-shadow: 1px 1px 1px #277ebc;
}

.submit_button:hover {
	color: #ffffff;
	text-decoration: none;
	background: #277ebc;
	background: -moz-linear-gradient(90deg,#08588d,#277ebc);
	background: -webkit-gradient(linear, left bottom, left top, from(#08588d), to(#277ebc));
	border: 1px solid #08588d;
	text-shadow: 1px 1px 1px #08588d;
}

#contactright {
	float: right;
	width: 460px;
}

#contactleft {
	float: left;
	width: 460px;
	border-right: 1px solid #c1c1c1;
}

.textinput, .smallinput, .phoneinput, .shortinput, .miniinput, textarea, select {
	color: #212121;
}

select {
	width:100%;
}

.shortinput {
	width: 140px;
	width:100%;
}

.textinput {
	width: 300px;
	width:100%;
	background: #ffffff;
}

.smallinput {
	width: 35px;
	width:100%;
	background: #ffffff;
}

.phoneinput {
	width: 150px;
	width:100%;
	background: #ffffff;
}
.codeinput {
	width: 75px;
	width:100%;
	background: #ffffff;
	color: #333333;
}

#contactform label {
	display: block;
}

#contactform select {
	color: #333333;
}

#contactform textarea {
	width:100%;
	height: 100px;
	background: #ffffff;
}

#codetable {
	width:100%;
}
#codetable .secimagetd {
	width: 125px;
	text-align: center;
}
#codetable .secimagetd img {
	border: 1px solid #c1c1c1;
}

.map {
	margin: 9px 0px;
	width:100%;
	height: 300px;
	border: 1px solid #c1c1c1;
}

.required, .requiredSelect {background: #FEF7CC;}



.faq {
	margin: 0px 0px;
}

.faq2 {
	border-bottom: 1px solid #c1c1c1;
	margin: 0px 0px;
}

.faqholder {
	position: relative;
	padding-left: 50px;
}

.faqtitle {
	position: absolute;
	top: 9px;
	left: 20px;
	font-weight: bold;
	color: #999999;
}



.imagetable {
	float: left;
	width: 145px;
	height: 145px;
	margin: 5px 10px 5px 0;
	text-align: center;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}
.imagetable.last {
	margin-right: 0;
}
#content_div .imagetable img {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}
.imagetable5 {
	float: left;
	width: 138px;
	height: 138px;
	margin: 5px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}
.bfimagetable {
	float: left;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	margin: 10px;
	text-align: center;
	cursor: pointer;
}
.bfimagetable td {
	width: 122px;
	height: 122px;
}
.cattable {
	float: left;
	width: 138px;
	height: 180px;
	margin: 10px;
	text-align: center;
}
.catimage {
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}

.subcat_text {
}
.subcat_images {
	float: right;
	width: 300px;
}



.linkholder {
	float: left;
	width: 290px;
	margin: 10px;
	position: relative;
	min-height: 120px;
	padding: 10px 0px 10px 160px;
}
.linkholder h4 {font-size: 20px;}
.linktable {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 138px;
	height: 138px;
	text-align: center;
}

.link2holder {
	margin: 10px 80px;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	min-height: 150px;
	padding: 10px 0px 10px 150px;
}

.link2table {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}



.link3holder {
	margin: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	min-height: 150px;
	padding: 10px 0px 10px 150px;
}

.link3table {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}

.link4holder {
	position: relative;
	min-height: 200px;
	text-align: center;
	width: 140px;
	float: left;
	margin-right: 10px;
}

.link4table {
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

.link5holder {
	margin: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	padding: 10px 0px 10px 0px;
}

.link5image {
	float: left; 
	width: 150px;
}

.link5table {
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}



.testimonialholder {
	padding: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	margin: 0px 80px 10px 80px;
}

.testimonial {
	
}

.author {
	text-align: right;
}



#blogholder {
	position: relative;
	padding-right: 240px;
	min-height: 400px;
}
.sidedivider {
	height: 1px;
	background: #cccccc;
	margin: 5px 10px;
}
#sidebar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 220px;
	padding: 5px 0px;
}
#sidebar h4 {
	padding-left: 20px;
}

#sidebar a {
	display: block;
	padding: 0px 0px 0px 30px;
}
#sidebar a:hover {
	color: #ffffff;
	text-decoration: none;
}

#commentform label {
	display: block;
	font-style: italic;
}

#commentform .textinput {
	background: #ffffff;
	border: 1px solid #c1c1c1;
	padding: 3px;
	width: 220px;
}

#commentform textarea {
	background: #ffffff;
	border: 1px solid #c1c1c1;
	padding: 3px;
	width: 300px;
	height: 75px;
}

.blogentry {
	padding: 10px 0px;
	border-top: 1px solid #c1c1c1;
}
.firstentry {
	border-top: none;
}
.readmore {
	text-align: right;
}

.date { color: #999999; font-style: italic; }

.comment1 {
	border: 1px solid #c1c1c1;
	background: #dfdfdf;
	margin: 5px 0px;
	padding: 10px 20px;
}

.comment2 {
	border: 1px solid #c1c1c1;
	background: #ffffff;
	margin: 5px 0px;
	padding: 10px 20px;
}



.doclink {
	margin-left: 80px;
	margin-right: 80px;
	padding-bottom: 9px;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom: 9px;
}



input#hp_field {
    border: solid 1px #dfdfdf;
    background-color: #dfdfdf;
    color: #dfdfdf;
    height: 0px;
    width: 0px;
}


/* Print Styles */
@media print {
    * {
    	font-family: Trebuchet MS, Arial, sans serif !important;
    }
    .siteFrame {
    		-webkit-box-shadow: none);
			box-shadow: none;
    }
}





header {
	background:#ffffff;
}

header,
footer,
main {
	float:left;
	width:100%;
	clear:both;
}

header {
	height:150px;
}

.content-div {
	padding:20px 0;
}

.nopadding,
.no-padding,
.noPadding {
	padding:0;
}

.supernav {
	position:absolute;
	top:0;
	width:100%;
	height:40px;
	line-height:40px;
	background:#1b74bf;
	background:rgba(28,54,76,0.9);
	z-index:300;
}

.supernav .anchSuperNav {
	color:#ffffff;
	background:transparent;
}

.supernav .anchSuperNav:hover,
.supernav .anchSuperNav.current {
	color:#ffffff;
	background:#1c364c;
}

h1#logo {
	margin:0;
	position:absolute;
	top:15px;
}

.divSupernavWrapper {
	float:right;
	height:40px;
	line-height:40px;	
}

.supernav a.anchSuperNav {
	display:inline-block;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	height:40px;
	line-height:40px;	
	padding:0 8px;
	background:transparent;
	-moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
	text-decoration:none;border-bottom:none;
}

.supernav a.anchSuperNav:hover {
	background:#1c364c;
	text-decoration:none;border-bottom:none;
}





.navcontainer {
	position:relative;
	top:40px;	
	height:110px;
	line-height:110px;
	background:url('../images/nav-bg.jpg');
	background-position:center;
}

.navcontainer a.anchMainNav {
	float:left;
	display:inline-block;
	font-family:'Roboto', sans-serif;
	font-size:20px;
	height:110px;
	line-height:110px;
	color:#212121;
	padding:0 12px;	
	-moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
	text-decoration:none;border-bottom:none;
}

.navcontainer a.anchMainNav:hover {
	color:#ffffff;
	background:#1c364c;
	background:rgba(28,54,76,0.8);
}


.navbar-toggle {
	margin:32px 15px;
	border:2px solid transparent;
}

.navbar-toggle:focus,
.navbar-toggle:active,
.navbar-toggle:hover {
	background:rgba(255,255,255,0.25);
}

.navbar-toggle .icon-bar {
	width:34px;
	height:4px;
	background:#ffffff;
	border:2px solid #165507;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top:6px;
}

nav .anchSandwichNav {
	display:block;
    font-family:'Roboto', sans-serif;
	font-size:21px;
    color:#212121;
    line-height: 1;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    text-decoration:none;border-bottom:none;
    border-bottom: 1px solid #efefef;
    -moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
}

nav .anchSandwichNav.current,
nav .anchSandwichNav:hover {
	border-bottom:1px solid #efefef;
	border-left:4px solid #165507;
	color:#1c364c;
	background:#f9f9f9;
}


.navbar-collapse {
	overflow:scroll;
	max-height:470px;
	max-height:75vh;
}

.divMobileNavWrapper {
	width:100%;
	position:relative;
	left:0;
}

.divMobileNavWrapper nav {
	position:absolute;
	width:100%;
	left:0;
	top:109px;
	background:#ffffff;
	padding:0;
	z-index:1030;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(33, 33, 33, 0.4);
					-moz-box-shadow:    0px 2px 5px 0px rgba(33, 33, 33, 0.4);
					box-shadow:         0px 2px 5px 0px rgba(33, 33, 33, 0.4);
}

@media (min-width:768px) {
	.navcontainer nav {
		display:inline-block;
		width:auto;
		float:right;
	}	
}

@media (max-width:767px) {
	.navcontainer > .container {
		padding:0;
	}
	
	nav .anchSandwichNav {
		padding-top:15px;
		padding-bottom:15px;
		font-size:21px;
	}
}

@media (max-width:365px) {
	
	.navbar-collapse {
		overflow:scroll;
		max-height:470px;
		max-height:66vh;
	}
	
	
	nav .anchSandwichNav {
		font-size:18px;
	}
}

a.anchTel {
	color:#ffffff;
	font-family:'Roboto Slab', sans-serif;
	font-weight:normal;
	text-decoration:none;border-bottom:none;
	padding:0 8px;
	-moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
	background:transparent;
	float:right;
	line-height:inherit;
	display:inline-block;
}

a.anchTel:hover {
	background:#1c364c;
}









footer {
	margin-top:30px;
}

.topFooter {
	background:#1c364c;
	color:#ffffff;
	height:40px;
	line-height:40px;
}

.footerNav {
	text-align:right;
}

.footerNav a {
	font-family:'Roboto', sans-serif;
	font-weight:300;
	font-size:20px;
	margin:0 6px;
	display:inline-block;
	padding:8px 10px;
	color:#212121;
	-moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
	text-decoration:none;border-bottom:none;
}

.footerNav a:hover,
.footerNav a.current {
	color:#165507;
}

.bottomFooter {
	padding:25px 0;
}


.lww {
	text-align:center;
	font-family:'Roboto', sans-serif;
    color: #212121;
    -moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
    text-decoration:none;border-bottom:none;
    opacity: 0.5;
	font-size:14px;
}

.lww a {
    color: #212121;
	text-decoration:none;border-bottom:none;
}

.lww:hover {
	opacity:0.8;
}
	
footer .anchFooterNav.members-only {
    font-family:'Roboto', sans-serif;
	font-weight:300;
    padding: 15px 40px;
    line-height: 1;
    font-size: 18px;
    text-shadow: none;
	color:#ffffff;
	text-decoration:none;border-bottom:none;
    margin:15px auto;
	float:right;
	display:inline-block;
    background: #165507;
    -moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
}

footer .anchFooterNav.members-only:hover {
	background:#1c364c;
	color:#ffffff;
	text-decoration:none;border-bottom:none;
}

@media (max-width:1023px) {
	
	.bottomFooter {
		text-align:center;
	}
	
	footer .anchFooterNav.members-only {
		float:none;
		margin:10px auto;
	}
}



.formLogin {
	margin-top:0px;
	position: relative;
    top: 310px;
}

@media (max-width: 991px) {
	.formLogin {
		top: 0px;
		left: 0px;
	}
}

.buttonOrangeSm,
.buttonGreenSm {
	font-family:'Roboto', sans-serif;
	font-weight:300;
	padding:15px 40px;
	line-height:1;
	font-size:18px;
	text-shadow:none;
	color:#ffffff;
	background:#165507;
	-moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
	
}

.buttonOrangeSm:hover,
.buttonOrangeSm.current,
.buttonGreenSm:hover,
.buttonGreenSm.current {
	background:#1c364c;
	color:#ffffff;
	
}

input[type=checkbox], input[type=radio] {
	margin-right:4px;
}

.form-control {
	font-size: 16px;
    color: #666666;
    width: 100%;
    height: 52px;
    border-bottom: 1px solid #666666;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
}


.historyItem {
	margin:0;
	padding:15px 0;
}

.historyItem + .historyItem {
	border-top:1px solid #d8d8d8;
}

.divHistoryDetail-bottom {
	padding-right:15px;
}

.divHistoryDetail-top {
	border:1px solid #d8d8d8;
	padding:10px;
	margin-bottom:10px;
}



.divFilter {
	text-align:center;
	padding:7.5px;
}

.divFilterInner {
	clear:both;
	padding:15px;
	background:#f9f9f9;
	border:1px solid #efefef;
}

h6 {
	font-size:14px;
}

h3.filterHeader {
	margin:0;
}

.divFilter h6 {
	margin-top:0;
}

.divFilter a {
	float:none;
	margin:auto;
}

.divFilter a.buttonOrangeSm,
.divFilter a.buttonGreenSm,
.divLinkHolder a.buttonOrangeSm,
.divLinkHolder a.buttonGreenSm  {
	padding:15px 0;
	text-align:center;
}

.divFilterWrapper a.btnReset {
	color:#1b74bf;
	display:inline-block;
}

.divLinkHolder a {
	width:100%;
	text-align:center;
	margin:0;
	white-space:nowrap;
} 

.divReturnColumn + .divReturnColumn {
	border-left:1px solid #efefef;
}

.divReturnColumn hr {
	margin-top:7.5px;
	margin-bottom:10px;
	background-color:#efefef;
	color:#efefef;
}

.divReturnColumn hr + hr,
.divReturnColumn hr:last-of-type {
	display:none;
}

.divReturnColumn .subGroup {
	border-left:none;
}

.inquiryForm {
	background:#f9f9f9;
	margin-top:30px;
	float:left;
	border-radius:0;
	border:1px solid #efefef;
}

.footerlogo img {
	width:220px;
	max-width:100%;	
}




a.showDetails.active {
	background:#1c364c;
	color:#ffffff;
	text-decoration:none;border-bottom:none;
}

.memberList > li {
	margin-left:15px;
}

.divCompanyInfo {
	margin:20px auto;
}



.filtertable {
	border:1px solid #d8d8d8;
}

.filtertable td {
	background: #f9f9f9;
	border:1px solid #d8d8d8;
	padding:2px 5px;
}

.divFilter p {
	text-align:center;
	font-weight:bold;
	padding:15px 0;
	font-size:18px;
}

.filtertable th {
	border: 1px solid #d8d8d8;
}

.filtertable td.center,
.filtertable th.center {
	text-align:center
}

.filtertable td 
	border: 1px solid #efefef;
	padding: 5px;
}


.divPassWrapper {
	display:block;
	margin:15px;
	text-align:center;
}

.divBackBtnWrapper {
	display:block;
	padding:15px;
}

.divBackBtnWrapper a {
	color:#666666;
	font-size:14px;
	border-bottom:1px solid #666666;
}

.divUserDetails {
	clear:both;
	margin-top:15px;
}

.divUserDetails span {
	font-size:14px;
	text-align:right;
}

.divUserDetails span.bold {
	font-size:18px;
	margin-right:10px;
}

.divUserDetails span.logout {
	float:right;
	display:block;
	width:100%;
	clear:both;
	margin-top:5px;
}


.bold {
	font-weight:bold;
}


	.loginSection {
		display: flex;
    	justify-content: space-evenly;
	}

	.loginSection .buttonOrangeSm, .loginSection .buttonGreenSm {
		font-weight: 700;
		text-transform: uppercase;
		font-size: 16px;
	}

	.formLogin {
		margin-top: -15px;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
	}

	@media (max-width: 767px) {
		.loginSection {
			flex-direction: column;
		}

		.loginSection > div {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.formLogin {
			margin-top: -15px;
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			max-width: 300px;
		}

			.loginSection .buttonOrangeSm, .loginSection .buttonGreenSm {
				padding: 15px 10px;
			}
	}



.ta-c {
	text-align:center;
}

form p {
	display:block;
	width:100%;
	clear:both;
	float:left;
}

.f-justify-center {
	-webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.d-flex {
  	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;	
}

.f-nowrap {
	-webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.f-align-center {
	-webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-content-center {
	-webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.f-center-all {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;	
}

/* text fields / textarea */
.group {
	width:100%;
    position: relative;
	margin-top:15px;
    margin-bottom: 15px;
}

.group input {
	width:100%;
    padding: 17px 10px 8px 5px;
    display: block;
    border: 1px solid #efefef;
    border-bottom: 1px solid #1c364c;
}

.group input.mandatory {
	background:#fcf8e3;
}

.group input:focus {
    outline: none;
    border: 1px solid #efefef;
    border-bottom: 1px solid #1c364c;
}

.group textarea {
	width:100%;
    display: block;
    border: 1px solid #efefef;
    border-bottom: 1px solid #1c364c;
	font-size:16px;
	padding-top:17px;
	min-height:175px;
	resize:none;
}

/* textfield label */
.group label {
	background:transparent;
    color: #666666;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
	border:none;
	padding:0;
	font-size:16px;
    -moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
}

/* active state */

.group input:focus ~ label, .group.used input ~ label,
.group textarea:focus ~ label, .group.used textarea ~ label {
    top: -15px;
    font-size: 13px;
}


/* BOTTOM BARS ================================= */
.group .bar {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
}
.group .bar:before, .group .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #1c364c;
    -moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
}
.group .bar:before {
    left:0;
}
.group .bar:after {
    right:0;
}

/* active state, half of input width */
input:focus ~ .bar:before, input:focus ~ .bar:after,
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
    width: 50%;
    max-width: 100%;
}



@media (min-width:1024px) and (max-width:1199px) {
	
	.supernav > .container,
	.navcontainer > .container {
		padding:0 5px;
		width:100%;
	}
	
	h1#logo {
		width:235px;
		top:44px;
	}

	h1#logo img {
		width:auto;
		max-width:235px;
	}
	
	
	.navcontainer a.anchMainNav {
		padding:0 12px;
	}	
	
	.footerNav a {
		font-size:18px;
		padding-left:3px;
		padding-right:3px;
	}
	
}

@media (min-width:768px) and (max-width:1023px) {
	
	.supernav > .container,
	.navcontainer > .container {
		padding:0 5px;
		width:100%;
	}
	
	h1#logo {
		width:235px;
		top:44px;
	}

	h1#logo img {
		width:auto;
		max-width:235px;
	}
	
	.navbar-collapse,
	.navbar-collapse.collapsing
	.navbar-collapse.collapsing.in,
	.navbar-collapse.collapse.in,
	.navcontainer nav {
		width:100%;
		-moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
	}
	
	.navcontainer nav.divNavWrapper {
		display:none !important;
	}

	.navcontainer .divMobileNavWrapper {
		display:block !important;
	}
	
	.navbar-collapse.collapse {
		display:none !important;		
		width:100%;
		-moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
	}
	
	.navbar-collapse.in {
		display:block !important;
		width:100%;
		-moz-transition: all 0.28s ease;
					-o-transition: all 0.28s ease;
					-webkit-transition: all 0.28s ease;
					transition: all 0.28s ease;
	}
	
	.navbar-toggle {
		display:block;
	}
	
	.divMobileNavWrapper {
		float:right;
		width:50%;
	}
	
	
	
	.navcontainer a.anchMainNav {
		font-size:17px;
		padding-left:7.5px;
		padding-right:7.5px;
		
	}
	
	.footerNav,
	.footerlogo {
		text-align:center;
		margin-bottom:15px;
	}
}




@media (max-width:767px) {
	
	
	h1#logo {
		width:235px;
		top:44px;
		left:7.5px;
	}

	h1#logo img {
		width:auto;
		max-width:235px;
	}	
	
	.divFilterInner,
	.divLinkHolder  {
		margin-bottom:15px;
	}
	
	.divUserDetails {
		margin-top:30px;
		margin-top:0;
		width:100%;
		text-align:center;
	}
	
	.divUserDetails span {
		text-align:center;
	}
	
	.content-div,
	.content-div p,
	table td,
	table p,
	table {
		font-size:16px;
	}
	
	.filtertable td {
		padding:10px; 
		white-space:nowrap;

}