/*  
Template name: Simple Magazine
Template URI: http://templates.arcsin.se/simple-magazine-website-template/
Release date: 2009-08-02
Last updated: 2009-08-07
Description: A simple and lightweight magazine styled website template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/


/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: #f3f3f3 /*url('img/certification-halal-vert.jpg') repeat-x left top*/;
	color: #334;
	font: normal 75% sans-serif;
	line-height: 1.5;
}

/*#site {background:white;}*/

/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Links */

a:focus,a:hover {color: #99cc33;}
a {
	color: #000;
	text-decoration: underline;
}
a.feed {
	background: url('img/icon-feed.gif') no-repeat left center;
	padding-left: 18px;
}

/* More links */
a.more {
	float:right;
	color: #579;
	font-weight: bold;
}
a.more:hover {color: #234;}

/* Text elements */

p {margin-bottom: 1em;}

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote { color:#666; }
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
}


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}



/* Special lists */

ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}

ul.nice-list li a{color:#7d7d7d;font-size:1.2em;}

ul.tabbed {
	display: inline;
	margin: 0;
}
ul.tabbed li {float: left;}

ul.plain-list {margin: 0;}

ul.nice-list {margin-left: 0;}
ul.nice-list li {
	list-style: none;
	border-top: 1px solid #EEE;
	padding: 4px 0;
}
ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999;}




/* Tables */

table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}

table.data-table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 100%;
}
table.data-table th {
	background: #F0F0F0;
	border: 1px solid #DDD;
	color: #555;
	text-align: left;
}
table.data-table tr {border-bottom: 1px solid #DDD;}
table.data-table td, table th {padding: 10px;}
table.data-table td {
	background: #F6F6F6;
	border: 1px solid #DDD;
}
table.data-table tr.even td {background: #FCFCFC;}


/* Misc classes */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}

.hidden {display: none;}

.quiet {color: #999;}
.loud {color: #000;}
.highlight {background:#ff0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}

.error, .notice, .success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}

.cartouche {
		border-bottom:1px solid #5b9273;
		border-left:5px solid #5b9273;
		margin-bottom:2em;
		padding:15px;
		}

/* 
   Forms 
------------------------------------------------------------------- */

label {font-weight: bold; cursor: pointer;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size: 1.2em;}
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.5em 0;
	padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;
}
input.button:active {border-style: inset;}

.form-error {border-color: #F00;}


/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Images */

.bordered,.alignleft,.alignright,.aligncenter {
	float:left;
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 4px 4px 0px 4px;
	margin-bottom: 5px;
	margin-right:7px;
}

.bordered_art{
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.bordered_rub{
	padding-left: 4px;
	padding-right: 0px;
	padding-top: 4px;
	height: auto;
	width: auto;
	background-color: #FFF;
	border: 1px solid #DDD;
}

img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}



/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {
	background: #D5D5D5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;	
}
.content-separator {margin: 20px 0;}
.archive-separator {margin: 10px 0;}


/* 
   Posts 
------------------------------------------------------------------- */

.post-article {border-left:3px #ddd solid;border-bottom:1px solid #ddd;}
.post a {
		text-decoration: none;
		line-height:1.3em;
		font-size:1em;
}
.post a:hover {text-decoration: underline;}

.post img.left, .post img.right {margin-bottom: 0;}

.post-date {
	color: #777;
	margin: 2px 0 10px;
}
.post-date a {color: #444;}

.post-title h1, .post-title h2, .post-title h3 {margin-bottom: 0;}

.post-meta {
	background: #F6F6F6;
	border: 1px solid #DDD;
	color: #777;
	padding: 6px 10px;
}
.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}

.post-body {font-size: 1.1em; margin-bottom : 1em;}
.post-body a {color: #039;}
.post-body a:hover {color: #039;}

.post-body img.left, .post-body img.right {margin-bottom: 1em;}



/* Archives */
.archive-pagination {margin-bottom: 16px;}
.archive-post-date {
	background: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}
.archive-post-title .post-date {margin: 0;}
.archive-post-title {padding-top: 4px;}
.archive-post-day {font: normal 1.6em Georgia,serif;}

/*
actu & enquete
*/

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

//.actu {background:#fff url(img/halal_herbe3.jpg) no-repeat bottom;padding:10px 10px 5px 10px;border-left:5px solid #ecde29;border-bottom:1px solid #ecde29;margin-bottom:1em;}

#colonne-gauche{
		float:left;
		width: 498px;
		margin: 0 0 0 0px;
		/*border: 1px solid red;*/
	}

#colonne-gauche #bloc-enquete {
		width:497px;	
		margin: 0 0 22px 0;
		font-size: 12px;
		color:#333333;
	}

#colonne-gauche #bloc-enquete-titre{
		//height:66px;
		background-color:#f6f3ee;
	}



.enquete {
	background: #f7f3ef url(img/enquete.png) no-repeat top left;
	padding:70px 2em 10px;
	//border-left:5px solid #99cc33;
	border-bottom: 1px dotted #e3e3e3 
	}
.enquete a {color: #99cc33;}

.enquete2 {
	padding-top:1em;
	padding-left:2em;
	padding-bottom:1em;
	background: #f7f3ef;
	margin-bottom:20px;
	}
.enquete2 a {color: #99cc33;}


.bref {
	padding:70px 14px 10px;
	background: #f3f3f3 url(img/enbref.png) no-repeat top left;
	}

.actu {
	padding:60px 14px 10px;
	background: #fff url(img/actu) no-repeat top left;
	}

.bulletin {
	padding:70px 14px 10px;
	background: #a3a3a3 url(img/bulletin.png) no-repeat top left;
	}

.agenda {
	padding:70px 14px 10px;
	background: #fff url(img/agenda.png) no-repeat top left;
	}

/* 
   Layout 
------------------------------------------------------------------- */

/* General */
.center-wrapper {
	margin: 0 auto;
	width: 980px;
	background:white ;
	padding-left:10px;
	padding-right:10px;
	border-left:#f6f6f6 1px solid;
	border-right:#f6f6f6 1px solid;
}
.center-wrapper2 {
	margin: 0 auto;
	width: 980px;
	/*background:white;*/
	padding-left:10px;
	padding-right:10px;
}
/* Network */

#network {background: #EEE;}
#network .left {
	color: #333;
	padding: 6px 0;
}
#network .tabbed a {
	display: block;
	padding: 6px 10px 7px;
	text-decoration: none;
	color: #666;
}
#network li a:hover {
	background: #F6F6F6;
	color: #000;
}
#network li.current-tab a {
	background: #FFF;
	font-weight: bold;
}
#network .text-separator, #network span {color: #999;}


/* Toolbar */
#toolbar {
	padding: 12px 0 8px;
	font-size: 1.1em;
	color: #999;
}
#toolbar img {vertical-align: middle;}


