/*======================================================================*\
|| #################################################################### ||        ||
|| # Copyright (C) 2010  This site is designed by Rim Schewczyk           ||              ||
|| # websites - http://www.shownd.com/rimschew   ||
|| #################################################################### ||
\*======================================================================*/
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
body#stylef1, body#stylef2, body#stylef3, body#stylef4, body#stylef5, body#stylef6, body#stylef7, body#stylef8, body#stylef9, body#stylef10, body#stylef11, body#stylef12, body#stylef13, body#stylef14, body#stylef15, body#stylef16 {
	background:#D8D6C1 url(../images/metal/background.jpg) no-repeat center top;
	color:#555;
}
/* ADDITIONAL  FOR ADVERT INTRO */
h1.hadv{
	text-shadow:1px 1px #fff;
	color:#3d3d3d;
	font-size:200%;
}
p.padv{
	text-shadow:1px 1px #eee;
	color:#121212;
}
/* BOTTOM PART OF THE SITE LAYOUT. BASE WRAP */
#centerbottom {
	background:#fff;
}
/*GRIDS STYLING CAN BE USED TO STYLE EACH metal DIFFERENTLY */
#yjsg1 {
	background:#202f2f;
	color:#efefef;
}

#header {
	background: #EDE7D9 url(../images/metal/header_bg.jpg) no-repeat left top;
}

#logo {
	background:url(../images/metal/logo.png) no-repeat 0px 0px;
}

#yjsgheadergrid {
	color:#efefef;
}

#yjsg2 {
	background:#d9d9d9 url(../images/metal/yjsg2_bg.jpg) repeat-x left bottom;	
}

#yjsg3 {
	background:#fff;
}

#yjsg4 {
	background:#d9d9d9;
}

#yjsg5 {
	background:#e1e1e1;
}

#pathway {
	background:#111F1F;
	color:#efefef;
}
#pathway .yjsg_breadcrumbs a.pathway{
	background: url(../images/arrow.png) no-repeat right center;
}
#yjsg6 {
	background:#f2f2f2;
}

#yjsg7 {
	background:#292929;
	color:#efefef;
}

#footer {
	background:#5E756F url(../images/metal/footer.jpg) no-repeat right top;
	color: #D8D7CD;
}

#joomlacredit {
	background:  url(..images/metal/joomlacredit.jpg) no-repeat center center;
	color:#474646;
}

/*TEMPLATE CSS 
--------------------- */
/* SITE LINKS */
a:link, a:visited {
	text-decoration: none;
	color:#121212;
}
/* SITE HOVERS */
a:focus, a:hover {
	color:#ffffff;
	text-decoration: none;
}
/*DIFFERENT STYLE FOR  LINKS ON DARK BG
--------------------- */
#footmod .yjplain a, #footmod .yjplain a:visited, #cp a, #cp a:visited, #joomlacredit a, #joomlacredit a:visited, #pathway a, #pathway a:visited, #yjsg1 a, #yjsg1 a:visited, #yjsg7 a, #yjsg7 a:visited, #yjsgheadergrid a,#yjsgheadergrid a:visited{
	color:#9E895A;
}
#footmod .yjplain a:hover, #footmod .yjplain a:focus, #cp a:focus, #cp a:hover, #joomlacredit a:focus, #joomlacredit a:hover, #pathway a:focus, #pathway a:hover, #yjsg1 a:focus, #yjsg1 a:hover, #yjsg7 a:focus, #yjsg7 a:hover, #yjsgheadergrid a:focus,#yjsgheadergrid a:hover {
	color:#9E7059;
}
/* SITE HEADINGS */
h1, h2, h3, h4, h5, h6 {
	color:#727272;
}

.small, .createdate, .modifydate, .createby {
	text-transform: uppercase;
	color:#ccc;
	font-size:10px;
}
/* SITE TITLE, NEWS ITEM TITLE, MORE ARTICLES */
.pagetitle, div.title h1, div.title h2, .yjsg-morearticles h3 {
	color:#222222;
	border-bottom:1px dashed #222222;
}

.yjsg-morearticles h3 {
	border:none;
}
/* NEWS ITEM TITLE WITH LINK*/
div.title h1 a:link, div.title h1 a:visited, div.title h2 a:link, div.title h2 a:visited {
	color:#222222;
}

