@charset "UTF-8";
/* CSS Document */
/* onlinecandidate.com */

body {
	font-family: 'Raleway', sans-serif;
	background-color: #fff;
	color: #333333;
	line-height: normal;
	font-size: .9em;
}

body.fck {
		margin-top:0;
	background-image: url("images/bkg.jpg");
	background-repeat: repeat-x;
	background-position: center top; 
/*		background-attachment: fixed;
	overflow-x: hidden;*/
	background-color: #e1e1e1;
}


html { margin: 0; padding: 0; }



#maincontainer {
 	clear:both; 
	width: 940px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
	position: relative;
 	background-image: url("images/body-bg.png");
	background-repeat: repeat;
	background-position: left top;
/*	border: 2px solid #000;
 	-moz-box-shadow: 0 0 5px #000;
 	-webkit-box-shadow: 0 0 5px #000;
  	box-shadow: 0 0 5px #000;
	 	background-color: #fff;
*/
	 	z-index: 1;
	margin:0 auto;
}

#header {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	height: 115px;
	position: relative;
/* 	float: center; 	
background-color: #fff;
	  	-moz-box-shadow: 0 0 5px #000;
 	-webkit-box-shadow: 0 0 5px #000;
  	box-shadow: 0 0 5px #000;
*/
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url("images/header.png");
	z-index: 50;

}




/* BEGIN NAVIGATION*/

#navbar {
	clear:both;
/*	background-image: url("images/navigation/navbar-blue-012c5f.jpg");
	background-repeat: repeat-x;
	background-position: center top;*/
	width: 940px;
	height:56px; 
	padding: 0px;
	margin-top: 0px;
	position:relative;
	bottom: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
/*	  	-moz-box-shadow: 0 0 5px #000;
 	-webkit-box-shadow: 0 0 5px #000;
  	box-shadow: 0 0 5px #000; */

	z-index: 15000;
}



/*START KEEP IN FOR SMART PHONES */
#nav-one ul { display: none; }
#nav-one li:hover ul { display: block; }
/* END KEEP IN FOR SMART PHONES */

/*- NAVIGATION */

.container {clear:both; float:left; width:100%; overflow:hidden;}

/* Top Nav UL */
#nav-one { padding:0; margin:0 auto; list-style-type:none; float:left; position:relative; left:50%; 
	
 
}

#navbar ul, #navbar li { 
	letter-spacing:2px;
	font-size:14px;
	display:block;
	list-style:none; 
	padding:0 20px 0 8px; 
	margin:0; 
	display:inline; 
	text-align: center;
	text-decoration: none;
	margin: 0 auto; 
}

#navbar ul li { 
	text-decoration: none;
	padding-top: 10px;
	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: #fff;
	font-weight:normal;
/*	text-shadow: black 0.1em 0.1em 0.2em;*/
}

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





/* Dropdown */
#navbar ul ul{ 
	position:absolute; 
	top:-99999px; 
	left:0;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	z-index:10; 
	background:#e7e7e7; 
	height:auto; 
	padding: 2px; 
	border:1px solid #444; 
	border-top:none; 
/*	box-shadow:#111 0 3px 4px; 
	border-bottom-left-radius:6px; 
	border-bottom-right-radius:6px; */
}


#navbar ul ul li {
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	text-transform: none;
	letter-spacing:0px;
	font-weight: normal;
	line-height:25px;
	text-decoration: none;
	position:relative; 
	right: 0%;
	min-width:40px;
	

}
 

#navbar ul ul li a { 	
	line-height:10px;


color:#002d56; 


}

#navbar ul ul li a:hover {
	color: #c49f06;

}


#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; }

/*- END NAVIGATION */





#main {
	width: 585px; 
	padding: 25px 50px 25px 25px;
	padding-bottom: 15px;
	float: right;
	z-index: 5;
    display: inline;

}



#main ul {
	color: #333333;
	list-style-image: url("images/bullets/bullet-blue.png");
}