/* Header */

#header {/*margin-bottom: 5px;*/padding-top:5px;/*border-bottom:1px solid #F6F6F6;*/}

/* Site title */
.site-title {
	padding-top:15px;
	padding-bottom: 5px;
}
.site-title a {
	font: normal 2em sans-serif;
	color: #000;
	text-decoration: none;
	padding-left:8em;
}

.site-soustitle {font: lighter 1.2em sans-serif;margin-top:-20px;}


/* Navigation */

#navigation {margin-bottom: 24px;}
#navigation a {
	display: block;
	text-decoration: none;
}

/* Main navigation */

#main-nav a {
	color: #888;
	font-size: 1.5em;
	padding: 9px 14px;
}
#main-nav li {background: url('img/navigation-separator.gif') no-repeat left center;}
#main-nav li:first-child {background: none;}
#main-nav li.current-tab a, #main-nav a:hover {color: #002;}
#main-nav li.current-tab a{background: url('img/navigation-arrow.gif') no-repeat center bottom;}


/* Subnav */

#sub-nav {background: #5b9273; padding: 0 5px;width:200px;}
#sub-nav a {
	color: #fff;
	font: bold 1.2em sans-serif;
	padding: 10px;
}

#sub-nav li.current-tab a, #sub-nav a:hover {color: #223;}


/* Main */

.main {margin-bottom: 18px;}

/*.main#main-three-columns {background: url('img/main-three-columns.gif') repeat-y right top;}*/
.main#main-three-columns .sidebar {width: 193px;}
.main#main-three-columns #main-left {width: 520px;}

/*.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}*/
.main#main-two-columns .sidebar {width: 260px;}
.main#main-two-columns #main-left {width: 671px;}