div.title h1 a:hover, div.title h1 a:focus, div.title h2 a:hover, div.title h2 a:focus {
	color:#727272;
}

/* FORM ELEMENTS */
/* ARTICLE TABLE OF CONTENTS */
fieldset, .toclink {
	border:1px solid #c8c8c8;
}
/* FIELDSET IN MODULES */
.yjsquare_in fieldset, .yjround_in fieldset {
	border:none;
}
/* INPUTBOXES */
.inputbox, #userreminder .required {
	background: #FFFFFF;
	border: 1px solid #c8c8c8;
}

.inputbox:hover, .inputbox:focus, #userreminder .required:hover, #userreminder .required:focus {
	background: #F7F7F7;
	border: 1px solid #525252;
}

/*BUTTONS
--------------------- */
.button {
	color:#fff;
}

.button, .validate {
	background:#c8c8c8;
	border:1px solid #727272;
	color:#121212;
}

a.button:link, a.button:visited, a.button:focus {
	color:#fff;
	padding:3px;
}

.back_button a:hover, .back_button a:active {
	color: #000;
	text-decoration: none;
}

a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a {
	background:#c8c8c8;
	border:1px solid #727272;
	color:#121212;
}

a.readon:link, a.readon:visited {
	background:#c8c8c8;
	border:1px solid #727272;
	color:#121212;
}

/* ADDITIONAL SPAN READON CLASS FOR ROUND CORNERS */
.readon span {
	background:#c8c8c8;
}

a.readon:hover, .pagenavbar a:hover {
	color:#727272;
}

/* THIS TEMPLATE IS EQUIPED WITH  ROUND AND SQUARE CORNERS
TO SEE ROUND CORNERS SIMPLY CHANGE THE MODULE metal STYLE IN TEMPLATE MANAGER
UNDER ACCORDION ADVANCED OPTIONS. SEE ALSO rounded.css FILE".

/* ROUND MODULES STYLING
--------------------- */
/* ROUND IMAGE. YOU CAN CHANGE TO YOUR OWN. 1 IMAGE TECHNIQUE USED */
.yjround .content, .yjround .t, .yjround .b, .yjround .b div {
	background:url(../images/metal/rounded.png);
}

.yjround h4 {
	color:#222222;
	border-bottom:1px dashed #222222;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR */
.yjround h4 span {
	color:#222222;
}
/* SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND*/
#yjsg1 .yjround .content, #yjsgheadergrid .yjround .content, #yjsg7 .yjround .content {
	color:#222222;
}
.yjround_in {
}

/*SQUARE MODULES STYLE
--------------------- */
.yjsquare h4 {
	color:#222222;
	border-bottom:1px dashed #222222;
}
/* SPAN COLOR SHOWS FIRST */
.yjsquare h4 span {
	color:#222222;
}

.yjsquare {
}

.yjsquare_in {
}
/* ADDITIONAL MODULE STYLES */
/* _yj1 */
.yjsquare_yj1 h4 {
}
.yjsquare_yj1 h4 span {
}
.yjsquare_yj1 {
}
.yjsquare_yj1 .yjsquare_in {
}
/* _yj2 */
.yjsquare_yj2 h4 {
}
.yjsquare_yj2 h4 span {
}
.yjsquare_yj2 {
}
.yjsquare_yj2 .yjsquare_in {
}
/*  SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND */
#yjsg1 .yjsquare h4, #yjsg7 .yjsquare h4, #yjsgheadergrid .yjsquare h4 {
	color:#ccc;
	border-bottom:1px dashed #ccc;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR*/
#yjsg1 .yjsquare h4 span, #yjsg7 .yjsquare h4 span, #yjsgheadergrid .yjsquare h4 span {
	color:#ccc;
}

/*SEARCH INPUTBOX STYLING. CURRENTLY USING DEFAULT INPUT STYLE
--------------------- */
.search {
}
.search .inputbox {
}
/*LOGIN MODULE INPUTBOX CURRENTLY USING DEFAULT INPUT STYLE
--------------------- */
#modlgn_passwd, #modlgn_username {
}
#modlgn_passwd {
}
#modlgn_username {
}
#mod_login_remember {
	border: none;
	padding: 0!important;
}

/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
/*MENU SUB TITILES. USED WHEN MENU TITLES SETTING IS ENABLED IN TEMPLATE MANAGER*/
#horiznav ul li a span.menu_description {
	color:#908d8d;
}

