/* CSS Document */

body{
font-family:Calibri, Arial, "Times New Roman";
font-size:16px;
}
#outer{
width:960px;
margin:auto;
}

/* logos */
#logo{
width:460px;
height:100px;
background-image:url(images/Menu/Logo.jpg);
background-repeat:no-repeat;
cursor:pointer;
}
#haloween{
width:600px;
height:100px;
background-image:url(images/logos/haloween.jpg);
background-repeat:no-repeat;
cursor:pointer;
}
#fireworks{
width:600px;
height:100px;
background-image:url(images/logos/fireworks.jpg);
background-repeat:no-repeat;
cursor:pointer;
}
#christmas{
width:600px;
height:100px;
background-image:url(images/logos/christmas.jpg);
background-repeat:no-repeat;
cursor:pointer;
}
#summerSoltice{
width:600px;
height:100px;
background-image:url(images/logos/summer-solstice.jpg);
background-repeat:no-repeat;
cursor:pointer;
}

#phone{
width:230px;
height:94px;
float:right;
background-image:url(images/Menu/CustomerService.jpg);
background-repeat:no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#menubar{
}
#menuBlack{
width:960px;
height:66px;
background-image:url(images/Menu/navbar/images.jpg);
background-repeat:no-repeat;
clear:both;
}
#main{
}
#breadcrumb{
font-size:0.8em;
color:#999999;
line-height:1.4em;
}
#breadcrumb a, a:visited {
color:#666666;
text-decoration:none;
}
#breadcrumb a:hover{
color:#61BE49;
}
#rightCell{
width:660px;
padding-top:0px;
text-align:justify;
float:right;
}
#leftCell{
padding-top:4px;
padding-left:4px;
width:260px;
background-color:#D5E8C6;
height:100%;
padding-bottom:4px;
}
h1 {
font-size:2em;
font-weight:normal;
line-height:0.6em;
}
h2 {
font-size:1.2em;
font-weight:normal;
line-height:0.6em;
color:#666666;
}
h4 {
margin-top:5px;	
margin-bottom:0px;	
}
#rssText{
width:252px;
height:40px;
background-color:#B5DEA3;
padding-left:4px;
overflow:hidden;
}
.rssHeader{
background-color:#276929;
color:#FFFFFF;
font-size:1.1em;
width:252px;
padding-left:4px;
}
#rssText a{
text-decoration:none;
color:#000033;
display:block;
}
#rssText a:hover{
text-decoration:none;
color:#003300;
background-color:#9ECF89;
}
#footer{
clear:both;
width:960px;
padding-top:50px;
background-image:url(images/Menu/footerBG.gif);
background-repeat:no-repeat;
background-position:center;
font-size:0.8em;
}
#footerR{
float:right; 
width:300px;
text-align:right;
}
#footerC{
float:right; 
width:360px;
text-align:center;
}

#loading, .loading{
display:none;	
}
/*-------------------------------------------------------------------*/
/*---------------------- Hyperlink Styles ---------------------------*/
/*-------------------------------------------------------------------*/
a:link, a:visited, a:active {
color:#000099;
text-decoration:underline;
outline:none;
}
a:hover {
color:#0066FF;
}
/*-------------------------------------------------------------------*/
/*---------------------- Sidebar Styles -----------------------------*/
/*-------------------------------------------------------------------*/
.pp:link, .pp:visited, .pp:active {
color:#000000;
text-decoration:none;
}
.pp:hover {
color:#0066CC;
text-decoration:underline;
}


input.submit{
background-color:#32732B;
color:#FFFFFF;
border-style:outset;
}
input.search{
color:#999999;
}
.sideLinks{
width:256px;
background-color:#B5DEA3;
}
.advert{
width:256px;
background-color:#B5DEA3;
padding-bottom:4px;
}
.advertInner{
width:240px;
margin:auto;
padding-top:4px;
text-align:center;
overflow:hidden;
}
.sideMenuSeperator{
height:4px;
}
ul.sideBar li{
list-style-image:url(images/Menu/bulletB.gif);
list-style:url(images/Menu/bulletB.gif);
margin-left:-20px;
l\ine-height:1.2em;
vertical-align:text-top;
}
ul.sideBar li:first-child{
margin-top:-10px;
}
ul.sideBar li:last-child{
margin-bottom:-16px;
}
ul.sideBar li:hover{
list-style-image:url(images/Menu/bullet.gif);
list-style:url(images/Menu/bullet.gif);
background-color:#9ECF89;
}
ul.sideBar li a, ul.sideBar li a:link, ul.sidebar li a:visited {
text-decoration:none;
color:#000033;
display:block;
}
ul.sideBar li a:hover, ul.sidebar li a:active{
text-decoration:none;
color:#003300;
}
img {
border:none;
}
h1{
margin-top:0px;
}

/*-------------------------------------------------------------------*/
/*---------------------- Warning Buttons ----------------------------*/
/*-------------------------------------------------------------------*/
#warningdiv {
background-color:#990000;
font-weight:bold;
padding:2px;
}
#warningdiv:hover {
background-color:#511313;
}
a.warning:link, a.warning:visited, a.warning:active  {
color:#FFFFFF;
display:block;
text-decoration:none;
}
a.warning:hover {
color:#FFFFFF;
}

