@charset "UTF-8";
/* CSS Document */

#cse .gsc-input{
font-size: 1em!important;
}

.featurepanel{
	background: #ffffff!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec))!important;
	background: -moz-linear-gradient(top,  #ffffff,  #ececec)!important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec')!important;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
-o-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
-ms-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
box-shadow: 0 5px 10px rgba(0,0,0,0.3);
overflow: hidden;
margin: 0;
padding: 1em;
border: 1px solid #ececec;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
clear: both;
}

.featurepanel h2{
margin-top: 0!important;
}

.featurepanel img{
margin:  0.25em auto;
}

#savesettings .radiolabel{
margin: 0!important;
padding: 0 20px 0.5em 0!important;
diaply: block;
}
#savesettings .radiolabel input{
margin: 0 0.5em 0 0!important;
padding: 0!important;
display: block;
float: left;
}

/* Start skip nav */

a#skip1:link, a#skip1:visited {
	left: -9999px;	
	top: -9999px; 
	position: absolute; 
	z-index: 999;
	margin: 0;
}
a#skip1:focus, a#skip1:hover, a#skip1:active {
	position: absolute; 
	top: 15px;
	left: 500px;
	text-align: left;
	display: inline-block;
	margin: 0!important;
	padding: 5px;
background: #36c;
	height: 1.2em; 
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #fff; 
	text-decoration: none;
	z-index: 9999;
	outline: none;
}
a#skip2:link, a#skip2:visited {
	left: -9999px;	
	top: -9999px; 
	position: absolute; 
	z-index: 999;
	margin: 0;
}
a#skip2:focus, a#skip2:hover, a#skip2:active {
	width: 230px;
margin: 0;
padding: 10px 10px 10px 20px;
position: absolute; 
	top: 0px;
	left: 0px;
	text-align: left;
	display: inline-block;
background: #36c;
	height: 1.4em; 
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #fff; 
	text-decoration: none;
	z-index: 9999;
	outline: none;
}

/* End skip nav */



.cookie{
position: absolute;
border: 1px solid #f90;
color: #fff;
top: 40px;
left: 350px;
padding: 10px;
background: #666;
}

/* /////////// twitter ///////////////*/


.twitterholder{
position: relative;
display: block;
margin: 0 auto;
padding: 0;
width: 760px;
background: #39c;
font-family: arial, helvetica, sans-serif;
overflow: hidden;
position: absolute;
right: 0;
top: 182px;
zoom: 1;
}

p.twitterlogo a{
margin: 0;
padding: 10px 0;
display: block;
width: 45px;
min-height: 100%;
text-decoration: none;
background: #5cd6f5 url(images/tweetie.gif) center left no-repeat;
}

p.twitterlogo{
position: relative;
margin: 0;
padding: 0;
display: block;
font-size: 10px;
line-height: 1.2em;
float: left;
width: 45px;
background: url(images/twitter-tab-back.gif) center left repeat-x;
z-index: 51!important;
zoom: 1;
}


.follow{
position: absolute;
top: 0;
left: -200px;
margin: 0;
padding: 10px;
display: block;
float: left;
background: url(images/follow-tab-back.gif) center left repeat-x;
font-size: 10px;
line-height: 1.2em;
z-index: 10;
zoom: 1;

}

.hide{
position: absolute;
top: 0;
left: -200px;
margin: 0;
padding: 10px;
display: block;
float: left;
background: url(images/follow-tab-back.gif) center left repeat-x;
font-size: 10px;
line-height: 1.2em;
z-index: 50;
zoom: 1;

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}

.show{
position: absolute;
top: 0;
left: 45px!important;
margin: 0;
padding: 10px;
display: block;
float: left;
background: url(images/follow-tab-back.gif) center left repeat-x;
font-size: 10px;
line-height: 1.2em;
z-index: 10;
zoom: 1;


-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.follow a:link, 
.follow a:visited,
.hide a:link, 
.hide a:visited,
.show a:link,
.show a:visited
{
color: #fff;
text-decoration: none;
}


#twitter_update_list{
margin: 0 0 0 45px;
padding: 0;
list-style: none;
display: block;
z-index: 1;
}

#twitter_update_list li{
margin: 0;
padding: 10px;
display: block;
font-size: 10px;
line-height: 1.2em;
color: #fff;
background: url(images/twitter-pointer.gif) center left no-repeat;
z-index: 1;
}

#twitter_update_list li a{
color: #fff;
}

#twitter_update_list li a{
display: none;
}


#twitter_update_list li span a:link,
#twitter_update_list li span a:visited{
display: inline-block;
}

#twitter_update_list li span a:hover,
#twitter_update_list li span a:active,
#twitter_update_list li span a:focus{
display: inline-block;
color: #36c;
background: #fff;
text-decoration: none;
}