#horiznav ul li.active a span.menu_description, #horiznav ul li a:hover span.menu_description, #horiznav ul li.sfHover a span.menu_description {
	color:#4F4F4F;
}
/*END SUB TITLES*/

#horiznav ul li a {
	color: #efefef;/* NORMAL LINKS COLOR */
	background: url(../images/metal/topmenu/normal_l.png) no-repeat left center;
}

#horiznav ul li a:hover, #horiznav ul li:hover a, #horiznav ul li.sfHover a {
	color: #121212;/* LINKS HOVER COLOR */
	background: url(../images/metal/topmenu/hover_l.png) no-repeat left center;
}

#horiznav li#current a, #horiznav li#current a:hover, #horiznav li#current:hover a, #horiznav li#current.sfHover a, #horiznav li.active a {
	color: #121212;/* ACTIVE LINKS COLOR */
	background: url(../images/metal/topmenu/active_l.png) no-repeat left center;
}

#horiznav li#current, #horiznav li#current:hover, #horiznav li#current.sfHover, #horiznav li.active {
	background: url(../images/metal/topmenu/active_r.png) no-repeat right center;
}

#horiznav ul li:hover li a, #horiznav ul li.sfHover li a, #horiznav ul li#current:hover li a, #horiznav ul li#current.sfHover li a, #horiznav ul li:hover ul ul li a, #horiznav ul ul li.active {
	color: #121212;/* SUB LEVEL LINKS HOVER COLOR */
	background-image: none;
}

#horiznav li:hover ul, #horiznav li li:hover ul, #horiznav li li li:hover ul, #horiznav li li li li:hover ul, #horiznav li.sfHover ul, #horiznav li li.sfHover ul, #horiznav li li li.sfHover ul, #horiznav li li li li.sfHover ul, #horiznav ul li:hover li a, #horiznav ul li.sfHover li a, #horiznav ul li:hover ul ul li a, #horiznav ul li.sfHover ul ul li a {
	background-color: #EAE7E0;/* SUB LEVEL BACKGROUND COLOR */
}

#horiznav li ul li a:hover, #horiznav li ul li ul li a:hover, #horiznav li li:hover, #horiznav ul li li.sfHover, #horiznav li li.sfHover a, #horiznav ul li li:hover a, #horiznav ul li li:hover, #horiznav ul li li.sfHover, #horiznav ul li li#current a:hover, #horiznav li.haschild ul li#current.sfHover, #horiznav li.haschild ul li#current:hover, #horiznav ul li.haschild li#current a:hover {
	background-color: #D8D0BD; /* SECOND LEVEL BACKGROUND  HOVER COLOR */
	color: #121212;/* SUB LEVEL BACKGROUND TEXT HOVER COLOR */
	background-image: none;
}

#horiznav ul li#current ul li a, #horiznav ul li#current ul li, #horiznav ul li#current ul li a:hover, #horiznav ul li#current ul li.hover #horiznav ul li#current ul li.sfHover, #horiznav ul li.haschild li#current a {
	color: #121212;/* SUB LEVEL ACTIVE TEXT COLOR */
}

#horiznav li li {
	border-bottom: 1px solid #c7c5c5;/*SUB LEVEL BOTTOM LINE  */
}

#horiznav li ul {
/*SUB LEVEL UL BORDER IF NEEDED*/
}

#horiznav li, #horiznav {
	background: url(../images/metal/topmenu/horiz_bg.png) repeat-x 0 bottom;
	font-weight: bold;
}

#horiznav li {
	background: url(../images/metal/topmenu/normal_r.png) no-repeat right center;
}

#horiznav ul li:hover, #horiznav ul li.sfHover {
	background: url(../images/metal/topmenu/hover_r.png) no-repeat right center;
}

/*SUB LEVEL PARENT ITEM ARROWS*/
#horiznav ul li ul li.haschild a.child, #horiznav ul li ul li a.child:hover {
	background-image:url(../images/metal/topmenu/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:95% 50%;
}

/* SUB SUB ARROW */
#horiznav ul li.active ul li a.child,#horiznav ul li#current.active a.child,#horiznav ul li#current.active a.child:hover{
	background-image:url(../images/metal/topmenu/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:95% 50%;
}

