/* Adjust color of menu buttons a bit lighter than #2495D9 */
/* midway in color range of images/blueButton.png */

#topmenu li:hover, #topmenu li.active {
background: none repeat scroll 0 0 #2db4e4;
}
#topmenu ul ul {
background: none repeat scroll 0 0 #2db4e4;
}


/* Change read-more from the blue button at left */
.readon, .readmore {
background: none repeat-x scroll 0 0 transparent;
border: 0 solid #2495D9;
color: #2db4e4 !important;
float:right;
}

.readon a, .readmore a {
color: #2db4e4 !important;
}


/* Set background color for all pages */

#header {
background: none repeat scroll 0 0 #ffffe8;
color: #B9ECF0;
}

#stage {
background: none repeat scroll 0 0 #ffffe8;
}

#container {
background: none repeat scroll 0 0 #ffffe8;
}

/* Set grid-top1 so it shows menu buttons like topmenu */
/* @group grid-top1 menu layout*/
/* CSS in this group controls the 'layout' of the menu */
#topmenu ul, 
div#stage-inner div.container_12.clearfix div.grid div.module ul,  
#topmenu ul li, 
div#stage-inner div.container_12.clearfix div.grid div.module ul li, 
#topmenu ul ul, 
div#stage-inner div.container_12.clearfix div.grid div.module ul ul {
list-style: none;
margin: 0;
padding: 0;
}
#topmenu ul, 
div#stage-inner div.container_12.clearfix div.grid div.module ul {
position: relative;
z-index: 597;
float: left;
}
#topmenu ul li, 
div#stage-inner div.container_12.clearfix div.grid div.module ul li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
margin:0 3px 0 0;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
#topmenu ul li a, 
div#stage-inner div.container_12.clearfix div.grid div.module ul li a {
padding:10px 15px;
display:block;
text-decoration:none;
position:relative;
font-weight:bold;
}
#topmenu ul li.hover, 
div#stage-inner div.container_12.clearfix div.grid div.module ul li:hover, 
#topmenu ul li:hover, 
div#stage-inner div.container_12.clearfix div.grid div.module ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
#topmenu ul ul, 
div#stage-inner div.container_12.clearfix div.grid div.module ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: auto;
min-width:200px;
text-transform:capitalize;
font-size:13px;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
#topmenu ul ul li, 
div#stage-inner div.container_12.clearfix div.grid div.module ul ul li {
float: none;
white-space:nowrap;
margin:0;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
#topmenu ul ul li a, 
div#stage-inner div.container_12.clearfix div.grid div.module ul ul li a {
padding:10px 15px;
height:16px;
border-radius:0;
}
#topmenu ul ul ul, 
div#stage-inner div.container_12.clearfix div.grid div.module ul ul ul {
top: -5px;
left: 100%;
}
#topmenu ul li:hover > ul, 
div#stage-inner div.container_12.clearfix div.grid div.module ul li:hover > ul {
visibility: visible;
}
/* @end */
/* @group grid-top1 menu styles */
/* CSS in this group controls the 'style' of the menu */
#topmenu li a, 
div#stage-inner div.container_12.clearfix div.grid div.module{
text-shadow:1px 1px 1px #FFF;
-moz-text-shadow:1px 1px 1px #FFF;
-webkit-text-shadow:1px 1px 1px #FFF;
-khtml-text-shadow:1px 1px 1px #FFF;
}
#topmenu li:hover,
#topmenu li.active, 
div#stage-inner div.container_12.clearfix div.grid div.module li:hover,
div#stage-inner div.container_12.clearfix div.grid div.module li.active{
background:#333;
}
#topmenu li:hover a,
#topmenu li.active a,
div#stage-inner div.container_12.clearfix div.grid div.module li:hover a,
div#stage-inner div.container_12.clearfix div.grid div.module li.active a{
color:#FFF;
text-shadow:1px 1px 1px #000;
-moz-text-shadow:1px 1px 1px #000;
-webkit-text-shadow:1px 1px 1px #000;
-khtml-text-shadow:1px 1px 1px #000;
}
#topmenu ul ul, div#stage-inner div.container_12.clearfix div.grid div.module ul ul {
background:#333;
}
#topmenu ul ul li:hover,
div#stage-inner div.container_12.clearfix div.grid div.module ul ul li:hover{
background:#555;
}
#topmenu ul ul li a,
div#stage-inner div.container_12.clearfix div.grid div.module ul ul li a{
color:#555;
text-shadow:1px 1px 2px #FFF;
-moz-text-shadow:1px 1px 2px #FFF;
-webkit-text-shadow:1px 1px 2px #FFF;
-khtml-text-shadow:1px 1px 2px #FFF;
}
/* @end */

/* make breadcrumbs module smaller */
#stage-inner div.container_12.clearfix div.grid div.module.mod_2.last.flexgrid_2 div.pad {
width: 350px;
float: right;
}

/* make menu wider */
#stage-inner div.container_12.clearfix div.grid div.module.mod_1.first.flexgrid_2 div.pad ul.menu-blue {
width: 600px;
float: left;
}

#stage-inner div.container_12.clearfix div.grid div.module.mod_1.first.flexgrid_2 div.pad {
margin: 0;
padding: 2px 0px;
}


/* Adjust color of menu buttons a bit lighter than #2495D9 */
/* midway in color range of images/blueButton.png */

div#stage-inner div.container_12.clearfix div.grid div.module li:hover, 
div#stage-inner div.container_12.clearfix div.grid div.module li.active {
background: none repeat scroll 0 0 #2db4e4;
}
div#stage-inner div.container_12.clearfix div.grid div.module ul ul {
background: none repeat scroll 0 0 #2db4e4;
}


/* BUTTON STYLES */

.blueButton, .greenButton, .orangeButton, .yellowButton, .redButton, .brownButton, .cyanButton, .purpleButton, .pinkButton, .oliveButton {
white-space:nowrap;
height:20px;
padding:10px 10px;
display:inline-block;
text-decoration:none;
font-size:12px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
}
.blueButton:hover, .greenButton:hover, .orangeButton:hover, .yellowButton:hover, .redButton:hover, .brownButton:hover, .cyanButton:hover, .purpleButton:hover, .pinkButton:hover, .oliveButton:hover {
text-decoration:none;
}

/* Less vertical space in grid-top1  */

#stage-inner {
margin: 0 auto;
padding: 10px 0 0;
width: 960px;
}
.module mod_1 first flexgrid_2 {
margin-bottom:20px !important
}

/* Padding at top of page. Was   padding: 20px 0 10px  ADW 2/7/12 */
#header-inner {
padding: 10px 0 0;
}

/* Space below menu items */
#topmenu li a, div#stage-inner div.container_12.clearfix div.grid div.module {
margin-bottom: 10px;
}

/* Move search box down inside topmenu area */
/* margin-top: 30px, but needs more with Chrome. 2/7/12 */
#topmenu {
margin-top:auto;
}

/* Read More needs some space following it.  ADW 2-4-2012 */
.readon, .readmore {
padding:8px 20px;
margin:-20px 0 20px 0;
}

h2 {
    margin-top:20px;
}