/* CSS Document */
/* onlinecandidate.com */
/* Horizontal Navigation */

html {
  margin: 0; 
  padding: 0;
  font-size: 16px;
}

@media (max-width: 900px) {
  html { font-size: 15px; }
}
@media (max-width: 400px) {
  html { font-size: 13px; }
}


body {
	  font-family: Raleway, sans-serif;
	background-color: #fff;
	color: #2b2b2b;
	margin-top:0px;
	padding-top:0px;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-right:0px;
	padding-right:0px;
	line-height: normal;
}

body.fck  {
		background-color:#ffffff;
	background-image: url(images/backgrounds/bkg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
/*    background-attachment: fixed;*/
overflow-x: hidden;
}


#maincontainer {
	clear:both;
	width: 1020px;
	height:auto;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-image: url(images/backgrounds/white.gif);
	background-repeat: repeat;
	background-position: left top;
	/*	box-shadow: 0 0 15px #000;	*/
	z-index: 1;
flow-y: hidden;
}



#headerWRAP { width:1020px;
	margin: 0 auto;
}

#header {
	height: 200px;
	position: relative;
 	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("header.jpg");
	background-color: #880000; 
	z-index: -500;
}


 
/* BEGIN NAVIGATION*/

#navbarWRAP { width:100%;
}

#navbar {
	clear:both;
background: #657076;

background: -moz-linear-gradient(top,  #657076 0%, #646e77 41%, #5e7178 100%);

background: -webkit-linear-gradient(top,  #657076 0%,#646e77 41%,#5e7178 100%);

background: linear-gradient(to bottom,  #657076 0%,#646e77 41%,#5e7178 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#657076', endColorstr='#5e7178',GradientType=0 );


	height:40px; 
	position:relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 15000;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

/*START KEEP IN FOR SMART PHONES 
#nav-one ul { display: none; }
#nav-one li:hover ul { display: block; }
END KEEP IN FOR SMART PHONES */
 
/* Top Nav UL */
#nav-one { padding:0; margin:0 auto; list-style-type:none; float:left; position:relative; left:50%;}

#navbar ul, #navbar li { 
	  font-family: Raleway, sans-serif;
	letter-spacing:1px;
	font-size:1.em;
	display:block;
	list-style:none; 
	padding:0 20px 0 8px; 
	margin:0; 
 	text-align: center;
	text-decoration: none;
}

#navbar ul li { 
	text-decoration: none;
	padding-top: 0px;
	float:left; position:relative; right:50%;
}

#navbar ul li a {
	display:inline;
	margin:1px;
	white-space:nowrap;
	border-radius:3px;
	text-decoration: none;
	line-height:40px;
	color: #ffffff;
	font-weight:500;
}

#navbar ul li a:hover {   color: silver;}


/* Dropdown */
	#navbar ul ul { 
	background-image: url("images/backgrounds/DARKnavBKG.png");
	background-repeat: repeat;
	background-position: center top;
	position:absolute; 
	top:-99999px; 
	left:0;
	opacity: 90;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	z-index:15000; 
	height:auto; 
	padding: 2px; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
}


#navbar ul ul li {
	  font-family: Raleway, sans-serif;
	font-weight:normal;
	font-size:1.em;
	text-transform: none;
	letter-spacing:0px;
 	line-height:25px;
	text-decoration: none;
	position:relative; 
	right: 0%;
width: 100%; 	
text-align: left;
}
 

#navbar ul ul li a { 
 color:#000000; }
#navbar ul ul li a:hover { color: #eed979; }


#navbar ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	border-radius:6px;
	border:1px solid #444;
}

#navbar ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#navbar ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#333; }

#navbar a.navarrow {
display: visible;
text-decoration: none;
}


/*- END NAVIGATION */


/* BEGIN CONTENT AREA */