/*TOP MENU STYLE FOR DROPLINE AND SMOOTH DROPLINE*/
/* MENU SUB TITILES. USED WHEN MENU TITLES SETTING IS ENABLED IN TEMPLATE MANAGER */
#horiznav_d ul li a span.menu_description {
	color:#908d8d;
}

#horiznav_d ul li.active a span.menu_description, #horiznav_d ul li a:hover span.menu_description, #horiznav_d ul li.sfHover a span.menu_description {
	color:#4F4F4F;
}
/*END SUB TITLES*/

#horiznav_d {
	background: url(../images/metal/topmenu/horiz_bg_d.png) repeat-x 0 top;
	font-weight: bold;
}

#horiznav_d li {
	background:url(../images/metal/topmenu/normal_l.png) no-repeat left center;
}

#horiznav_d li a, #horiznav_d li .separator {
	background: url(../images/metal/topmenu/normal_r.png) no-repeat right center;
	color: #efefef;/*TOP LEVEL NORMAL LINKS COLOR */
}

#horiznav_d ul li ul {
	background: url(../images/metal/topmenu/horiz_bg_dd.png) repeat-x 0 top;/*MUST BE USED FOR HOVER OVERLAPPING EFFECT*/
}

#horiznav_d li.active, #horiznav_d li.active:hover, #horiznav_d li.active.sfHover, #horiznav_d li:hover, #horiznav_d li.sfHover {
	background: url(../images/metal/topmenu/active_l.png) no-repeat left center;
}

#horiznav_d li.active a, #horiznav_d li.active .separator, #horiznav_d li.active a:hover, #horiznav_d li.active .separator:hover, #horiznav_d li:hover a, #horiznav_d li:hover .separator, #horiznav_d li.sfHover a, #horiznav_d li.sfHover .separator {
	background: url(../images/metal/topmenu/active_r.png) no-repeat right center;
	color: #121212; /*TOP LEVEL ACTIVE LINK COLOR */
}

#horiznav_d li.haschild li a:hover, #horiznav_d li.haschild li.active a, #horiznav_d li.haschild li a {
	color: #525252;/*DROPLINE ACTIVE AND HOVER LINKS COLOR */
	text-decoration:underline;
	background-image: url(../images/metal/topmenu/drop_sep.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

#horiznav_d li.haschild li a {
	color:#121212;/*DROPLINE NORMAL LINKS COLOR */
	font-weight: bold;
}

/*SIDE MENU MODULE
--------------------- */
#mainlevel li a, .menu li a, a.mainlevel {
	background: url(../images/metal/mainlevel.gif) no-repeat left top;/* LINKS BG IMAGE */
	color:#727272;/* MENU NORMAL LINKS COLOR */
}

#mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel:hover, a.mainlevel#active_menu, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, .menu li a:hover, .menu li.active a {
	background: url(../images/metal/mainlevel.gif) no-repeat left bottom;/* HOVER AND ACTIVE LINKS BG IMAGE */
}

a.sublevel {
	background: url(../images/metal/bodyli.gif) no-repeat 5px 9px; /* SUB LEVELS LI IMAGE */
}

a.sublevel:hover {
	text-decoration:underline;
}

#footmod a.mainlevel:hover, #footmod a.mainlevel:active, #footmod a.mainlevel:focus, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel#active_menu, a.sublevel, a.sublevel:hover, a.sublevel:active, a.sublevel:focus, #active_menu, a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, ul li a:hover, li.active a, li.parent a {
	color:#D8D6C1;/*HOVER AND ACTIVE LINK COLOR */
}

li.active ul li a, a.sublevel#active_menu {
	color:#525252; /* MENU LI A AND MENU SUB LEVELS LINK COLOR */
}

li.active ul li a:hover, li.active ul li.active a {
	color:#525252;  /* MENU LI A HOVER AND ACTIVE LINK COLOR */
	background: url(../images/metal/mainlevel.gif) no-repeat left top;
}

ul li {/* SITES LI IMAGE */
	background: url(../images/metal/bodyli.gif) no-repeat 0px 5px;
}

/*USER PAGES STYLE */
#userlogin, #userlogout, #userregister, #userreminder {
	background:#e7e7e7;
}
/* IMAGE CAPTIONS */
p.img_caption {
	background:#efefef;
	border:1px solid #ccc;
	text-shadow:1px 1px #fff;
	text-transform:uppercase;
	color:#5F5F5F;
}