/*----------------------------------------------------------------------------
Color Specific Style Sheet

Name: 				JJ FlexPhotos
Date: 				2007-04-17
Description: 		A dark flexi two-column template.
Author: 			JoomlaJunkie
URL: 				http://www.joomlajunkie.com
----------------------------------------------------------------------------*/

h1 {
	color: #3C9DD9;
}

h3 {
	color:#3C9DD9;
}

h5 {
	color:#3C9DD9;
}

#top_shelf li a:hover {
background: #45ABD1;
}

#center .userboxes li a:hover {
background: #1487B6 url(../images/li-bullet-white.gif) no-repeat 5px 6px;
}

/* Links */
a:hover {color: #3C9DD9;}

/* Joomla Specific */
a.pagenav:hover,
a.pagenav:active,
a.pagenav:focus,
.pagenav_prev a:hover,
.pagenav_prev a:active,
.pagenav_prev a:focus,
.pagenav_next a:hover,
.pagenav_next a:active,
.pagenav_next a:focus,
.pagenavbar a:hover,
.pagenavbar a:active,
.pagenavbar a:focus {
	text-decoration:none;
	color:#3C9DD9;
}

.small {
/* a symantic style to allow you to add text with this class, that
is used for small text, like date/written by etc */
	color:#3C9DD9;
}

.sectiontableheader {
	background-image: url(../images/top-shelf-modhead.jpg);
}

pre {
	border-left: 6px solid #3C9DD9;
}

/* Form Styling */
.button {
	background: #117FAE url(../images/button-bg.jpg) repeat-x;
}

/* Module Styling */

.moduletable h3 {
	background: #0099CC url(../images/modhead-std.gif) no-repeat 11px 7px;
}

#left .moduletable,
#left .moduletable-grey,
#left .moduletable-color,
#right .moduletable,
#right .moduletable-grey,
#right .moduletable-color {
	background: #F8FCFE;
}

.userboxes {
	background: #F8FCFE;
}

.moduletable-color h3 {
	background: #2A3233 url(../images/modhead-blue.jpg) repeat-x top left;
}

#top_shelf .moduletable h3 {
	background: url(../images/top-shelf-modhead.jpg) repeat-x top left;
}

#footer_shelf .moduletable h3 {
	color: #3C9DD9;
	border-bottom: 1px solid #3C9DD9;
}

.moduletable-inset {
	background: #1B98C6;
	border: 1px solid #A4DAFC;
}

/* Menu Styling */
/* Active */#mainmenu-nav #active_menu-nav,#mainmenu-nav #active_menu-nav.haschild {	background: #1487B6;}
#mainmenu-nav li a#active_menu-nav.hassubchild {	background: #45ABD1 url(../images/hassubchild.gif) no-repeat right center;}
#mainmenu-nav li a#active_menu-nav.haschild {	background: #45ABD1 url(../images/haschild.gif) no-repeat 50% 100%;}

/* $2 - Hover state on all levels with NO Child Elements----------------------------------------------------------------------------*//* 2nd Menu Hover Persistence */ul#mainmenu-nav li:hover li a:hover,ul#mainmenu-nav li:hover li:hover a,ul#mainmenu-nav li.iehover li a:hover,ul#mainmenu-nav li.iehover li.iehover a/* 3rd Menu Hover Persistence */ul#mainmenu-nav li:hover li:hover li a:hover,ul#mainmenu-nav li:hover li:hover li:hover a,ul#mainmenu-nav li.iehover li.iehover li a:hover,ul#mainmenu-nav li.iehover li.iehover li.iehover a,/* 4th Menu Hover Persistence */ul#mainmenu-nav li:hover li:hover li:hover li a:hover,ul#mainmenu-nav li:hover li:hover li:hover li:hover a,ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a {	color: #fff;	background: #45ABD1;	margin: none;}
ul#mainmenu-nav li:hover li a.hassubchild:hover,ul#mainmenu-nav li:hover li:hover a.hassubchild,ul#mainmenu-nav li.iehover li a.hassubchild:hover,ul#mainmenu-nav li.iehover li.iehover a.hassubchild,/* 3rd Menu Hover Persistence - With Child Elements */ul#mainmenu-nav li:hover li:hover li a.hassubchild:hover,ul#mainmenu-nav li:hover li:hover li:hover a.hassubchild,ul#mainmenu-nav li.iehover li.iehover li a.hassubchild:hover,ul#mainmenu-nav li.iehover li.iehover li.iehover a.hassubchild {	background: #45ABD1 url(../images/hassubchild.gif) no-repeat right center;}
ul#mainlevel li a:hover {	background: #1487B6 url(../images/side-menu-icon.png) no-repeat 10px 8px;
	color: #fff;}

ul#mainlevel a#active_menu {	background: #1487B6 url(../images/side-menu-icon.png) no-repeat 10px 8px;	color: #fff;}

div#footer li a:hover {	color: #1487B6;	background: none;}

/* template_css color specific styles */#top h1 a {	background:url(../images/branding-logo.jpg) no-repeat;}
div#top_shelf {background: #1B98C6 url(../images/top-shelf.jpg) repeat-x bottom left;} div#footer{border-top: 1px solid #3C9DD9;}
#LoginBox a{	color: #3C9DD9;}