.sidebar1 {width: 253px;padding:10px;} /*bleu:#01b0f0*/
.sidebar2 {width: 163px;}
.sidebar1 a {color:#545454;font-family:"Arial", Verdana, sans-serif;font-weight: lighter;text-decoration: none;}
.sidebar1 a:hover {color:#339933;text-decoration: underline;}
.sidebar1 p {color:#7d7d7d }
.sidebar2 a {text-decoration: none;}
.sidebar2 a:hover {text-decoration: underline;}

.sidebar a {text-decoration: none;}
.sidebar a:hover {text-decoration: underline;}

#sidebar-1 {margin-left: 15px;}

/* Columns */
.col3 {width: 100%;}
.col3-mid {margin-left: 2%;}

/* Sidebar */

#sidebar-wrapper {}
#sidebar {}


/* Sidebar sections */
/*.section {margin-bottom: 16px;}*/
.section-title {
	background-color: #F6F6F6;
	//border-top: 2px solid #5b9273;
	font: bold 1.1em sans-serif;
	margin-bottom: 5px;
	min-height: 0;
	padding: 5px 8px 6px;
}

.network-section .section-title {
	background-color: #F6F6F6;
	border-color: #5b9273;
}


/* Dashboard */

#dashboard {
	background: #FAFAFA url('img/dashboard.gif') repeat-y left top;
	border: 1px solid #E7E7E7;
}

#dashboard .column {width: 244px;}
#dashboard #column-4 {border-right: none;}

#dashboard .column-content {
	padding: 14px 16px;
}
#dashboard .column-title {
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
}
#dashboard a {color: #456;}
#dashboard a:hover {color: #000;}


/* Footer */

#footer {padding: 10px 0;}
#footer a {
	color: #579;
	text-decoration: none;
}
#footer .right, #footer .right a {
	color: #999;
	text-decoration: none;
}
#footer .text-separator {
	padding: 0 3px;
	color: #BBB;
}
#footer a:hover {color: #000;}


/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}


/* Habillage des forums(tiré de SPIP - License GPL)
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }



/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { color: white; background-color: black; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }
/**/
.promo {
	color:#5C0515;
	text-decoration:none;
	font-size:1.4em;
	padding:3px;
	border-bottom:1px dotted #ccc;
	margin-bottom:.5em;
	}
.promo:hover {
	color:#99cc33;
	backrgound:#F6E497;
	text-decoration:none;
	}
/********************GLIDER************/
div#my-glider-horizontal div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 635px; 
	height: 300px;
	overflow: hidden;
	border:1px solid #cccccc;
	}
	div#my-glider-horizontal div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:635px;
		height:300px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div#my-glider-horizontal div.scroller div.content {
		width: 10000px;
		}
	div#my-glider-horizontal div#section2 {
		background:#666666;
		color:#ffffff;
		}
		
div#my-glider-vertical div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 635px; 
	height: 300px;
	overflow: hidden;
	border:1px solid #cccccc;
	}
	div#my-glider-vertical div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:635px;
		height:300px;
		overflow:hidden;
		/*float:left;*/
		padding:1em;		
		}
	div#my-glider-vertical div.scroller div.content {
		width: 10000px;
		}
	div#my-glider-vertical div#section2 {
		background:#666666;
		color:#ffffff;
		}

.active {
	background-color: #000;
	color: #fff;
	}	

/*Habillage du menu de navigation pricipale */
#nav{
 	position: relative;
	clear: both;
	width: 100%;
	}
#nav{
	background:#FFF; color:#505050;padding:1px 0 0;
  font-size:0.9em;
  overflow:auto;
}
#nav .menu-conteneur{
	background:#b7bbbe url(img/navbg.jpg) top left repeat-x; color:#505050;
  height:auto !important;height:36px;min-height:36px;
}
#nav .menu-liste	{
  list-style:none;
  padding:0;margin:0;
	}
	
#nav .menu-liste .menu-entree {
  float:left;  height:auto !important;height:36px;min-height:36px; list-style:none; padding:0; margin:0 0 1px;
  background:#b7bbbe url(img/navbg.jpg) top left repeat-x;
		}
	
#nav .menu-liste a {
  border-right:1px solid #b0b0b0; color:#606060; display:block;height:auto !important;height:15px;min-height:15px; padding:11px 10px 10px; text-transform:uppercase;
		}
		
#nav .menu-liste .on a {  background-image: url(img/menuhover-green.jpg); color:#35a63c;}		
#nav .menu-liste a:hover { background-image: url(img/menuhover-green.jpg); }


#nav .menu-entree .menu-liste{
  display:none;
} /*Prevoir menu déroulant*/