.clearboth{
margin: 0;
padding: 0;
clear: both;
height: 0;
}

.tweet-edge{
height: 1px;
background: #ccc;
}


/* /////////// access ///////////////*/

#topnav{
overflow: visible!important;
}

li.accesslink{
height: 4.5em;
}
.txt.access a{
position: relative;
}

.access-settings{
margin: 0;
padding: 5px 0 10px 0;
position: absolute;
top: -99999px;
left: -99999px;
display: block!important;
overflow: visible;
list-style: none;
background: #36c;
z-index: 9999!important;
zoom: 1;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
-o-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
-ms-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
box-shadow: 0 3px 3px rgba(0,0,0,0.5);
}

.access-settings.visible{
top: 50px!important;
left: 0!important;
}

.access-settings:before{
content: "";
position: absolute;
display: block;
height: 10px;
width: 0px;
top: -20px;
left: 20px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #36c;
}



#topnav .access-settings li{
margin: 0!important;
padding: 0!important;
display: block;
float:left;
clear: both!important;
font-size: 1em;
}

#topnav .access-settings li a:link,
#topnav .access-settings li a:visited{
margin: 0!important;
padding: 4px 8px 4px 8px!important;
color: #fff;
text-decoration: none;
}


#topnav .access-settings li a:hover,
#topnav .access-settings li a:active,
#topnav .access-settings li a:focus{
margin: 0!important;
padding: 4px 8px 4px 8px!important
color: #fff;
text-decoration: underline;
}

#topnav .access-settings li.current a:link,
#topnav .access-settings li.current a:visited{
margin: 0;
padding: 4px 8px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

#topnav .access-settings li.current a:hover,
#topnav .access-settings li.current a:active,
#topnav .access-settings li.current a:focus{
margin: 0;
padding: 4px 8px;
color: #fff;
text-decoration: underline;
font-weight: bold;
}

li.txt a.current:link,
li.txt a.current:visited,
li.txt a.current:hover,
li.txt a.current:active,
li.txt a.current:focus{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
text-decoration: none!important;
-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
-o-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
-ms-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background: #ff7b00!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb700), to(#ff7b00))!important;
	background: -moz-linear-gradient(top,  #ffb700,  #ff7b00)!important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb700', endColorstr='#ff7b00')!important;
}

/* /////////////////////////////////*/


body{
margin: 0;
padding: 0;
background: #339 url(images/background.gif) top left repeat-x;
font-family: arial, helvetica, sans-serif;
}

/* /// VIDEOS /// */

.viditem{
margin: 1em 0;
padding: 10px 0;
border-bottom: 1px solid #ccc;
overflow: hidden;
}

.viditem h3,
.viditem p{
padding-left: 140px!important;
}

a:link .vidthumb,
a:visited .vidthumb{
margin: 0 1em 0 0;
float: left;
border: 4px solid #333;
}

a:hover .vidthumb,
a:active .vidthumb,
a:focus .vidthumb{
margin: 0 1em 0 0;
float: left;
border: 4px solid #36c;
}

.eventhead .visubutton.h2right{
float: right;
font-size: 0.6em!important;
}


/* ////////////// */

.addimgpadd img{
margin: 10px 0!important;
}

.addimgpadd .addvertwht{
border-right: 2px solid #fff;
}

.blogdate{
margin-top: -1em!important;
margin-bottom: 2em!important;
padding: 5px!important;
background: #ececec;
}

.blogdate.ceocomments{
margin-top: -0.5em!important;
margin-bottom: 1em!important;
padding: 0px!important;
background: none;
font-size: 0.7em!important;
}

.withcaption{
margin: 1em 0;
padding: 0;
display: block;
width: inherit;
}
.withcaption .caption{
padding: 5px;
font-size: 0.8em;
font-weight: bold;
display: inline-block!important;
clear: both!important;
background: #333!important;
color: #fff!important;
}

a:focus{
outline: none;
}

img.left{
float: left;
margin: 0 1em 1em 0;
}
/* //////////////  SEARCH FORM  ///////////////// */

#qwords:focus{
background: #ffc!important;
}


#searchForm{
margin: 0;
padding: 0 4px 0 0;
display: block;
position: absolute;
top: 55px;
right: 0px;
font-family: arial, helvetica, sans-serif;
z-index: 888!important;
zoom: 1;
}

#qwords{
	padding: 0.2em;
margin: 0 0.5em 0 0;
font-family: arial, helvetica, sans-serif;
fot-size: 0.8em;
border: 1px solid #fff;
}

#searchForm .radiogroup{
clear: both;
margin: 0;
padding: 5px 0;
color: #fff;
font-size: 0.8em;
}


