/*======================================================================*\
|| #################################################################### ||
|| # Copyright (C) 2006-2009 Youjoomla LLC. All Rights Reserved.        ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- #      ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
body#color{background:#fafafa}
#mainstripe{background:#fafafa url(../images/blue/colorbg.gif) repeat-x left top}
#loginbar{background:#4176ad url(../images/blue/loginbar.gif) repeat-x left top}
#loginbar_in{background:url(../images/blue/loginbar_in.gif) no-repeat left top}
a#loginlink{background:url(../images/blue/loginlink.gif) no-repeat left top; text-shadow:1px 1px #fff; color:#4176ad}
#loginmod{text-shadow:1px 1px #fff}
#loginmod a{text-shadow:1px 1px #fff; color:#4176ad}
#loginmod .button{background:#4176ad}
#userlogin{background:#FFE500}
#centerbottom{background:#fff}
#logo{background:url(../images/blue/logo.png) no-repeat 0px 0px}
#header{background:url(../images/blue/header.gif) no-repeat left top}
#main .yjttop_l2{background:url(../images/blue/top_lc2.gif) no-repeat left top}
#main .yjttop_r2{background:url(../images/blue/top_rc2.gif) no-repeat right top}
#testimonials{background:url(../images/blue/testimonials.gif) no-repeat left top}
#morework{background:url(../images/blue/moreworkk.gif) no-repeat left top}
#topslider{background:url(../images/blue/tsl.gif) no-repeat left top}
#topslider_r{background:url(../images/blue/tsr.gif) no-repeat right top}
#topslider .navigator{background:url(../images/blue/nav_bg.jpg) center center no-repeat}
#topslider .navigator li{background-image:url(../images/blue/off.jpg)}
#topslider .navigator li.selected{background-image:url(../images/blue/on.jpg); border:none}
#footer{background:url(../images/blue/footer_l.gif) no-repeat left top}
#youjoomla{background:url(../images/blue/footer_r.gif) no-repeat right top}
.readbig{background:url(../images/blue/big_readmore.gif) no-repeat left top}

.search{}
.search .inputbox{}

#modlgn_passwd, #modlgn_username{color:#4176ad}
#modlgn_passwd{background:#fff}
#modlgn_username{background:#fff}
#mod_login_remember{border:none; padding:0!important}

a:link, a:visited{text-decoration:none; color:#4176ad}
a:focus, a:hover{color:#505050; text-decoration:none}
h1, h3, h4, 
h5, h6, h2{color:#4176ad}
.small, .createdate, .modifydate, .mosimage_caption, .createby{text-transform:uppercase; color:#ccc; font:10px Tahoma,Verdana,"Lucida Sans"}
.componentheading, 
.contentheading, 
.contentheading a:link, 
.contentheading a:visited, 
.contentheading a:link, 
.contentheading a:visited{color:#4176ad}
#pathway{}
.toclink{border:1px solid #FAFAFA}
fieldset{border:1px solid #FAFAFA}
.yjsquare_in fieldset{border:none}
.inputbox{background:#FFF; border:1px solid #4176ad}
.inputbox:hover, .inputbox:focus{background:#FAFAFA; border:1px solid #4176ad}

.button{color:#fff}
.button, .validate{background:#4176ad; color:#fff; text-transform:uppercase; font-size:10px; border:0}
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:#4176ad; color:#fff}
a.readon:link, a.readon:visited{background:url(../images/blue/read_l.gif) no-repeat left top; color:#4176ad}

.readon span{background:url(../images/blue/read_r.gif) no-repeat right top}
a.readon:hover, .pagenavbar a:hover{color:#505050}

.yjsquare h3{color:#4176ad}
.yjsquare h3 span{color:#4176ad}
.yjsquare{background:none; color:#555}

.yjsquare_yj1 h3{color:#4176ad; padding:10px 0 0 5px}
.yjsquare_yj1 h3 span{color:#4176ad}
.yjsquare_yj1{color:#555; background:url(../images/blue/yj1.gif) no-repeat left top}

.yjsquare_yj2 h3{color:#4176ad; padding:10px 0 5px 5px; border-bottom:1px solid #4176ad}
.yjsquare_yj2 h3 span{color:#4176ad}
.yjsquare_yj2{color:#555}

#horiznav ul li a{color:#fff; background:url(../images/blue/topmenu/normal_l.png) no-repeat left center; background:none}
#horiznav ul li a:hover, 
#horiznav ul li:hover a, 
#horiznav ul li.sfHover a{color:#4176ad; background:url(../images/blue/topmenu/hover_l.png) no-repeat left top}
#horiznav li#current a, 
#horiznav li#current a:hover, 
#horiznav li#current:hover a, 
#horiznav li#current.sfHover a, 

#horiznav li.active a{color:#4176ad; background:url(../images/blue/topmenu/active_l.png) no-repeat left top}
#horiznav li#current, 
#horiznav li#current:hover, 
#horiznav li#current.sfHover, 
#horiznav li.active{background:url(../images/blue/topmenu/active_r.png) no-repeat right top}
#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:#4176ad; 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:#fff}
#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:#4176ad; color:#fff; 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:#4176ad}
#horiznav li li{border-bottom:1px solid #eaeaea}

#horiznav li ul{}

#horiznav li, #horiznav{background:url(../images/blue/topmenu/horiz_bg.png) repeat-x 0 bottom; font-weight:bold; background:none}
#horiznav li{background:url(../images/blue/topmenu/normal_r.png) no-repeat right top; background:none}
#horiznav ul li:hover, #horiznav ul li.sfHover{background:url(../images/blue/topmenu/hover_r.png) no-repeat right top}

#horiznav ul li ul li.haschild a.child{background:url(../images/blue/topmenu/arrow_right.gif) 95% 50% no-repeat}
#horiznav ul li ul li a.child:hover{background:url(../images/blue/topmenu/arrow_right_h.gif) 95% 50% no-repeat}
#horiznav ul li.active ul li a.child{background:url(../images/blue/topmenu/arrow_right.gif) 100% 50% no-repeat}

#mainlevel li a, 
.menu li a, 
a.mainlevel{background:#fff url(../images/blue/mainlevel.jpg) no-repeat left top}
#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:#fff url(../images/blue/mainlevel.jpg) no-repeat left bottom}
a.sublevel{background:url(../images/blue/bodyli.gif) no-repeat 5px 9px}
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:#505050}
a.mainlevel, 
#mainlevel li a{color:#4176ad}
.yjsquare li.active ul li a, 
a.sublevel#active_menu{color:#4176ad}
.yjsquare li.active ul li a:hover, 
.yjsquare li.active ul li.active a{color:#4176ad; background:#fff url(../images/blue/mainlevel.jpg) no-repeat left top}
body li{padding-left:15px; background:url(../images/blue/bodyli.gif) no-repeat 0px 7px; font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px; text-decoration:none}
#youjoomla, #youjoomla a{color:#4176ad}
#youjoomla a:hover{color:#505050}
a.readbig:link, 
a.readbig:focus, 
a.readbig:visited{color:#fff; text-shadow:1px 1px #325c87}
a.readbig:hover{color:#5C4438}