/*
Section s3slider
*/
#s3slider { width: 500px; height: 280px; position: relative; overflow: hidden; background: #48423d none; }
#s3sliderContent { width: 500px; position: absolute; top: 0; margin-left: 0; }
.s3sliderImage { float: left; position: relative; display: none; width: 650px; height: 280px; text-align: center; }
.s3sliderImage strong { margin:0 0 15px 0; display:block; }
.s3sliderImage img { text-align: center; vertical-align: middle; }
.s3sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; right: 0; bottom: 0; width: 145px !important; height: 280px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; top: 0; text-align: left; }
.s3sliderImage span a, .s3sliderImage span a:visited { font: bold 12px/16px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }

div.padd-post-box-sb div.padd-interior { height: 62px; min-height: 62px; }
div.padd-post-box-sb div.padd-interior ul { display: block; list-style: none; margin: 11px 0 0 36px; padding: 0; }
div.padd-post-box-sb div.padd-interior ul li { display: block; margin: 10px 15px 0 0; padding: 0; float: left; }
div.padd-post-box-sb div.padd-interior ul li.icon-tweetmeme-mini { margin: 18px 0 0 0; }
div.padd-post-box-sb div.padd-interior ul li a { display: block; float: left; }
div.padd-post-box-sb div.padd-interior ul li a img { border: 0 none; }

/** Slideshow **/
#slideshow-wrap {
	margin-bottom: 36px;
}
#slideshow {
	width: 500px;
	//margin: 0 auto;
}


#slideshow-box {
	padding: 3px 8px 3px 8px;
	width: 500px;
	height: 255px;
	overflow: hidden;
	background-color: #0154a0;/*transparent url('img/bg-slideshow.png') 0 0 no-repeat;*/
	position: relative;
}
#slideshow-box .list {
	position: relative;
	width: 500px;
	height: 255px;
}
#slideshow-box .list .item {
	width: 500px;
	height: 252px;
	position: relative;
	margin: 0;
	padding: 0;
}
#slideshow-box .item .image {
	float: left;
}
#slideshow-box .item .image img {
	//border: 2px solid #fff;
	padding: 11px;
	//background: #c8c8c8 none;
	//box-shadow: 3px 3px rgba(0,0,0,0.5);
}
#slideshow-box .item .image a {
	display: block;
}

#slideshow-box .item .meta {
	width: 200px;
	float: right;
	color: #fff;
	//text-shadow: rgba(0, 0, 0, 0.5) 1px 1px;
	max-height: 210px;
	overflow: hidden;
	padding-top:30px;
	padding-right:20px;
}
#slideshow-box .item .meta h3 {
	font: normal 18px/20px;
	margin: 0 0 0.1em 0;
}
#slideshow-box .item .meta a {
	font-size:20px;
	color: #fff;
	text-decoration: none;
	line-height:27px;
	font-family:Verdana;
	text-shadow:1px 1px #000;
}
#slideshow-box .item .meta a:hover {
	text-decoration: underline;
}
#slideshow-box .item .meta .datecat {
	margin: 0 0 1.5em 0;
	font-size: 10px;
	line-height: 16px;
	text-shadow: none;
	color: #368d9c;
	text-transform: uppercase;
}
#slideshow-box .item .meta .read-more {
	margin-top: 2em;
}
.dir-button {
	width: 88px;
	height: 311px;
	position: absolute;
	top: 0px;
	cursor: pointer;
}
.dir-button-l {
	left: 0;
}
.dir-button-r {
	right: 0;
}
#slideshow-controller {
	position: absolute;
	left: 400px;
	bottom: 30px;
}
#slideshow-controller button {
	width: 17px;
	height: 17px;
	margin: 0 5px 0 0;
	border: 0 none;
	background: transparent url('img/button-slideshow.png') 0 0 no-repeat;
}
#slideshow-controller button span {
	display: none;
}
#slideshow-controller button.jqc-active {
	background-position: 0 100%;
}


/*  Generated by www.menucool.com/drop-down-menu  */

/* main menu
----------------------------*/
#ddmenu
{
    display:block;
    font-family:Arial;
    text-align:center;
    letter-spacing:normal;
    margin-bottom:1em;
}