/* /////////////////////////////////////// */

.clearboth{
margin: 0;
padding: 0;
height: 0;
clear: both;
}

.hidden{
position: absolute;
top: -99999px;
left: -99999px;
}


img.right{
float: right;
margin: 0 0 1em 1em!important;
display: block;
zoom: 1;
}
img.border{
padding: 4px;
border: 1px solid #ccc!important;
}

img.shadow{
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-o-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

hr{
margin: 1em 0;
padding: 0;
border: none;
background: #ccc;
height: 1px;
clear: both;
}

#outercontainer{
position: relative;
margin: 0 auto;
padding: 0;
display: block;
overflow: hidden;
width: 1020px;
zoom: 1;
}

#container{
position: relative;
margin: 0;
padding: 0;
background: #fff url(images/leftcol-back.gif) top left repeat-y;
display: block;
zoom: 1;
overflow: hidden;
}

/* //////////////  HEADER  ///////////////// */

#header{
position: relative;
margin: 0;
padding: 0;
height: 120px;
background: url(images/header-back.gif) top center no-repeat;
zoom: 1;
overflow: visible;
z-index: 100;
}

#header p{
margin: 0;
padding: 0;
}

#logo{
margin: 0;
padding: 0;
width: 260px;
height: 120px;
display: block;
}

#logo a:link,
#logo a:visited{
margin: 0;
padding: 0;
width: 260px;
height: 120px;
display: block;
background: url(images/logo-sprite.gif) top left no-repeat;
}

#logo a:hover,
#logo a:active,
#logo a:focus{
margin: 0;
padding: 0;
width: 260px;
height: 120px;
display: block;
background: url(images/logo-sprite.gif) bottom left no-repeat;
}

#topnav{
margin: 0;
padding: 18px 0 0 0;
position: absolute;
top: 0;
right: 0;
overflow: visible;
list-style: none;
z-index: 500!important;
}

#topnav li{
margin: 0;
padding: 0;
display: block!important;
float: left;
font-size: 0.7em;
line-height: 1.2em;
}

#topnav li a:link,
#topnav li a:visited{
margin: 0 2px;
padding: 1px 8px;
display: block;
float: left;
color: #fff;
text-decoration: none;
zoom: 1;
}


#topnav li a:hover,
#topnav li a:active,
#topnav li a:focus{
margin: 0 2px;
padding: 1px 8px;
display: block;
float: left;
color: #fff;
text-decoration: underline;
zoom: 1;
}

#topnav li.lineleft{
border-left: 1px solid #fff;
}





#topnav li.facebook a:link,
#topnav li.facebook a:visited{
position: relative;
margin-top: -18px;
width: 18px;
height: 44px;
background: url(images/social-sprite.gif) top left no-repeat;
}

#topnav li.facebook a:hover,
#topnav li.facebook a:active,
#topnav li.facebook a:focus{
position: relative;
margin-top: -18px;
width: 18px;
height: 44px;
background: url(images/social-sprite.gif) top left no-repeat;
background-position: 0px -44px;
}

#topnav li.twitter a:link,
#topnav li.twitter a:visited{
position: relative;
margin-top: -18px;
width: 18px;
height: 44px;
background: url(images/social-sprite.gif) top left no-repeat;
background-position: -33px top;
}

#topnav li.twitter a:hover,
#topnav li.twitter a:active,
#topnav li.twitter a:focus{
position: relative;
margin-top: -18px;
width: 18px;
height: 44px;
background: url(images/social-sprite.gif) top left no-repeat;
background-position: -33px -44px;
}

#topnav li.youtube a:link,
#topnav li.youtube a:visited{
position: relative;
margin-top: -18px;
padding-right: 0;
width: 20px;
height: 44px;
background: url(images/social-sprite.gif) top left no-repeat;
background-position: -66px top;
}

#topnav li.youtube a:hover,
#topnav li.youtube a:active,
#topnav li.youtube a:focus{
position: relative;
margin-top: -18px;
padding-right: 0;
width: 20px;
height: 44px;
background: url(images/social-sprite.gif) top left no-repeat;
background-position: -66px -44px;
}

/* ////////////////////////////////////////// */

#leftcol{
position: relative;
margin: 0;
padding: 0;
float: left;
display: block;
width: 260px;
z-index: 100!important;
zoom: 1;
}



#today{
width: 230px;
margin: 0;
padding: 10px 10px 10px 20px;
background: #000;
display: block;
color: #fff;
font-size: 0.8em;
}

#nav{
margin: 0 0 50px 0;
padding: 0;
display: block;
list-style: none;
border-bottom: 1px solid #262673;
}

#nav li{
margin: 0;
padding: 0;
display: block;
font-size: 0.8em;
zoom: 1;
}

