@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #8b736c;
	background:url(../images/bg.jpg);
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}


/*  MAIN DIVS */

#logo {margin-top: 10px}


#content {line-height: 1.6;
		  width: 425px;
		  height: 409px;
		  overflow: auto;
		  float: left;
		  padding-right: 5px;}

#pics {height: 409px;
		width: 249px;
		float: left;
		margin-left: 13px
}
	#pics p {padding: 0; margin:0}		

#news {width: 215px;
		padding: 15px; padding-top: 0;
		background: #e05a34;
		color: #FFF;
		font-size: 13px;
		float: right;
		height: 393px; 	
		}
		
	#news h2 {font-size: 14px; color: #FFF}
	#news a {color: #FFF; font-weight: bold; text-decoration: underline;}		

#footer {background-image: url(../images/footer-logo.png); background-repeat: no-repeat;
		background-color: #e05a34;
		font-size: 13px;
		line-height: 1.3;
		color: #FFF;
		padding: 12px 0 12px 74px;
		height: 30px;
}
	


.container {margin: auto; width: 944px}






/*   M E N U    */
#menu {margin: 10px 0; height: 66px; text-align: center}
	#menu a {color: #8b736c}
	#menu a:hover {color: #e05a34}

	#menu ul li {float: left; display: block; width: 152px; height: 66px;
				 margin: 0 2px;
				 vertical-align: middle;
				 background-image: url(../images/menu-bg.png); background-position:center; background-repeat: no-repeat}


	.dj-main li:hover ul.dj-submenu {
		left: 15px;
		top: 70px;
		padding: 3px;
		xborder: 1px solid #0b4d97;
		width: 120px;
		height: auto;
		z-index: 300;
	}


	.dj-main li a.dj-up_a {
		line-height: 66px; 
		width: 152px;
		font-size: 17px; text-decoration: none; color: #8b736c; 
		height: 86px; 
		display: block; 
		text-align: center
	}



		.dj-main li:hover {
			position: relative;
			z-index: 200;
		}
		
		
		
		.dj-main li:hover ul.dj-submenu li {
			display: block;
			height: auto;
			position: relative;
			float: left;
			width: 120px;
			font-weight: normal;
		}
		
		.dj-main li:hover ul.dj-submenu li a {
			display: block;
			width: 120px;
			font-size: 13px!important;
			height: 20px;
			line-height: 18px;
			text-decoration: none;
					border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
		}
		
		
		
		
		
		
		.dj-main li:hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active {
			xbackground: #3f96a9;
			color: #fff;
			border-color: #fff;
		}
		
		.dj-main li:hover ul.dj-submenu li a.dj-more:hover {
			xbackground: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
			color: #fff;
		}
		

		
		.dj-main li:hover li:hover ul, .dj-main li:hover li:hover li:hover ul, .dj-main li:hover li:hover li:hover li:hover ul, .dj-main li:hover li:hover li:hover li:hover li:hover ul {
			left: 190px;
			top: -4px;
			xbackground: #50b5d0;
			padding: 3px;
			xborder: 1px solid #0b4d97;
			white-space: nowrap;
			width: 190px;
			z-index: 400;
			height: auto;
		}
		
		.dj-main ul, .dj-main li:hover ul ul, .dj-main li:hover li:hover ul ul, .dj-main li:hover li:hover li:hover ul ul, .dj-main li:hover li:hover li:hover li:hover ul ul {
			position: absolute;
			left: -9999px;
			top: -9999px;
			width: 0;
			height: 0;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		.dj-main li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover li:hover li:hover a.dj-more {
		   x background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
			color: #fff;
			xborder-color: #fff;
		}
		
		.dj-main li:hover li:hover li a.dj-more, .dj-main li:hover li:hover li:hover li a.dj-more, .dj-main li:hover li:hover li:hover li:hover li a.dj-more {
			xbackground: #50b5d0 url(../images/arrow.gif) 180px 6px no-repeat;
			color: #000;
			xborder-color: #50b5d0;
		}
	

	#menu ul li ul li {background: none;;
						height: 24px;
						}

	#menu ul li ul li a {height: 24px; padding: 3px; background-color: #FFF}



	/*    A C T I V E     */	
		#menu .dj-main li.dj-up.active { background-image: url(../images/menuOn-bg.png); }
		#menu .dj-main li a.active, .dj-main li a.active:hover { color: #FFF}
		#menu .dj-main li:hover ul.dj-submenu li a.active  {color: #e05a34;	}














/* Text styles */
h1 {font-size: 20px;
	color: #e05a34;
	margin: 20px 0 6px 0}

h2 {font-size: 15px;
	font-weight: bold;
	color: #e05a34;
	margin: 20px 0 6px 0}


a {color: #e05a34; text-decoration: none}
p {margin: 6px 0}



.small {font-size: 14px}
.orange {	color: #e05a34;}






.blog-featured h2 {
	font-size: 1.5em;
	margin-bottom:0em;
}
p.readmore {
	text-indent:0;
	font-size: .9em;
}
.joomla-footer {
	font-size: .9em;
	margin-bottom: 30px;
}

/* Article functions */
ul.actions {
	clear:both;
	margin-top: -50px;
	float:right;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}



.fader {
    position: relative;
    display: inline-block;
}

.fader img {
    vertical-align: top;
}

.fader img.next {
    position: absolute; 
    top: 0;
    left: 0;
}




.data td {padding: 3px 5px}
.clear {clear: both; display: block; height:0; visibility: hidden; margin: 0}
.border, table.border, table.border td {
	border: 1px solid #CCC;
	
}

.unlinked a, .unlinked p a{ color: #8b736c; text-decoration: none; cursor: text}