h1 { font-size: 2.0em; color: #13235b; margin-top:0px; padding-top:0px;		margin-bottom:0px; padding-bottom:0px;	font-family: 'Raleway', sans-serif;
}
h2 { font-size: 1.6em; color: #13235b; margin-top:20px; padding-top:20px;	margin-bottom:0px; padding-bottom:0px;	font-family: 'Raleway', sans-serif;}

h3 { font-size: 1.4em; color: #13235b; margin-top:20px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;	font-family: 'Raleway', sans-serif;border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #414141;}
h4 { font-size: 1.4em; color: #880000; margin-top:20px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;	font-family: 'Raleway', sans-serif; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #414141;}


h5 { font-size: 1.4em; color: #880000; margin-top:10px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;	font-family: 'Raleway', sans-serif;}
h6 { font-size: 1.2em; color: #13235b; margin-top:10px; padding-top:10px;	margin-bottom:0px; padding-bottom:0px;	font-family: 'Raleway', sans-serif;}

h1 a { color: #13235b; 	text-decoration: none;}
h2 a { color: #13235b; 	text-decoration: none;}
h3 a { color: #13235b; 	text-decoration: none;}
h4 a { color: #13235b; 	text-decoration: none;}
h5 a { color: #880000; 	text-decoration: none;}
h6 a { color: #13235b; 	text-decoration: none;}


h1 a:hover { color: #000;  text-shadow: 1px 1px #000; text-decoration: underline;}
h2 a:hover { color: #000; 	text-shadow: 1px 1px #000  text-decoration: underline;}
h3 a:hover { color: #000; 	text-shadow: 1px 1px #000  text-decoration: underline;}
h4 a:hover { color: #000; 	text-shadow: 1px 1px #000  text-decoration: underline;}
h5 a:hover { color: #000; 	text-shadow: 1px 1px #000  text-decoration: underline;}
h6 a:hover { color: #000; 	text-shadow: 1px 1px #000  text-decoration: underline;}

a { color: #13235b; text-decoration: underline; font-weight:bold;}
a:hover { text-decoration: none; }


strong { 

}


blockquote {
  background: transparent url("images/quotes/quoright_blue.png") right bottom no-repeat;
  padding-left: 18px;
  text-indent: -18px;
  color: #000;
font-weight:bold;
  font-style:italic;
  
  }


blockquote p:first-letter {
	  background: transparent url("images/quotes/quoleft_blue.png") left top no-repeat;
  padding-left: 18px;
font-weight:bold;
  color: #000;
}




/* BEGIN SIDEBAR */

#sidebar {
	position:relative;
	float: right;
	width: 250px;
	min-height:100%;
	margin: 0px;
	padding: 15px;
	top:20px;
	z-index: 4;
}

#sidebar h1 { text-align:left; font-size: 1.3em; color: #13235b; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;}
#sidebar h2 { text-align:left;font-size: 1.2em; color: #13235b; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;}
#sidebar h3 {text-align:left; font-size: 1.1em; color: #13235b; 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: 1.1em; color: #13235b; margin-top:0px; padding-top:10px;	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: 1.1em; color: #13235b; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;	}
#sidebar h6 {text-align:left; font-size: 1.em; color: #13235b; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;	}

#sidebar p{  font-size: .9 em; }




/*  Social media icons*/
#social 	{border: 1px solid #575757; padding: 10px 10px 0 10px; margin: 30px 0 10px 0;position: relative;}

span.important-title {	background-image: url("images/backgrounds/socialBKG.png");
						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;}


/* for Facebook widget */

#fb {background-color:#ffffff; width: 255px;
}


 /*CodeBlock */

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






/* RSS */
#rssside { width:220px; padding: 5px 10px 10px 10px; background: url("images/RSS/RSSbg.png") no-repeat center top; }
#rssside h6 {text-align:center; font-size: 1.5em; color: #880000; margin-top:0px; padding-top:0px;	margin-bottom:0px; padding-bottom:0px;	}
#rssside ul {  font-size: .8em; 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 { font-weight:bold;}
#rssside .button {
    display: inline-block;
    background: #880000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e21300), color-stop(100%,#880000));
    background: -moz-linear-gradient(center top, #e21300 0%, #880000 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-right: 15px;
    padding: 5px 8px;
    display: inline-block;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
	font-size: .8em;
    color: #ffffff;
    font-weight: bold;
	
}
#rssside .button:hover {
    background: #393939;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#2a2a2a));
    background: -moz-linear-gradient(center top, #565656 0%, #2a2a2a 100%);

}
#rssside .button:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#880000), color-stop(100%,#000000));
    background: -moz-linear-gradient(center top, #880000 0%, #000000 100%);
    -webkit-box-shadow: 0px 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px 0px ;
    box-shadow: 0px 0px 0px 0px ;
}


/* END SIDEBAR */





/* BEGIN FOOTER */

#footerWrap{
width: 100%;
background: #262626;	
position: relative;
	float:left;
	}



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

#footertxt {
	width: 100%;
	font-size: .9em;
	float: center;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-right:10px;

}

#footer {
 	clear:both;
	color: #FFF;
	position: relative;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	font-size: .7em;
	height: 25px;
	padding-top: 8px;
	padding-right: 10px;
 /*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;

*/
background: #262626;

}





.disclaimer{ 	font-size: 12px; 
/* border: solid 1px #000000;
 padding: 10px;   
 background: #fff;  */ 
 font-size:12px;
 color: #e1e1e1;  
 line-height: 15px;
 text-align: center;
 width: 600px;
 margin-top: 8px;
 margin-left: auto;
 margin-right: auto;

 }




#footer a { color: #fff; text-decoration: none; margin-right: 5px;}
#footer a:hover { color: #c49f06; text-decoration: underline; }

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

#tagline a { color: #fff; text-decoration: none; }
#tagline a:hover { color: #c49f06; text-decoration: underline; }

/* END FOOTER */






/* BEGIN INPUT FORMS */

fieldset { margin-left:auto; margin-right:auto; margin-top:25px; border: 1px solid #202020; width: 90%; padding: 10px; font-size: 12px; background: #FFF;}
fieldset p{ font-size: .9em;}
fieldset p.larger{ font-size: 1.1em;}
fieldset h3 { font-size: 1.2em; color: #000000; margin-top:0px; padding-top:0px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #414141;}


legend { color: #202020; font-size: 1.5em; margin-bottom:0px; background: #FFF; border: 0px solid #202020; padding: 5px; font-size: 1.2em; } 
legend h4 { font-size: 1.2em; color: #880000; margin-top:0px; padding-top:0px;}
legend h5 { font-size: 1.2em; color: #880000; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
legend h6 { font-size: 1.1em; color: #880000; margin-top:30px; padding-top:20px;}


label { width: 160px; float: left; text-align: right; margin: 5px;  display: block;}

.formfield {  margin-bottom: 10px;  border: 1px solid #202020;  background-color: #f1f5f9;  }

.submitform { color: #FFF; background: #880000; 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 {
    display: inline-block;
    background: #393939;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#2a2a2a));
    background: -moz-linear-gradient(center top, #565656 0%, #2a2a2a 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 15px;
    display: inline-block;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    font-family: Arial;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
	
}
.button:hover {
    background: #880000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e21300), color-stop(100%,#880000));
    background: -moz-linear-gradient(center top, #e21300 0%, #880000 100%);
}
.button:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#880000), color-stop(100%,#000000));
    background: -moz-linear-gradient(center top, #880000 0%, #000000 100%);
    -webkit-box-shadow: 0px 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px 0px ;
    box-shadow: 0px 0px 0px 0px ;
}

/* END INPUT FORMS */



/* BEGIN Event List */

#eventslist { 	 }
#eventslist h3{ 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: .9em;}
#eventslist .description{ text-indent:0px;  	font-size: 1.1em;}
#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: .9em;}
#eventform .description{ padding-left:0px; font-size: 1em;}
#eventform .button{ margin-left:auto; margin-right:auto;     text-align:center;  }





	
/* END Events Form */





/* BEGIN BLOG */
/****************************************
*	Designed by Federico Ramírez		*
*	A.K.A fedekun						*
****************************************/

div#all {
	margin: auto;
	min-height: 400px;
	padding-top: 30px;
	background-color: white;
}

*::-moz-selection {
	background-color:#ffde00;
	color: white;
}

div#blogmenu {
	float: right;
	padding-left: 30px;
	padding-bottom: 15px;
	width: 180px;
/*	letter-spacing: -1px;
	background-color:#f1f5f9;*/
	background: url(images/blogbkg.png) repeat-y center top;
	

}

#blogmenu h1 {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 14px;
}

#blogmenu h4 {
	padding-top: 10px;
	margin-bottom: 5px;
	font-size: 1.1em;
	border-bottom-width: 0px; 	border-bottom-style: solid; 	border-bottom-color: #414141;}


#blogmenu a {
	display: block;
	padding-top: 0px;
	padding-left: 10px;
	text-decoration: none;
	font-size: .8em;
}

#blogmenu p {
	display: block;
	padding-top: 0px;
	padding-left: 10px;
	text-decoration: none;
	font-size: .9em;
}
#blogmenu a:hover {
	text-decoration: underline;
}

div#content {
	float: left;
	padding-right: 5px;
	width: 385px;
	padding-left: 5px;
	min-height: 300px;
}

#content a {
	color: black;
	text-decoration: underline;
	font-weight: bold;
}

div#footerdisc {
	text-align: center;
	font-size: 10px;
	color: #666666;
	padding-top: 15px;
}

#xfooter a {
	color: black;
	text-decoration: none;
	letter-spacing: -1px;
}

.code {
	border: 1px solid black;
	color: #333333;
	font-size: 11px;
	padding: 2px;
	margin: 2px;
	line-height: 5px;
	height: 200px;
	overflow: scroll;
}

.quote {
	border: 1px solid silver;
	padding: 2px;
	margin: 2px;
}
/* END BLOG */




/* BEGIN ENHANCED CALENDAR */

#calendar{ 	 }
#calendar table { border-collapse: separate; border: 1px solid #9DABCE; border-width: 0px 0px 1px 1px; margin: 10px 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: 10px; 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: 10px; color: #000000; text-decoration: none;}
.viewEvent {  font-size: 12px; font-weight: bold; color: #880000; text-decoration: none;}
.eventLink {  font-size: 11px; font-weight: bold; color: #880000; text-decoration: none; font-weight:bold;}

/* END ENHANCED CALENDAR */




/* for columns plugin*/
 	.col { float: left; margin-right: 2%; clear: none; }
	.col div { padding: 0;}
	.c66 { width: 62%; }
	.c50 { width: 46%; }
	.c33 { width: 29%; }
	.c25 { width: 21%; }
	
	

/* BEGIN CUSTOM CODE FOR FCK Editor */

.YellowBoxRight{ float : right; width : 16.5em; padding : 1em; margin-left : .9em; margin-bottom : .2em; background : #f6ffd7;}
.YellowBoxLeft{float : left; width : 16.5em; padding : 1em; margin-right : .9em; margin-bottom : .2em; background : #f6ffd7;}
.QuoteBoxLeft{  float : left; width : 16.5em; padding : 1em; margin-right : .9em; margin-bottom : .2em; background : #fff;}
.QuoteBoxRight{  float : right; width : 16.5em; padding : 1em; margin-left : .9em; margin-bottom : .2em; background : #fff;}
.QuoteBoxLeftLine{float: left; width: 14.5em; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; margin-right: 0.9em; margin-bottom: 0.2em; background : #fff; border-top: 4px; border-bottom: 4px; border-top-style: groove; border-bottom-style: groove;
}
.QuoteBoxRightLine{float: right; width: 14.5em; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; margin-left: 0.9em; margin-bottom: 0.2em; background : #fff; border-top: 4px; border-bottom: 4px; border-top-style: groove; border-bottom-style: groove;
}
.PullBoxRight {
	font: italic 1em/1.6em Georgia, "Times New Roman", Times, serif;
	width: 300px;
	background: url(images/quotes/close-quote.gif) no-repeat right bottom;
	padding-left: 18px;
	text-indent: -18px;
	float: right;
	margin: 20px 0 10px 10px;
	color: #999999;
}
.PullBoxRight p:first-letter {
	background: url(images/quotes/open-quote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}


/* END CUSTOM CODE FOR FCK Editor */

 

/* BEGIN Caption CODE  */

div.pictureR {   float: right;   width: 50%;   background-color: #F9F9F9;   border: thin silver solid;   margin: 0.5em;   padding: 0.5em; }
div.pictureL {   float: left;   width: 50%;   background-color: #F9F9F9;   border: thin silver solid;   margin: 0.5em;   padding: 0.5em; }
div.pictureL p {   text-align: center;   font-style: italic;   font-size: smaller;   text-indent: 0; }
div.pictureR p {   text-align: center;   font-style: italic;   font-size: smaller;   text-indent: 0; }
img.scaled {   width: 94%;   height: auto;}

/* END Caption CODE  */


/* for columns plugin*/
 	.col { float: left; margin-right: 2%; clear: none; }
	.col div { padding: 0;}
	.c66 { width: 62%; }
	.c50 { width: 46%; }
	.c33 { width: 29%; }
	.c25 { width: 21%; }


/* EOF */