#nav li a:link,
#nav li a:visited{
margin: 0;
padding: 8px 10px 8px 20px;
color: #9cf;
text-decoration: none;
font-weight: bold;
display: block;
border-bottom: 1px solid #000;
border-top: 1px solid #262673;
zoom: 1;
}
#nav li a:hover,
#nav li a:active,
#nav li a:focus{
margin: 0;
padding: 8px 10px 8px 20px;
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
background: #2c2c6d;
zoom: 1;
}
#nav li.current{
position: relative;
}


#nav li.current a:link,
#nav li.current a:visited,
#nav li.current a:hover,
#nav li.current a:active,
#nav li.current a:focus{
margin: 0;
padding: 8px 10px 8px 20px;
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
border-bottom: none;
width: 230px;
zoom: 1;
background: transparent url(images/hilighted-back.gif) center left repeat-x;
-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
-o-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
-ms-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#nav li.current:after{
width: 20px;
height: 2.45em;
margin: 0 auto;
content: "";
position: absolute;
top: 1px;
right: -20px;
background: url(images/nav-pointer.png) center left no-repeat;;
}




#missionholder{
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
height: 182px;
overflow: hidden;
background: #f60 url(images/left-shadow.gif) top left repeat-y;
zoom: 1;
width: 760px;
}

.missionstatement{
margin: 0;
padding: 20px 410px 20px 20px;
color: #fff;
display: block;
float: left;
background: url(images/mission-image.jpg) bottom right no-repeat;
height: 142px;
width: 330px;
}

.missionstatement h1{
margin: 0 0 0.5em 0;
font-size: 1.4em;
}


.missionstatement p{
margin: 0;
padding: 0;
font-size: 0.82em;
line-height: 1.4em;
}

.missionimage{
float: right;
}

#content{
position: relative;
display: block;
margin: 0;
padding: 20px;
width: 720px;
float: right;
z-index: 0;
zoom: 1;
}

#content.home{
margin-top: 214px;
}

#content h1{
margin: 0 0 1em 0;
padding: 0;
color: #36c;
font-size: 1.6em;
}

#content h2{
margin: 1.5em 0 0.5em 0;
padding: 0;
font-size: 1.2em;
color: #333;
}

img.h2{
margin-top: 1.5em!important;
}

#content h3{
margin: 1em 0 0.5em 0;
padding: 0;
font-size: 1em;
color: #333;
}

img.h3{
margin-top: 1em!important;
}


#content h4{
margin: 0.5 0 0.5em 0;
padding: 0;
font-size: 0.9em;
color: #333;
}

#content p{
margin: 0 0 1em 0;
padding: 0;
font-size: 0.8em;
color: #333;
line-height: 1.3em;
}


.plaintxt{
font-weight: normal;
font-size: 80%;
}

.profilebox{
margin: 2em 0 1em 0;
padding: 0 0 1em 0;
position: relative;
display: block;
overflow: hidden;
zoom: 1;
}

.profilebox h3{
margin: 0!important;
display: block;
padding: 0 0 0.5em 0!important;
float-left;
border-bottom: 1px solid #ccc;
width: 560px;
position: absolute;
bottom:1em;
right:0;
}
.profilebox img{
margin: 0 0 0 5px;
display: block;
float: left;
}

#content ul{
margin: 0.5em 0 0.5em 2.5em;
padding: 0;
font-size: 0.8em;
color: #333;
 zoom: 1;
}

#content ol{
margin: 0.5em 0 0.5em 2.5em;
padding: 0;
font-size: 0.8em;
color: #333;
 zoom: 1;
}

#content li{
margin: 0 0 0.3em 0;
}

#content a:link,
#content a:visited{
color: #36c;
text-decoration: underline;
}

#content a:hover,
#content a:active,
#content a:focus{
background: #36c;
color: #fff;
text-decoration: none;
}


