html {color:#555;}

#bodycontainer {background-color:#111}

#header {background-color:#fff}

#headercontainer,#footercontainer,
#contentcontainer, #ctablock {width:960px;margin-left:auto;margin-right:auto;}

#headerleft {width:310px;padding:10px 0px 15px 15px;float:left;}
#headerright {width:620px;float:right;text-align:right;padding-top:55px}
#socialicons {padding:15px 30px 15px 0px;text-align:right;}
#socialicons a {opacity:1.0;filter: alpha(opacity=100);}
#socialicons a:hover {opacity:.80;filter: alpha(opacity=80);}

#header {border-bottom:6px solid #86C7ED}

#sitewrapper {background-color:#fff}

#contentleft {width:700px;background-color:#fff}
#contentright {width:260px;background-color:#eee;padding:0px 15px 15px 15px;}
#contentright h3 {font-size:26px}
#contentright p {color:#777}
#contentfull {width:960px}

.contentmargins {margin:0;padding:20px;}

.contentimg {
   float:right;
   width:240px;
   height:auto;
   border-radius:5px;
   margin:20px 0px 25px 35px;
}

.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footerband {
	padding:10px;
	color:#aaa;
	line-height:1.6em;
}

#footerband p, #footerband a {color:#aaa}

#footerleft {width:400px;padding-top:20px;float:left;}
#footerright {width:300px;float:right;text-align:center;}
#footerleft p {margin:0 0 .5em 0}

#ctaband {padding:30px;background-color:#397db6;}
#ctaband p {float:left;display:block;color:#fff;font-size:20px;line-height:1.3em;}
#ctaband .csbutton {float:right;margin-top:12px;}

body {margin:0px;height:100%;}
body {font-family: Helvetica,Arial,Sans-Serif;line-height:1.4em}

hr {height: 1px;color:#666666;background-color:#666666;}

h1,h2,h3,h4,h5 {color:#333;padding-top:.3em;margin-bottom:.3em;line-height:1.3em}

h1 {font-size:28px;font-weight:normal;color:#0159a2;margin-bottom:16px;}
h2 {font-size:28px;font-weight:normal;color:#555;margin-bottom:16px;}
h3 {font-size:22px;color:#555;font-weight:normal}
h4,h5 {font-size:18px;color:#555;font-weight:normal}
p {font-size:15px;}
a {color:#0159a2}

#bodycontainer .admin_bar a {color:#eee}

.csbutton, .cssmallbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight:bold;
	padding: 6px 18px 6px 18px;
	color:#fff !important;
	text-shadowx: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.cssmallbutton {
	font-size:13px;
	padding:3px 12px 3px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.csbutton:hover {
	text-decoration: none;
}

.csbutton:active {
	position: relative;
	top: 1px;
}


/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


.green {
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}


li {line-height:1.7em}

.location_header a {text-decoration:none;}

.reverse_heading {  background-color:#EDE8EE;
      color:#76437D;
      font-size:12pt;
      font-weight:bold;
      padding:4px;
      margin:3px 0px 3px 0px;
}

img {border:none}

.listwrapper {
  border-radius:6px;
  padding:10px;
  background-color:#DBEDD1;
}

.unshaded {background-color:#fff}
.shaded {background-color:#eafde1}

#leadform label {display:block;font-weight:bold;color:#555;padding:4px 0px 2px 2px;}

/*** ESSENTIAL MENU STYLES ***/


#menublock {
	height:30px;
	float:right;
	width:560px;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu {
	line-height:1.4;
	text-align:left;
}

#menublock .sf-menu {
	float: right;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:	100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
	color:			#555;
	background-color:	#fff;
	text-transform: 	uppercase;
	border-radius:		4px;
	-moz-border-radius:	4px;
	-webkit-border-radius:	4px;
	margin-right:		0px;
	margin-bottom:		1px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			31px; /* match top ul list item height */
	z-index:		15000;
	background-color:	#eee;
        border-radius:		4px;
        -moz-border-radius:	4px;
        -webkit-border-radius:	4px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}

.sf-menu li li a {background-color:#eee}

/*** CUSTOM SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0px;
}
.sf-menu a {
	padding: 		5px 13px;
	text-decoration: none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#555;
	font-weight:	bold;
	font-size:		14px;
}

.sfcurrent {
	color:#fff;
	background-color: #2C3D78 !important;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#e1edfb;
	color:			#000;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	1.75em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 		-999em;
	overflow:		hidden;
	background:		url('javascript/superfish-1.4.8/images/arrows-999999.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

.sf-menu ul {line-height:1.4em}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


@keyframes slideup50 {
  from {transform:translate(0px, 50px)}
  to   {transform:translate(0px, 0px)}
}

#ctablock {animation:slideup50 1s;}

img.disabled {
cursor: not-allowed;
opacity: .30;
}