#ddmenu ul
{ 
    width:100%;
    margin:0; /*If above width is not 100% and you want this menu to align in the center of its container, set it as { margin: 0 auto; }*/
    padding:0;
    background:#F6F6F9 url(bg-gray.png) repeat-x 0 0;
    border:1px solid #99cc33;
    display:inline-block;
    list-style:none;
    position:relative;
    font-size:0;
    z-index:999999990;
    border-radius:4px;
    
}

#ddmenu li
{
    margin:0;
    padding:0;
    display:inline-block;
    position:relative;
    color:#000000;
}

#ddmenu a
{
    color:#000000;
    padding:0 22px;
    line-height:40px;
    font-size:18px;
    font-weight:normal;
    text-decoration:none;
    display:inline-block;
    outline:0;
    position:relative;
    white-space:nowrap;
}

#ddmenu li.over
{
    z-index:9999999998;
}

/* links without sub-menu */
#ddmenu li.over a
{
    background-color:#DDDDDD;
    background-image:url(bg-gray.png); background-repeat:repeat-x; background-position:0 -60px;
    color:#000000;
}

/* links with sub-menu */
#ddmenu a.arrow
{
    background-image:url(arrow1.gif);
    background-repeat:no-repeat;
    background-position:right center;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
#ddmenu li.over a.arrow
{
    background-color:#FFFFFF;
    color:#99cc33;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    z-index:9999999999;
    /*text-decoration:underline;*/
}

#ddmenu div 
{
    padding:0;
    margin:0;
}              
        
/* sub-menu layout
----------------------------*/
     

#ddmenu div.drop
{
    position:absolute;
    text-align:left;
    border:1px solid #DDDDDD;
    background:#FFFFFF;
    padding:20px;
    color:#000000;
    line-height:30px;
    font-size:13px;
    font-family:Arial;
    font-weight:bold; 
    border-radius:0 0 6px 6px;
    
}
  
#ddmenu div
{
    display:none;
}
/* sub-menu offset
----------------------------*/

#ddmenu div.drop
{
    left:0px;/*Use this property to change offset of the sub-menu*/
}
#ddmenu div.dropToLeft
{
    left:auto; right:0px;
}
#ddmenu div.dropToLeft2
{
    left:auto; right:-120px;
}
  
/* links in sub menu
----------------------------*/

#ddmenu div.drop a
{
    line-height:20px;
    font-size:12px;
    font-family:Arial;
    font-weight:normal; 
    color:#003399;
    text-decoration:none;    
    display:block;
    text-align:left;    
    position:static;
    background:none;
    background-image:none;
    padding:0 0;
}

#ddmenu div.drop a:hover
{
    text-decoration:underline;
    color:#99cc33;
}

/* blocks within the sub-menu
----------------------------*/

#ddmenu div.drop div
{
    background:none;    
}  

#ddmenu div.column
{
    width:auto;
    float:left; /*align each column in one row*/
    padding:0 10px; /*padding of each column*/
}

#ddmenu div.column div
{
   padding:0px 10px; /*sub-div within div.column. 10px for indent.*/
}

/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages
----------------------------*/
#ddmenuLink {display:none;}

/************************dropdown*/

#dropdown ul, li {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
	z-index:999999990;
}

#dropdown {
	list-style:none;
	width:940px;
	margin:0px auto 20px 0px;
	height:43px;
	padding:0px 20px 0px 20px;

	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #014464;
	background: -moz-linear-gradient(top, #014efe, #0154A0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#014efe), to(#0154A0));
	
	/* Borders */
	
	border: 1px solid #002232;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}

#dropdown li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:17px;
	margin-top:7px;
	border:none;
}

#dropdown li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#dropdown li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#dropdown li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#dropdown li .drop {
	padding-right:21px;
	background:url("img/drop.png") no-repeat right 8px;
}
#dropdown li:hover .drop {
	background:url("img/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#dropdown li:hover .dropdown_1column, 
#dropdown li:hover .dropdown_2columns, 
#dropdown li:hover .dropdown_3columns,
#dropdown li:hover .dropdown_4columns,
#dropdown li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#dropdown .dropdown_right {
	float:right;
	margin-right:0px;
}
#dropdown li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#dropdown li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#dropdown p, #dropdown h2, #dropdown h3, #dropdown ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#dropdown h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#dropdown h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#dropdown p {
	line-height:18px;
	margin:0 0 10px 0;
}

#dropdown li:hover div a {
	font-size:12px;
	color:#015b86;
}
#dropdown li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#dropdown li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#dropdown li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#dropdown li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#dropdown li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#dropdown li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#dropdown li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}