.paper{
margin: 3em auto;
padding: 60px 40px;
display: block;
border: 1px solid #ececec;
width: 400px;
	background: #ffffff!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec))!important;
	background: -moz-linear-gradient(top,  #ffffff,  #ececec)!important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec')!important;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
-o-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
-ms-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
box-shadow: 0 5px 10px rgba(0,0,0,0.3);

/*
-moz-transform: rotate(5deg) translate(0px, 0px);
-webkit-transform: rotate(5deg) translate(0px, 0px);
-o-transform: rotate(5deg) translate(0px, 0px));
-ms-transform: rotate(5deg) translate(0px, 0px));
transform: rotate(5deg) translate(0px, 0px);
*/
}




/* Table
------------------------------*/

table{
	margin: 0 0 1em 0;
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table caption{
	margin: 0;
	padding: 5px 0.4em 5px 0;
	text-align: right;
	font-size: 0.65em;
	color: #333;
	font-style: italic;
}
table th{
	margin: 0;
	padding: 0.4em;
	background: #ececec;
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table th.blank{
	margin: 0;
	padding: 0.4em;
	background: #fff;
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
	color: #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table td{
	margin: 0;
	padding: 0.4em;
	font-size: 0.8em;
	text-align: left;
	color: #333;	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table td.currency{
	text-align: right;
}

table td p{
	margin: 0;
	padding: 0;
}

table tr:hover{     
	background: #ececec;
}




/* ////// START 3 cols ///// */

.thirdcol{
margin: 0 0 0 20px;
padding: 0;
width: 220px;
display: block;
float: left;
background: #fff;
}

.thirdcol h2{
margin: 0 0 20px 0!important;
padding: 0;
color: #f60!important;
font-size: 0.9em!important;
}

.thirdcol.nopad{
margin-left: 0!important;
}

/* ////// START News items ///// */

#newspanel, #eventspanel{
margin: 0;
padding: 0;
display: block;
border: 1px solid #ccc;
height: 220px;
overflow: hidden;
}

#newspanel .item, #eventspanel .item{
margin: 0;
padding: 10px;
display:block;
width: 198px;
height: 176px;
}

#newspanel h3, #eventspanel h3{
margin: 0 0 0.5em 0;
padding: 0;
font-size: 0.8em;
clear: both;
}

#newspanel p, #eventspanel p{
margin: 0 0 0.5em 0;
padding: 0;
font-size: 0.7em;
color: #333;
}

#newspanel .ref{
margin: 10px 0;
background: #999;
color: #fff;
font-weight: bold;
font-size: 0.7em;
padding: 1px 4px;
}

#newspanel .more a:link,
#newspanel .more a:visited{
text-decoration: none;
color: #36c;
}


#newspanel .more a:hover,
#newspanel .more a:active,
#newspanel .more a:focus{
text-decoration: none;
background: #36c;
color: #fff;
}

#newspanel .more a:after{
width: 0;
height: 0;
margin: 0;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff; /*cannot use transparent with IE6 */
border-left: 5px solid #36c;
content: "";
font-size: 0px;
position: relative;
top: -4px;
left: 5px;
}


#newsnav, #eventsnav{
margin: 10px auto;
width: 39px;
}

#newsnav a:link,
#newsnav a:visited,
#eventsnav a:link,
#eventsnav a:visited{
text-indent: -999px;
display: block;
width: 13px;
height: 13px;
background: url(images/slide-nav.gif) top right no-repeat;
float: left;
}

#newsnav a:hover,
#newsnav a:active,
#newsnav a:focus,
#eventsnav a:hover,
#eventsnav a:active,
#eventsnav a:focus{
text-indent: -999px;
display: block;
width: 13px;
height: 13px;
background: url(images/slide-nav.gif) top left no-repeat;
float: left;
}

#newsnav a.activeSlide:link,
#newsnav a.activeSlide:visited,
#newsnav a.activeSlide:hover,
#newsnav a.activeSlide:active,
#newsnav a.activeSlide:focus,
#eventsnav a.activeSlide:link,
#eventsnav a.activeSlide:visited,
#eventsnav a.activeSlide:hover,
#eventsnav a.activeSlide:active,
#eventsnav a.activeSlide:focus{
text-indent: -999px;
display: block;
width: 13px;
height: 13px;
background: url(images/slide-nav.gif) top center no-repeat;
float: left;
}

#eventspanel .dateline{
margin: 0;
padding: 0;
text-align: center;
display: block;
height: 70px;
}

#eventspanel .datetag{
width: 40px;
height: 50px;
position: relative;
display: inline-block;
text-align: center;
border: 1px solid #ccc;
margin: 0;
padding: 2px;
}

#eventspanel .datetag .day{
margin: 0;
padding: 0;
height: 12px;
background: #36c;
display: block;
font-size: 0.7em;
color: #fff;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
}

#eventspanel .datetag .date{
margin: 0;
padding: 0;
height: 26px;
background: #fff!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff))!important;
	background: -moz-linear-gradient(top,  #ececec,  #ffffff)!important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff')!important;
	background: linear-gradient(top, #ececec 0%, #ffffff 100%);
	
display: block;
font-size: 2em;
color: #36c;
line-height: 27px;
font-weight: bold;
text-transform: uppercase;

}

#eventspanel .datetag .month{
height: 12px;
background: #36c;
display: block;
font-size: 0.7em;
color: #fff;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
}

#eventspanel .to{
margin; 0;
padding: 0;
width: 38px;
height: 50px;
display: inline-block;
background: url(images/to-arrow.gif) center center no-repeat;
}