/* 
message styles 
*/
.errormessages, .errormsg{
color:#ffffff;
border:1px solid #ff3300;
background-color:#990000;
padding:10px;
margin-bottom:10px;
}
.errormessages a:link, .errormessages a:visited, .errormessages a:active, .errormsg a{
color:#FFFF33;
}
.errormessages ol, , .errormsg ol {
list-style:disc;
list-style-type:disc;
}
.validmessages{
color:#ffffff;
border:1px solid #00CC00;
background-color:#006600;
padding:10px;
margin-bottom:10px;
}
.validmessages a:link, .validmessages a:visited, .validmessages a:active{
color:#FFFF33;
}
.infomessages{
color:#ffffff;
border:1px solid #999999;
background-color:#666666;
padding:10px;
margin-bottom:10px;
}
.infomessages a:link, .infomessages a:visited, .infomessages a:active{
color:#FFFF33;
}
.errormessages h2, .errormsg h2, .infomessages h2, .validmessages h2 {
color:#FFF;	
}

/*
button styles
*/

input.button, .btn{
border:1px solid #CCC;
background-color:#F7F7F7;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
cursor:pointer;
margin-left:0px;
margin-top:6px;
padding:6px 20px;
min-width:100px;
}
input.button:hover, .btn:hover{
background-color:#FFFCB9;
border:1px solid #FC3;
cursor:pointer;
}
input.button:active, .btn:active{
border-color:#FC6;
background-color:#FF9;
cursor:pointer;
}

a.btn {
color:#333;	
text-decoration:none;
min-width:160px;
}

a.button{
margin-top:5px;
height:24px;
background-image:url(/images/button.png);
padding:3px;
padding-left:10px;
padding-right:10px;
font-size:20px;
color:#FFF;
text-decoration:none;
border-top:1px solid #B6DDAA;
border-left:1px solid #328D38;
border-right:1px solid #328D38;
border-bottom:1px solid #060;
	
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 2px 2px #000;
-webkit-box-shadow: 0 0 2px #000;	
display:inline-block;
}
a.button:hover{
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
border-left:1px solid #B6DDAA;
border-right:1px solid #B6DDAA;
}


p.numbers a:link, p.numbers a:visited, p.numbers a:active {
display:bock;
border:1px solid #090;
color:#FFF;
background-color:#276929;
padding:4px;
padding-left:8px;
padding-right:8px;
}
p.numbers a:hover {
background-color:#090;	
color:#DCFFD7;
border:1px solid #0C0;
}

/*-------------------------------------------------------------------*/
/*---------------------- Web Applications ---------------------------*/
/*-------------------------------------------------------------------*/
.siteheading {
padding-left:10px;
background-image:url(/images/services/webdesign/samplesites/tbl_bg.gif);
height:30px;
}
.siteheading h2 {
padding-bottom:0px;
padding-top:0px;
margin-bottom:0px;
margin-top:0px;
font-size:1.2em;
}
.tdright{
padding-right:10px;
}

/*-------------------------------------------------------------------*/
/*---------------------- Body Text Menu Buttons ---------------------*/
/*-------------------------------------------------------------------*/
#bodytextmenudiv {
background-color:#2D3257;
font-weight:bold;
padding:2px;
}
#bodytextmenudiv:hover {
background-color:#4A508C;
}
a.bodytextmenu:link, a.bodytextmenu:visited, a.bodytextmenu:active  {
color:#FFFFFF;
display:block;
text-decoration:none;
}
a.bodytextmenu:hover {
color:#FFFFFF;
}


/*-------------------------------------------------------------------*/
/*------------------ Google Search Styles ---------------------------*/
/*-------------------------------------------------------------------*/
#search {
width:160px;
}
#queryContainer {
	height:22px;
	margin-bottom:0px;
}
#branding { 
	width:45%; 
	float:right;
	margin-top:3px;
}
#searchcontrol {
    width:80%;
    text-align:left;
}
.gsc-control { 
    width: 100%; 
}
.gsc-results, .gsc-webResult {
width:660px;
}









/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 960px;
	font-family: Calibri, Arial, "Times New Roman";
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 220px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	margin-left:55px;
	margin-top:-13px;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 11.3em;
	margin-left:2px;
}
ul.MenuBarHorizontal ul li a
{
	color:#FFFFFF;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: 132px;;
	top: 13px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-image:url(images/Menu/menuItemBGGreen.gif);*/
	padding: 0;
	color: #FFFFFF;
	text-decoration: none;
}
ul.MenuBarHorizontal a:link, ul.MenuBarHorizontal a:visited
{
	color: #FFFFFF;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-position:-205px;
	color: #FFFFFF;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #CCCCCC;
	background-position:-205px;
	color: #FFFFFF;
}


/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* 
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}


ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
*/
ul.green a{
	background-image:url(images/Menu/menuItemBGGreen.gif);
	width:179px;
}
ul.orange a, ul.orange a ul{
	background-image:url(images/Menu/menuItemBGOrange.gif);
	background-position:top left;
	width:188px;
}
ul.yellow a{
	background-image:url(images/Menu/menuItemBGYellow.gif);
	width:189px;

}
ul.blue a{
	background-image:url(images/Menu/menuItemBGBlue.gif);
	width:194px;

}
ul.MenuBarHorizontal ul a
{
	padding-left:6px;	
}

ul.orange a:hover{
	background-position:top right;
}
/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		
	}
}