#main { width: 630px;  float: left; z-index: 5; display: inline; background-color: #fff; position:relative; margin:25px;}
#mainnosidebar{ width: 970px; padding: 25px;   padding-bottom: 15px; float: left; 	z-index: 5; display: inline; background-color: #fff; position:relative; }


#sidebarblank { visibility: hidden; }

h1 { font-size: 2.0em; color: #335EAA; margin-top:0px; padding-top:0px;		margin-bottom:0px; padding-bottom:0px;	font-family: Arial, Helvetica, sans-serif;}
h2 { font-size: 1.6em; color: #335EAA; margin-top:20px; padding-top:20px;	margin-bottom:0px; padding-bottom:0px;	font-family: Arial, Helvetica, sans-serif;}
h3 { font-size: 1.9em; color: #335EAA; margin-top:20px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;	font-family: Arial, Helvetica, sans-serif;border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #414141;}

h4 { font-size: 1.4em; color: #4196f0; margin-top:20px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;	font-family: Arial, Helvetica, sans-serif; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #414141;}
h5 { font-size: 1.4em; color: #4196f0; margin-top:10px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;	font-family: Arial, Helvetica, sans-serif;}
h6 { font-size: 1.2em; color: #335EAA; margin-top:10px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;	font-family: Arial, Helvetica, sans-serif;}





h5 { font-weight: normal;font-size: 1.1em; color: #880000; margin-top:10px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;}
h6 { font-weight: normal;font-size: 1.0em; color: #12608d; margin-top:10px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;}
h1 a { color: #042D55; 	text-decoration: none;} 
h2 a { color: #12608d; 	text-decoration: none;}
h3 a { color: #ffffff; 	text-decoration: none;}
h4 a { color: #ffffff; 	text-decoration: none;}
h5 a { color: #880000; 	text-decoration: none;}
h6 a { color: #12608d; 	text-decoration: none;}


h1 a:hover {text-decoration: underline;}
h2 a:hover {text-decoration: underline;}
h3 a:hover {text-decoration: underline;}
h4 a:hover {text-decoration: underline;}
h5 a:hover {text-decoration: underline;}
h6 a:hover {text-decoration: underline;}

a { color: #042D55; text-decoration: underline; }
a:hover { text-decoration: none; }
strong {color: #042D55; }

.main ul { list-style: none;}
.main ul li { position: relative;}

.main ul li:before {
  color:#003861;
    content: "\2713";
   position: absolute;  
    top: 0px;  
    margin: 0px 0 0 -18px;    
    vertical-align: middle;
    display: inline-block;
    width: 4px;
    height: 4px;
 } 
  

blockquote {
	background:#eeeeee;
	font-style: normal;
 	padding:24px 40px 16px 25px;
	line-height:24px;
}

blockquote p {
	color: #000000;
	font-size:14px;
      display:block;
 	text-align:left;
	padding:0 0 10px 20px;
	position:relative;
}

 
blockquote :before, blockquote :after {
color: #003861;
 	font-size: 32px;
 	font-weight:bold;
	vertical-align:top;
	line-height:0.8
}

blockquote :after {
	content: '\201D';
	font-family: Oswald, sans-serif;

 }

blockquote :before {
	content: '\201C';
	position:absolute;
	left:0;
	top:-2px;
	font-family: Oswald, sans-serif;
}
.post {
padding-left: 20px;
}


#RSSpage{ 
	width:80%;
	margin-left: auto;
	margin-right: auto;
	padding:20px;
	margin-top:50px;
	margin-bottom:50px;
	background:linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);border:thin silver solid;
}

#RSSpage h2{ margin-top:0px; padding-top:0px;}

/* END CONTENT AREA */


/* BEGIN SIDEBAR */



#sidebar h1, h2, h3, h4, h5, h6 {    }

#sidebar {  width: 300px;  position:relative; 	float: right; 	z-index: 4;}
#sidebar h1 {  text-align: left;font-size: 22px; color: #042D55; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;}
#sidebar h2 {text-align: left; font-size: 20px; color: #12608d; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;}
#sidebar h3 { text-align: left;  font-size: 18px; color: #042D55; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;	border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #414141;}
#sidebar h4 { text-align: left; font-size: 18px; color: #12608d; margin-top:0px; padding-top:13px;	margin-bottom:0px; padding-bottom:0px;	 border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #414141;}
#sidebar h5 {  text-align: left; font-size: 18; color: #042D55; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;	}
#sidebar h6 { text-align: left; font-size: 16; color: #12608d; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;	}

#sidebar p{ text-align: left;  }


/*  Social media icons*/
#social 	{width:215px; border: 1px solid #575757; padding: 20px 5px 10px 5px; margin: 30px 0 10px 0;position: relative;}
span.important-title {	background-image: url("images/backgrounds/white.gif");
						background-repeat: repeat;
						background-position: right top;
						color: #000;position: absolute;display: block;top: -0.8em;left: 10px;padding: 3px 8px;font-size: 120%;font-weight: bold;}

/* Addthis widget */
.addthisOC{ margin-top:50px;	}


/* for Facebook widget */
#fb {background-color:#ffffff; width: 255px;}

 /*CodeBlock */

#codeblock {
	margin: 20px 20px 40px 20px;
	text-align:left;
}


/* Buttons */
.donateB, .volunteerB, .contactB, .endorseB{ 
	  font-family: Raleway, sans-serif;  
	font-size: 26px;
	letter-spacing:1px;
	width: 220px;
	height: 50px;
	color: white;
	margin-top:5px;
 	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);	
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	 }


.donateB{ margin-top:25px;}


.donateB{
background: #12608d; /* Old browsers */
background: -moz-linear-gradient(top,  #12608d 0%, #042d55 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12608d), color-stop(100%,#042d55)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #12608d 0%,#042d55 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #12608d 0%,#042d55 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #12608d 0%,#042d55 100%); /* IE10+ */
background: linear-gradient(to bottom,  #12608d 0%,#042d55 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12608d', endColorstr='#042d55',GradientType=0 ); /* IE6-9 */
}

.volunteerB, .contactB, .endorseB{
background: #12608d; /* Old browsers */
background: -moz-linear-gradient(top,  #12608d 0%, #042d55 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12608d), color-stop(100%,#042d55)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #12608d 0%,#042d55 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #12608d 0%,#042d55 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #12608d 0%,#042d55 100%); /* IE10+ */
background: linear-gradient(to bottom,  #12608d 0%,#042d55 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12608d', endColorstr='#042d55',GradientType=0 ); /* IE6-9 */
}

.donateB:hover{ 	
background: #042d55; /* Old browsers */
 }
.volunteerB:hover, .contactB:hover, .endorseB:hover{ 	
background: #042d55; /* Old browsers */
 }
 
.donateB a , .volunteerB a,.contactB a, .endorseB a{font-size: 26px;	color: white;text-decoration:none;}


/* Maillist - Translate - Poll */

#maillist, #translate,  #poll, #rssside{
	  font-family: Oswald, sans-serif;
	width: 230px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	clear:both;
	position: relative;
	align: left;
	font-size: 12px;
	text-align: center;
	color: #000;
	padding-bottom:10px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 13px;

}


/* So H3 & H4 match background */

#maillist h4, #translate h4, #poll h4, #rssside h4{font-family: Oswald, sans-serif;	font-size: 30px; 	color: #880000; 	margin-left:0;      background-color: #eeeeee; }
#maillist h3, #translate h3, #poll h3, #rssside h3{	background-color: #eeeeee; }



.thermometer-button {
	font-size:15px;
	margin-top: 15px;
	padding: 5px 15px;
	font-weight:bolder;
	color:#fff;
	border-color:#000;
background: #8ab66b;

background: -moz-linear-gradient(top,  #8ab66b 22%, #398235 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#8ab66b), color-stop(100%,#398235));

background: -webkit-linear-gradient(top,  #8ab66b 22%,#398235 100%);

background: -o-linear-gradient(top,  #8ab66b 22%,#398235 100%);

background: -ms-linear-gradient(top,  #8ab66b 22%,#398235 100%);

background: linear-gradient(to bottom,  #8ab66b 22%,#398235 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab66b', endColorstr='#398235',GradientType=0 );

}



.thermometer-button:hover {
  background:#030303;
  /* gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#030303));
	background: -moz-linear-gradient(center top, #a1a1a1 0%, #030303 100%);
  /* shadow */
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
 }
 
 
/* Maillist */


#mail{
	   width:400px; margin: 0 auto;
}


#maillist h4 {
	padding :13px 0 0 13px;
	border-bottom-style:none;
	text-align:left;
}


#maillist p {
	  font-family: Raleway, sans-serif;	
	font-size: 15px;
	padding :0 0 0 13px;
	color: #000000;
	text-align:left;
	margin-top:0px;
}


#maillist .mailtextarea {
	width: 180px;
	margin-top: 0px;
	padding-left: 5px;
	margin-bottom: 10px;
	border-color:#c6c6c6 #dadada #eaeaea;
	background: #fafafa;
	color:#999;
	font-size:18px;
	font-family:inherit;
	/*corner*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


#maillist .buttonmail {
	  font-family: Raleway, sans-serif; 
	font-size:1em;
	line-height:1.4em;
	padding: 5px 13px;
    margin: 4px 4px;
	font-weight:bolder;
	text-transform: uppercase;
    letter-spacing: -.015em;
    color:#fff;
    border-color:#000;
    background:#7d7d7d;
   /* gradient */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7d7d), color-stop(100%,#121212));
   background: -moz-linear-gradient(center top, #7d7d7d 0%, #121212 100%);
   /* corner */
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   /* shadow */
   -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
   -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
   box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
}


#maillist .buttonmail:hover {
	background:#030303;
	/* gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#030303));
    background: -moz-linear-gradient(center top, #a1a1a1 0%, #030303 100%);
	/* shadow */
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
}



/*Translate */
#translate h4 { 	padding :13px 0 0 13px; 	border-bottom-style:none; 	text-align:left;}
#translatecode { 	padding-top:5px; 	padding-bottom:13px;}

/*Poll */
#poll h4 { 	padding :13px 0 0 13px; 	text-align:left; border-bottom-style:none;}
#poll h5 {	margin-left:0;	background-color:transparent;   font-family: Oswald, sans-serif;
   font-size: 15px; color: #000000; text-align:center; margin-bottom:13px; padding-left:5px; padding-right:5px;}
#poll p {   font-family: Raleway, sans-serif; font-size: 13px; color: #000000; text-align:left; margin-top:3px;}
#poll a{ color: #6d0019; font-weight: bold; text-align: center;  padding-bottom: 13px }
#poll a:hover { text-decoration: none; 	color: #00000; }
#poll_link { text-align: center;  padding-bottom: 13px }

 
/* RSS */

#rssside h6 { 	margin-left:0;	background-color:transparent;   font-family: Oswald, sans-serif;
 font-size: 24px; color: #880000; padding :13px 0 0 13px; border-bottom-style:none; 	text-align:left; 	}
#rssside ul {   font-family: Raleway, sans-serif; font-size: 14px; list-style:none; text-align:left; 	padding-right:15px;  padding-top:0px;  }
#rssside li {  list-style:none; text-align:left; 	padding-right:15px;  padding-top:15px; text-indent: -18px; }
#rssside li.rss-item {  list-style:none; text-align:left; 	padding-right:15px;  padding-top:15px; text-indent: -18px; }
#rssside a { color:#000000;font-weight:bold;}
#rssside p{text-align:center;}
#rssside .button {
	  font-family: Raleway, sans-serif; 
	font-size:11px;
	margin-left: 13px;
	font-weight:bolder;
	text-transform: uppercase;
	color:#fff;
	border-color:#000;
	background:#7d7d7d;
  /* gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7d7d), color-stop(100%,#121212));
    background: -moz-linear-gradient(center top, #7d7d7d 0%, #121212 100%);
  /* corner */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  /* shadow */
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
}


#rssside .button:hover {
  background:#030303;
  /* gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#030303));
	background: -moz-linear-gradient(center top, #a1a1a1 0%, #030303 100%);
  /* shadow */
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
}


/* END SIDEBAR */



/* BEGIN INPUT FORMS */

fieldset { margin-left:auto; margin-right:auto; margin-top:25px; border: 1px solid #202020; width: 90%; padding: 13px; font-size: 12px; background: #FFF;}
fieldset p { font-size: 14px;}
fieldset p.larger { font-size: 18px;}
fieldset h3 { 		background-color:transparent;
		margin-left:0; font-size: 16px; color: #000000; margin-top:10px; padding-top:10px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #414141;}
legend { color: #202020; font-size: 16px; margin-bottom:0px; background: #FFF; border: 0px solid #202020; padding: 5px; } 
legend h4 { font-size: 16px; color: #003861; margin-top:0px; padding-top:0px;}
legend h5 { font-size: 15px; color: #003861; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
legend h6 { font-size: 14px; color: #003861; margin-top:30px; padding-top:20px;}
label { width: 25%; float: left; text-align: right; margin: 5px;  display: block;}
.DonationDisclaimer{ font-size:13px;}
.formfield {  margin-bottom: 13px;  border: 1px solid #202020;  background-color: #f1f5f9;  }
.submitform { color: #FFF; background: #003861; font-weight: bold; border: 2px outset #f1f5f9; padding: 5px; }
.checkbox { color: #f1f5f9; /*background: #d9e4ee;*/  border: 0px; }
.textarea { color: #202020; background: #f1f5f9; border: 1px solid #202020; }
.button {
	font-size:11px;
	margin-left: 13px;
	padding: 5px 15px;
	font-weight:bolder;
	color:#fff;
	border-color:#000;
	background:#7d7d7d;
  /* gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7d7d), color-stop(100%,#121212));
    background: -moz-linear-gradient(center top, #7d7d7d 0%, #121212 100%);
  /* corner */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  /* shadow */
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
}


.button:hover {
  background:#030303;
  /* gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#030303));
	background: -moz-linear-gradient(center top, #a1a1a1 0%, #030303 100%);
  /* shadow */
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
	box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
}

 
/*Security*/
#Security-Question 	{ width:200px; border: 1px solid #575757; padding: 13px 13px 0 13px; margin-top: 30px; margin-bottom:13px; 	margin-left: auto; 	margin-right: auto; position: relative;}
span.security-title {	background-color:#ffffff; color: #000;position: absolute;display: block;top: -0.8em;left: 13px;padding: 3px 8px;font-size: 120%;font-weight: bold;}
#Security-Question p{font-size: 120%; text-align:center;}
.star-icon {font-size: 55%;   vertical-align: top; color: #880000;}




/* END INPUT FORMS */



/* BEGIN Event List */
#eventslist { 	 }
#eventslist h3{color: #880000; margin-left:0;	background-color:transparent;  margin-top:30px; padding-top:30px; margin-bottom:0px; padding-bottom:0px; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #414141;}
#eventslist p{ text-indent:20px; font-size: 14px;}
#eventslist .description{ text-indent:0px;  	font-size: 12px;}
#eventslist .venue{   }
#eventslist .date{   }
#eventslist .time{   }
#eventslist .website a{  text-decoration:none;  }
#eventslist .website a:hover{  text-decoration:underline;  }
#eventslist .email a{  text-decoration:none;  }
#eventslist .email a:hover{  text-decoration:underline;  }
#eventslist .remarks { font-style:italic; }
/* END Events List */

/* BEGIN Event Form */
#eventform{ margin-left:auto; margin-right:auto;   }
#eventform p{ padding-left:35px; font-size: 14px;}
#eventform .description{ padding-left:0px; font-size: 16px;}
#eventform .button{ margin-left:auto; margin-right:auto;     text-align:center;  }
/* END Events Form */

/* BEGIN ENHANCED CALENDAR */
#calendar{ 	 }
#calendar table { border-collapse: separate; border: 1px solid #9DABCE; border-width: 0px 0px 1px 1px; margin: 13px auto; font-size: 20px;}
#calendar td { width: 81px; height: 81px; background: url("images/calendar/cells.png"); color: #444; position: relative; vertical-align: top;}
#calendar th { width: 81px; height: 30px; background: url("images/calendar/cells.png"); color: #444; position: relative; font-weight: bold; font-size: 14px; }
#calendar td:hover, #calendar th:hover { background-position: 0px -81px; color: #222;}
#calendar td.date_has_event { background-position: 162px 0px; 	color: white;}
#calendar td.date_has_event:hover { background-position: 162px -81px;}
#calendar td.padding { background: url("images/calendar/calpad.jpg");}
#calendar td.today { background-position: 81px 0px; color: white;}
#calendar td.today:hover { background-position: 81px -81px;}
.daysfont {  font-size: 13px; font-style: normal; font-weight: bold; text-decoration: none; color: #444; text-align:center; vertical-align: middle;}
.month {  font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; color: #000000;}
.number {  font-size: 16px; font-style: normal; font-weight: bold; color: #444; text-decoration: none; padding-left:5px; padding-top:5px; padding-bottom:5px; vertical-align: top; text-align: left;}
.event {  font-size: 13px; color: #000000; text-decoration: none;}
.viewEvent {  font-size: 12px; font-weight: normal; color: #000000; text-decoration: none;}
.eventLink {  font-size: 11px;   color: #000000; text-decoration: none; font-weight:bold;}
/* END ENHANCED CALENDAR */



/* BEGIN BLOG */
.blogH { 	font-size: 24px; font-weight: normal; margin-top:30px; }
#BlogMenu { text-align:left;}
#BlogMenu h3{ margin-left:0;padding-left:0;	background-color:#ffffff; padding-top: 15px; padding-bottom: 2px; color: #880000;  }
#BlogMenu p { color: #000000;  }
#BlogMenu a {  color: #000000; text-decoration:none;}
#BlogMenu a:hover { color: #000000;  text-decoration: underline;}
/* END BLOG */


/*countdown */
#countdown-black, #countdown-grey, #countdown-white, #countdown-offwhite, #countdown-red, #countdown-blue, #countdown-green, #countdown-purple, #countdown-yellow, #countdown-gold, #countdown-orange { margin-left:11px; margin-right:0 auto; text-align: center;  padding:5px 4px 10px 4px;
width:195px; height:100%; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;
}

#countdown-black h6, #countdown-grey h6, #countdown-red h6, #countdown-blue h6, #countdown-green h6, #countdown-purple h6, #countdown-orange h6 {
font-family: Raleway, sans-serif;padding-top:10px; padding-bottom:10px; font-size:12px; text-align:center; color:#ffffff;}
#countdown-white h6,  #countdown-offwhite h6, #countdown-yellow h6, #countdown-gold h6{
font-family: Raleway, sans-serif;padding-top:10px; padding-bottom:10px; font-size:12px; text-align:center; color:#000000;}
#countdown-black h5, #countdown-grey h5, #countdown-red h5, #countdown-blue h5, #countdown-green h5, #countdown-purple h5, #countdown-orange h5 {
font-family: Oswald, sans-serif;font-size:26px; text-align:center; color:#ffffff;
}
#countdown-white h5,  #countdown-offwhite h5, #countdown-yellow h5, #countdown-gold h5{
font-family: Oswald, sans-serif;padding-top:10px; padding-bottom:10px; font-size:26px; text-align:center; color:#000000;
}
#countdown-black .timer, #countdown-grey .timer, #countdown-red .timer, #countdown-blue .timer, #countdown-green .timer, #countdown-purple  .timer, #countdown-purple .timer{  width:180px; font-family: Oswald, sans-serif;font-size:12px; color:#ffffff; background-color: transparent; border-color: transparent;  margin-left:0 auto; margin-right:0 auto; text-align:center; margin-top:15px;padding-top: 5px; padding-bottom: 5px; border-top: groove 1px #cccccc;border-bottom: groove 1px #cccccc;
}
#countdown-white .timer,  #countdown-offwhite .timer, #countdown-yellow .timer, #countdown-gold .timer{  width:180px; font-family: Oswald, sans-serif;font-size:12px; color:#000000; background-color: transparent; border-color: transparent;  margin-left:0 auto; margin-right:0 auto; text-align:center; margin-top:15px;padding-top: 5px; padding-bottom: 5px; border-top: groove 1px #999999;border-bottom: groove 1px #999999;
}
#countdown-black p, #countdown-grey p, #countdown-red p, #countdown-blue p, #countdown-green p, #countdown-orange p, #countdown-purple p,
#countdown-black a, #countdown-grey a, #countdown-red a, #countdown-blue a, #countdown-green a, #countdown-orange a, #countdown-purple a
{
font-family: Raleway, sans-serif;font-size:14px; text-align:center; color:#ffffff;
}
#countdown-white p, #countdown-offwhite p, #countdown-yellow p, #countdown-gold p,
#countdown-white a, #countdown-offwhite a, #countdown-yellow a, #countdown-gold a
{
font-family: Raleway, sans-serif;font-size:14px; text-align:center; color:#000000;
}


/* BEGIN FOOTER */
/* Footertext, Footer - Privacy, Print and Tagline */

#footerWRAP {
	/*background-image: url(images/backgrounds/bkg.jpg);
	background-repeat: repeat-x;
	background-position: left top;*/
		background-color:#a3b5be;
	width:100%;
 
		color: #FFF;
 	text-align: right;
  	font-size: 10px;
 	vertical-align: middle;
	line-height: 30px;

}


#footerWRAP a { color: #fff; text-decoration: none; margin-right: 15px;}
#footerWRAP a:hover { color: #c2c2c2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-decoration: underline; }

#footer {
 

	clear:both;
	color: #FFF;
	position: relative;
	text-align: right;
	width: 100%;  
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	height: 30px;
 	vertical-align: middle;
	line-height: 30px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
     border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
     border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000; */


}

#footertxt {
	clear:both;
	position: relative;
	width: 100%;
	font-size: 14px;
	float: center;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 0px;
}

#footer a { color: #fff; text-decoration: none; margin-right: 5px;}
#footer a:hover { color: #c2c2c2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-decoration: underline; }

.disclaimer{ 	
 font-size: 12px; 
  padding: 13px;   
  color: #ffffff;
 line-height: 15px;
 text-align: center;
 width: 700px;
 margin:0 auto;
 }


#tagline {
    clear:both;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	padding-left: 1px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

#tagline a { color: #ffffff; text-decoration: none;  }
#tagline a:hover { color: #eeeeee; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-decoration: underline; }

/* END FOOTER */


/*  NEW CSS CODE */

/*  MAKE HEADER IMAGE RESPONSIVE NEW CODE */
#logo-container img {
   width: 100%;
   height: auto;
	margin-left: auto;
	margin-right: auto;
}

/* IMAGES RESIZE HEADER */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

/* FINAL MOBILE SIZING */

#content {
	width: 645px;
	float: left;
	padding-left: 20px;
	margin-top: 20px;
}

#sidebar {
	width: 300px;
	float: right;
}

#contentnosidebar {
	width: 970px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	background-color: #fff;
}




 /* EOF */