#eventspanel h3 a:link,
#eventspanel h3 a:visited{
color: #36c;
text-decoration: none;
}


#eventspanel h3 a:hover,
#eventspanel h3 a:active,
#eventspanel h3 a:focus{
background: #36c;
color: #fff;
text-decoration: none;
}

#homevideo p{
margin: 10px 0;
text-align: center;
font-size: 0.7em;
}


.lineleft{
border-left: 1px solid #000;
}

/* ////// START NEWSLETTER HOLDER ///// */

.twocol{
width: 460px;
}

.newsletterpanel{
margin: 10px 0;
padding: 10px 160px 10px 10px;
background: #ececec url(images/daap-newsletter.gif) center right no-repeat;
background-position: 300px center;
border: 1px solid #ccc;
display: block;
float: left;
}

.newsletterpanel h2{
margin: 0 0 0.5em 0!important;
padding: 0;
color: #f60!important;
font-size: 0.9em!important;
}

.sqlist{
margin: 1em 0!important;
list-style: none;
}

.sqlist li{
margin: 0 0 0.5em 0!important;
padding: 0 0 0 1em!important;
background: url(images/sq-bullet.gif) top left no-repeat;
background-position: 0 0.3em;
}

.helppanel{
margin: 10px 0;
padding: 0;
border: 1px solid #ccc;
display: block;
float: left;
width: 460px;
overflow: hidden;
background: url(images/help-back.gif) center left no-repeat;
}

.helppanel h2{
position: relative;
margin: 0!important;
padding: 10px 10px 10px 15px!important;
width: 125px;
float: left;
color: #fff!important;
display: block;
font-size: 0.9em!important;
}

.helppanel p{
margin: 0!important;
padding: 15px 15px 15px 0px!important;
font-size: 0.7em!important;
display: block;
float: right;
width: 260px;
}

/* ///////// EVENTS ///////// */

.ceoitem{
position: relative;
display: block;
overflow: hidden;
margin: 0px 0;
padding: 10px;
border-bottom: 1px solid #ccc;
zoom: 1;
}

.ceoitem.right{
display: block!important;
margin: 0!important;
padding: 5px 0!important;
overflow: hidden!important;
float: right!important;
border-bottom: none!important;
}



.eventhead{
padding: 5px 10px!important;
background: #ececec;
border-bottom: 1px solid #ccc;
}


.eventitem{
position: relative;
display: block;
overflow: hidden;
margin: 10px 0;
padding: 10px;
border-bottom: 1px solid #ccc;
zoom: 1;
}


.eventitem.right{
width: 80px;
}

.eventitem h3, 
.eventitem p{
padding-left: 80px!important;
}

.eventitem h3{
margin: 0 0 0.5em 0!important;
}

.eventitem .datetabholder{
position: relative;
margin: 0 auto;
padding: 0;
display: block;
width: 60px;
height: 93px;
overflow: hidden;
zoom: 1;
}

.eventitem .datetabholder.left{
float: left!important;
}


.eventitem .datetab{
background: #fff;
display: block;
position: relative;
width: 56px;
border: 1px solid #ccc;
padding: 1px;
margin: 0;
height: 68px;
/*box-shadow: 0px 2px 3px rgba(0,0,0,0.2);*/
float: left;
}

.eventitem .year{
position: absolute;
bottom: 0;
left: 0;
background: #fff;
display: block;
padding: 1px;
width: 56px;
margin: 0;
border: 1px solid #ccc;
zoom: 1;
}

.eventitem .year .inner2{
background: #36c;
font-size: 0.7em;
font-weight: bold;
display: block;
color: #fff;
text-align: center;
padding: 0px 1px;
margin: 0;
zoom: 1;
}

.eventitem .datetab .inner{
position: relative;
display: block;
height: 68px;
padding: 0;
margin: 0;
background: #ececec;
background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff))!important;
background: -moz-linear-gradient(top,  #ececec,  #ffffff)!important;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff')!important;
}



.eventitem .day{
position: absolute;
top: 0px;
left: 0px;
background: #36c;
font-size: 0.7em;
display: block;
color: #fff;
text-align: center;
padding: 0px 1px;
font-weight: bold;
margin: 0;
width: 54px;
text-transform: uppercase;
}

.eventitem .date{
margin: 0;
padding: 0;
text-align: center;
width: 54px;
font-size: 2em;
font-weight: bold;
color: #36c;
line-height: 68px;
display: block;
}

.eventitem .month{
position: absolute;
bottom: 0px;
left: 0px;
background: #36c;
font-size: 0.7em;
display: block;
color: #fff;
text-align: center;
padding: 0px 1px;
font-weight: bold;
margin: 0;
width: 54px;
text-transform: uppercase;
}

.eventitem .past .day,
.eventitem .past .month,
.eventitem .past .year .inner2{
background: #666;
}

.eventitem .past .date{
color: #666;
}



.eventitem.right{
display: block!important;
margin: 0!important;
padding: 10px!important;
overflow: hidden!important;
float: right!important;
border-bottom: none!important;
}

.eventitem.right .datetab{
float: none!important;
margin: 0 auto!important;
}

.eventitem.right p{
margin: 0!important;
padding: 0!important;
}

.eventitem.right a{
clear: both!important;
margin: 1em 0 0 0!important;
}


.btt a:link,
.btt a:visited{
position: absolute;
bottom: 20px;
left: 70px;
margin: 0 auto;
padding: 8px 10px 8px 20px;
color: #9cf;
text-decoration: none;
font-weight: bold;
display: block;
font-size: 0.9em;
text-align: center;
background: url(images/btt-pointer.gif) center left no-repeat;
}

.btt a:hover,
.btt a:active,
.btt a:focus{
position: absolute;
bottom: 20px;
left: 70px;
margin: 0 auto;
padding: 8px 10px 8px 20px;
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
font-size: 0.9em;
text-align: center;
background: url(images/btt-pointer.gif) center left no-repeat;
}


/* ////// START SUBFOOTER ///// */

#subfoot{
position: relative;
clear: both;
margin: 1em -20px 0 -20px;
padding: 0;
text-align: center;
background: url(images/subfoot-shade.gif) top left no-repeat;
height: 120px;
display: block;
}

#subfoot .leftdiv{
margin: 20px 0 0 0;
display: block;
float: left;
width: 378px;
height: 70px;
padding: 0px 20px 20px 20px;
border-right: 1px solid #ccc;
}

#subfoot .rightdiv{
margin: 20px 0 0 0;
display: block;
float: right;
width: 300px;
height: 70px;
padding: 0px 20px 20px 20px;
border-left: 1px solid #ececec;
}


#subfoot p{
position: relative;
text-align: center;
width: auto;
font-size: 0.7em!important;
}

#subfoot .left{
margin-top: 10px;
margin-left: 20px;
float: left;
}

#subfoot .right{
margin-top: 10px;
margin-right: 20px;
float: right;
}



/* ////// START NEW BUTTONS ///// */



.visubutton.small{
	font-size: 0.7em!important;
	padding: 0.2em 0.6em;
}

.visubutton{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none!important;
	font-weight: bold;
	padding: 0.3em 0.7em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	
	/* FIXING IE LONG BUTTONS*/
	width:auto;
	overflow:visible;
font-famil: arial, helvetica, san-serif;
}

.visubutton:hover,
.visubutton:focus {
	outline: none;
	text-decoration: none;
}


.visubutton:active {
	position: relative;
	top: 1px;
	outline: none;
	text-decoration: none;
	outline: none;
}




/* ////////////////////// COLORS ////////////////////////////// */

.whtbtn {
	color: #333666!important;
	background: #ffffff!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc))!important;
	background: -moz-linear-gradient(top,  #ffffff,  #cccccc)!important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc')!important;
	outline: none;
	border: 1px solid #ccc;
}
.whtbtn:hover,
.whtbtn:focus {
	color: #333!important;
	background: #ececec!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc))!important;
	background: -moz-linear-gradient(top,  #ffffff,  #cccccc)!important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc')!important;
	outline: none;
	border: 1px solid #999;
}
.whtbtn:active {
	color: #333!important;
	background: #ececec!important;
	outline: none;
	border: 1px solid #999;
}

.daapor {
	color: #fff!important;
	background: #ff4800!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff4800))!important;
	background: -moz-linear-gradient(top,  #ff8400,  #ff4800)!important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#ff4800')!important;
	background: linear-gradient(top, #ff8400 0%, #ff4800 100%);
	outline: none;
	border: 1px solid #ff4800;
	font-weight: bold!important;
}
.daapor:hover,
.daapor:focus {
	color: #fff!important;
	background: #ff8400!important;
	outline: none;
	border: 1px solid #ff8400;
}
.daapor:active {
	color: #333!important;
	background: #ececec!important;
	outline: none;
	border: 1px solid #999;
}

/* ////// Google search results ////////*/


.gsc-input, td.gsc-search-button, .gsc-clear-button{
background: #ececec;
border: none!important;
font-family: arial, helvetica, sans-serif;
}

.gsc-branding-text, .gsc-branding-img{
background: #fff;
border: none!important;
}

.gsc-resultsHeader,
.gsc-resultsHeader td{
background: none;
border: none!important;
}

.gsc-table-result,
.gsc-table-cell-snippet-close{
border: none!important;
}
.gs-snippet{
font-size: 1.3em!important;
}

#cse b{
background: #ff0;
font-weight: normal;
}

.gs-visibleUrl{
color: #36c!important;
}

.gsc-cursor-box{
margin-top: 10px;
}

.gsc-cursor-page{
border: 1px solid #ccc;
padding: 2px 4px;
color: #333!important;
text-decoration: none!important;
}


.gsc-cursor-page:hover{
border: 1px solid #ccc;
padding: 2px 4px;
color: #333!important;
text-decoration: none!important;
background: #ececec;
}
.gsc-cursor-current-page{
border: 1px solid #ccc;
padding: 2px 4px;
color: #fff!important;
background: #36c;
}


/* //////// FOOTER /////////// */

#footer{
margin: 0;
padding: 20px 0;
text-align: center;
background: url(images/footer-back.gif) top center no-repeat;
zoom: 1;
}

#footer p{
margin: 0;
padding: 0;
color: #fff!important;
font-size: 0.7em!important;
}

#footer a:link,
#footer a:visited{
color: #fff!important;
text-decoration: underline!important;
}

#footer a:hover,
#footer a:active,
#footer a:focus{
color: #fff!important;
text-decoration: none!important;
}







/* ///////// START FORM ELEMENTS ///////// */


dl.error{
		margin: 20px 0px;
border: 1px solid #ccc;
	padding: 1px;
	width: auto;
}
dl.error dt{
	margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 2.3em;
	background: #ececec;
	font-weight: bold;
	background: #fcc url(images/error-stop-red.gif) top left no-repeat;
	background-position: 6px 0.6em;
	font: 0.8em/1.5em Arial, Helvetica, sans-serif;
font-weight: bold;
}
dl.error dd{
	padding-left: 25px;
	margin: 0 0.5em 0.5em 0.5em;
	background: url(images/error-alert.gif) top left no-repeat;
	background-position: 0px 1px;
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
}

form dl.success{
}
dl.success{
	margin: 20px 0px;
	border: 1px solid #ccc;
	padding: 1px;
	width: auto;
}
dl.success dt{
	margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 2.3em;
	background: #ececec;
	font-weight: bold;
	background: #cfc url(images/confirm-grn.gif) top left no-repeat;
	background-position: 6px 0.6em;
	font: 0.8em/1.5em Arial, Helvetica, sans-serif;
	font-weight: bold;
}
dl.success dd{
	margin: 0 0.5em 0.5em 0.5em;
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
}


.radiolabel{
margin: 0!important;
padding: 0.5em 20px 0 0!important;
diaply: block;
}
.radiolabel input{
margin: 0 5px 0 0!important;
padding: 0!important;
display: block;
float: left;
}

.ccc-button ul{
margin-left: 0!important;
}
 

#content fieldset{
	margin: 0 10px;
	padding: 10px;
	border: 1px solid #ccc;
}
#content legend{
	margin: 1em 0;
	padding: 0 0.5em;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}
#content label{
	margin: 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	float: left;
	color: #333;
}

#content p.labeller{
	margin: 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	float: left;
	color: #333;
	width: 150px;
}
#content .flabel{
	margin: 0.5em 0;
	padding: 0.2em 0;
	border: none;
}
#content .flabel legend{
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	font-weight: bold;
}
#content input, textarea, option{
	margin: 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
}
#content input:focus, textarea:focus, option:focus{
	background: #ffc;
}

#content .labeller{
	clear: both;
	width: 150px;
}
.hidden{
	position: absolute;
	top: -99999px;
	left: -99999px;
}
#content .centersubmit{
	margin: 10px;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}
#content .infobox{
	margin: 0;
	padding: 7px 0;
	background: #ececec;
	border: 3px double #fff;
}
#content .radio{
	clear: both;
	margin: 0;
	padding-left: 5px;
}
#content .padright{
	margin: 0 5px 0 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
}
#content .clearlabel{
	clear: both;
	position: relative;
	display: block;
	padding-left: 5px;
	float: left;
}

#contact{
position: relative;
}

#contact #formmessage{
width: 450px;
}

#contact .counter{
margin: 0 75px -1.6em 0;
padding: 0.2em 0.4em;
float: right;
display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
background: #ececec;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #666;
}

#contact .counter.warning{
background: #f90!important;
color: #fff;
}
#contact .counter.exceeded{
background: #c00!important;
color: #fff;
}

#contact p.formhelper{
clear: both;
padding-left: 150px!important;
display: block;
}

#contact #contactbutton{
margin-left: 150px;
margin-bottom: 1em;
}

.g-recaptcha {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 306px;
    margin: 0px auto;
    float: left;
}
/* ///////// END FORM ELEMENTS ///////// */