@import url(advocacy.css);

/* General Styles */

body {
margin: 0;
padding: 0;
background: #03549d url(/inc-ashe/i/page-bgrep.gif) repeat-x fixed top left;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
color: #000;
}

/* Script for IE6 for Drop menus to work. This script forces IE6 to accept :hover on elements other than <a href>  */
body { behavior: url("/inc-ashe/csshover3.htc"); }

h1,h2,h3,h4,h5,h6,p,form {
margin: 0;
padding: 0;
}

h1{
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	color: #265a8a;
	padding: 8px 0 7px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #265a8a;
	padding: 8px 0 5px 0;
	border-top: 1px solid #ccc;
	margin-bottom: 2px;
}

h3 {
font-size: 14px;
text-transform: uppercase;
color: #999;
font-weight: normal;
margin-bottom: 20px;
}

h1 em {
color: #f90;
font-style: normal;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

h6 {
font-size: 10px;
}

form, td, p, li, blockquote {
font-size: 12px;
}

p {
padding-bottom: 12px;
line-height: 16px;
}


.h1_nobot {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	color: #265a8a;
	padding: 16px 0 14px 0;
	border-top: 1px solid #ccc;
}

.h2-no {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #265a8a;
	line-height: 20px;
}

.nobot { border-bottom: 0px; margin-bottom: 0px; }
.notop { border-top: 0px; margin-top: 0px; }

.h4-col { font-size: 14px; color: #265a8a; }

a:link,
a:visited {
color: #016bb9;
text-decoration: none;
}

a:hover,
a:active {
color: #f90;
text-decoration: underline;
}

.nolist {
list-style: none;
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

ul { margin-top: -5px; }
ol { margin-top: -5px; }

ul.inline li {
float: left;
zoom: 1;
}

.indent {
padding-right: 40px;
padding-left: 40px;
}

.tickertext {
font-size: 14px;
text-transform: uppercase;
color: #23238E;
font-weight: normal;
margin: 0px;
padding: 0px;
}
/* 
.idximage-right = Special class for index page images adding white borders to hide horizontal lines */
.idximage-right { 
float: right;
border-bottom: 10px solid #fff;
border-left: 20px solid #fff;
}


/*
Alternative way to align images using class allowing addition of padding/margin to img element pushing text away from the image. Using standard align="left/right" will still work but no padding will be added allowing text to possible run into the image.
*/

.image-right {
float: right;
padding: 0 0 10px 15px; /* padding bottom and left */
}

.image-left {
float: left;
padding: 0 15px 10px 0; /* padding bottom and right */
}

/* Portraits */
.img-pic {
	padding: 4px 8px 4px 8px;
	border: 0;
}

.img-rpic {
	padding: 0px 0px 4px 8px;
	border: 0;
}

.img-lpic {
	padding: 0px 8px 4px 0px;
	border: 0;
}

/* Icons */
.img-icon {
	padding: 0px;
}

.hr {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 12px;
}

.hr_ul {
	border-top: 1px solid #ccc;
	margin-top: 28px;
	padding-top: 12px;
}

.hr-no {
	border-top: 1px solid #ccc;
/*	padding-bottom: 0px;*/
	font-size: 2px;
	line-height: 2px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.tickerpad {
	/*width: 636px;*/
	width: auto;
	/*border: 1px solid #ccc;*/
	border: 0px;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
}

.new {
	color:red;	
}

/*
------------------------------------------------- Wrapper
*/
#wrap{
width: 929px;
margin: 0 auto;
}

/*
------------------------------------------------- Header
*/
#hdr {
height: 124px;
background: transparent url(/inc-ashe/i/hdr.jpg) no-repeat top left;
}

#hdr h1 {
padding: 0;
margin: 0;
border: 0;
}

#hdr h1 a {
display: block;
height: 124px;
width: 290px;
}

#hdr h1 a span {
display: none;
}

/*
------------------------------------------------- Header Bar
*/

div#hdrbar {
height: 36px;
background: transparent url(/inc-ashe/i/hdr-bar-rep.gif) repeat-x top left;
zoom: 1;
color: #c3d7e8;
}

div#hdrbar a { color: #fff; }


div#hdrbar ul {
position: relative;
height: 36px;
}

div#hdrbar ul li.hospconn {
position: absolute;
top: 0;
left: 0;
}

div#hdrbar ul li.hospconn {
height: 36px;
width: 207px;
}

div#hdrbar ul li.hospconn a {
display: block;
height: 36px;
width: 207px;
background: transparent url(/inc-ashe/i/hdr-bar-hospconn.gif) no-repeat top left;
}

div#hdrbar ul li.hospconn a span { display: none; }

div#hdrbar ul li.search {
position: absolute;
top: 7px;
left: 7px;
}

div#hdrbar ul li.login {
position: absolute;
top: 10px;
right: 15px;
}

div#hdrbar h4 {
font-weight: normal;
font-size: 12px;
}

.flash {
position: relative;
z-index: 1;
text-align: center;
}


/*
------------------------------------------------- Navigation
*/
#nav {
height: 30px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}

#nav ul {
position: relative;
height: 30px;
z-index: 9999;
}

#nav ul li {
position: relative;
}

#nav ul li a {
display: block;
float: left;
height: 30px;
width: 130px;
margin-right: 2px;
background-color: transparent;
background-position: 0 -30px; /* Pulls the background image up to -30 (1/2 height) showing off state */
background-repeat: no-repeat;
}


#nav ul li.home a { background-image: url(/inc-ashe/i/nav-home.gif); }
#nav ul li.abou a { background-image: url(/inc-ashe/i/nav-abou2.gif); width: 126px; }
#nav ul li.conn a { background-image: url(/inc-ashe/i/nav-conn2.gif); }
#nav ul li.lear a { background-image: url(/inc-ashe/i/nav-lear2.gif); }
#nav ul li.reso a { background-image: url(/inc-ashe/i/nav-reso2.gif); }
#nav ul li.advo a { background-image: url(/inc-ashe/i/nav-advo2.gif); }
#nav ul li.stor a { background-image: url(/inc-ashe/i/nav-stor.gif); width: 98px; }

#nav ul li a span { display: none; }

/* pushes the background image down to 0,0 showing over/on state */
#nav ul li a.on, 
#nav ul li a:hover,
#nav ul li:hover a { 
	background-position: 0 0; 
	}

/* Forces Store Tab to be on the right */
#nav ul li.stor { position: absolute; top: 0; right: 0; }
#nav ul li.stor a { margin-right: 0; }

/*
--------------------------------------------------------------------------------------- DROP MENUS
*/




#nav ul li ul {
visibility: hidden;
height: auto;
position: absolute;
position: absolute;
top: 30px;
left: 0;
background: #1DB148;
width: 150px; /* Width of drop menu panel */
margin: 0;
padding: 0;
list-style: none;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
padding: 10px 0; 
}

#nav ul li:hover ul {
visibility: visible;
}

#nav ul li ul li {
height: auto;
width: auto;
background-image: none;
float: none;
position: relative;
}

#nav ul li ul.dropmenu li a {
background-image: none;
height: auto;
width: auto;
display: block;
margin: 0;
padding: 5px 10px;
float: none;
border-top: 1px solid #86d69d;
border-bottom: 1px solid #398950;
color: #fff;
zoom: 1; /* Fixes IE Padding bug */
}

#nav ul li ul.dropmenu li a:hover {
text-decoration: none;
background: #fff;
color: #1DB148;
}

/*
--------------------------------------------------------------------------------------- SUB DROP MENU LEVELS
*/

#nav ul li ul li ul {
visibility: hidden;
position: absolute;
left: 150px;
top: 0;
padding: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-topright: 0;
}

#nav ul li ul li:hover ul {
visibility: visible;
}

.sf-shadow ul {
	background:	url('img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*
--------------------------------------------------------------------------------------- SIDE NAVIGATION
*/

div.sidenav h2.section-title {
font-size: 16px;
margin: 0;
padding: 0 15px 10px 15px;
border: none;
}

div.sidenav ul {
list-style: none;
margin: 0;
padding: 0;
}



div.sidenav ul li a {
display: block;
margin: 0;
padding: 5px 15px;
font-size: 14px;
font-weight: normal;
zoom: 1;
}


div.sidenav ul.sub li a {
display: block;
margin-left: 20px;
padding: 5px 15px;
font-size: 14px;
font-weight: normal;
zoom: 1;
}



div.sidenav ul li a:hover {
background: #f1f1f1;
text-decoration: none;
color: #016BB9;
}


div.subsidenav ul li a {
display: block;
margin: 0;
padding: 5px 30px;
font-size: 14px;
font-weight: normal;
zoom: 1;
}



/*
--------------------------------------------------------------------------------------- BREADCRUMB
*/

div.breadcrumb {
font-size: 11px;
color: #999;
padding-bottom: 15px;
}

div.breadcrumb a:link,
div.breadcrumb a:visited {
color: #666;
text-decoration: none;
}



/*
------------------------------------------------- Content
*/

#content {
float: left;
clear: left;
width: 100%;
background: #fff; 
padding-bottom: 24px;
}

#content div.col { float: left; }

#content.col-left-bg {
background: #fff url(/inc-ashe/i/lcolbg-rep.gif) repeat-y top left;
padding-bottom: 0;
}

#content div.coll,
#content div.collr {
float: left;
width: 100%;
background: transparent url(/inc-ashe/i/lcolbg.gif) no-repeat top left;
}

/* 
LAYOUT RIGHT SIDE COLUMN ONLY
Layout with right side column and 
large content column 
colr = 1 column right
*/

#content div.colr div.left { width: 746px; }
#content div.colr div.left div.colpad { padding: 16px 0 10px 12px; }

#content div.colr div.right { width: 183px; }
#content div.colr div.right div.colpad { padding: 22px 15px 10px 8px; }


/* 
LAYOUT LEFT SIDE COLUMN ONLY
Layout with left side nav column 
and large content column 
coll = 1 column left
*/

#content div.coll div.left { width: 182px; }
#content div.coll div.left div.colpad { padding: 22px 0 10px 0; }

#content div.coll div.right { width: 745px; }
#content div.coll div.right div.colpad { padding: 22px 15px 10px 15px; }


/* 
THREE COLUMNS
Layout with left side nav column, 
middle content column and right gutter column
collr = column left and right
*/

#content div.collr div.left { width: 182px; }
#content div.collr div.left div.colpad { padding: 22px 0 10px 0; }

#content div.collr div.mid { width: 563px; }
#content div.collr div.mid div.colpad { padding: 22px 15px 10px 15px; }

#content div.collr div.right { width: 183px; }
#content div.collr div.right div.colpad { padding: 22px 15px 10px 8px; }


/*
------------------------------------------------- Content Boxes
*/

div.box {
background: transparent url(/inc-ashe/i/box-rep-734.gif) repeat-y top left;
width: 734px;
float: left;
clear: left;
position: relative;
z-index: 9998;
}

div.boxtop { background: transparent url(/inc-ashe/i/box-top-734.gif) no-repeat top left; }

div.boxpad {
background: transparent url(/inc-ashe/i/box-bot-734.gif) no-repeat bottom left;
padding: 20px;
zoom: 1; /* For IE - forces hasLayout which makes the box stretch correctly */
position: relative;
}

/*
------------------------------------------------- Content Tabs
*/
/*
Position the tab container up and left of where it would be normally
(parent container padding - 7px for shadow)
*/
div.ctabs {
height: 27px;
position: relative;
top: -13px;
left: -13px;
}

div.ctabs ul li a {
float: left;
display: block;
width: 103px;
height: 27px;
background-image: url(/inc-ashe/i/ctabs.gif);
background-repeat: no-repeat;
background-color: transparent;
}

/* 
Position the background by pulling it up 27px on y-axis
and then moving it over the value of width*number starting with 0 (103*0, 103*1, etc. )
*/
div.ctabs ul li.indu a { background-position: 0 -27px; }
div.ctabs ul li.care a { background-position: -103px -27px; }
div.ctabs ul li.ashe a { background-position: -206px -27px; }
div.ctabs ul li.ahan a { background-position: -309px -27px; }
div.ctabs ul li.what a { background-position: -412px -27px; }

/*
Push background down to 0 coordinate 
on the y axis revealing over/on state
*/
div.ctabs ul li.indu a.on, div.ctabs ul li.indu a:hover, 
div.ctabs ul li.indu a.on, div.ctabs ul li.indu a.current { background-position: 0 0; }

div.ctabs ul li.care a.on, div.ctabs ul li.care a:hover, 
div.ctabs ul li.indu a.on, div.ctabs ul li.care a.current { background-position: -103px 0; }

div.ctabs ul li.ashe a.on, div.ctabs ul li.ashe a:hover,
div.ctabs ul li.ashe a.on, div.ctabs ul li.ashe a.current { background-position: -206px 0; }

div.ctabs ul li.ahan a.on, div.ctabs ul li.ahan a:hover,
div.ctabs ul li.ahan a.on, div.ctabs ul li.ahan a.current { background-position: -309px 0; }

div.ctabs ul li.what a.on, div.ctabs ul li.what a:hover,
div.ctabs ul li.what a.on, div.ctabs ul li.what a.current { background-position: -412px 0; }

div.ctabs ul li a span { display: none; }


/*
--------------------------------------------------------------------------------------- TABS and PANES
*/

div.tab-pane {
width: 100%;
float: left;
clear: left;
}

/*
------------------------------------------------- What's New Box
*/

div.whatsnewhdr {
padding-left: 257px;
background: transparent url(/inc-ashe/i/whatsnew-hdr.gif) no-repeat top left;
position: relative;
top: -14px;
left: -14px;
}

div.whatsnewhdr h2 {
	font-size: 22px;
	color: #265a8a;
	border-bottom: 3px solid #93d082;
	padding: 11px 0 12px 0;
	border-top: 0px;
	font-weight: normal;
	text-transform: none;
	font-style: oblique;
}

div.whatsnewcontent {
float: left;
width: 452px;
}

div.whatsnewimage {
float: left;
width: 242px;
}


/*
------------------------------------------------- Right Column Item
*/

div.rcolitem {
color: #245786;
padding-bottom: 15px;
font-size: 11px;
}

div.rcolitem p {
font-size: 11px;
line-height: 110%;
}

div.panes div {
	display:none;		
}




/*
------------------------------------------------- Footer
*/

#ftr {
clear: left;
float: left;
width: 100%;
text-align: center;
padding: 26px 0;
color: #fff;
font-size: 11px;
}

#ftr a {
color: #fff;
}

#ftr div.ftrnav {
padding-bottom: 18px;
font-size: 12px;
}


#printlogo {display:none;}

/* Start Other */

/*	Region 6 Table */

.tab_r6 {
	border-top: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	width: 99%;
}

.td_r6_c0 {
	border-right: solid 1px #aaaaaa; 
	border-bottom: solid 1px #aaaaaa;
	padding: 4px;
}

.td_r6_c1 {
	border-right: solid 1px #aaaaaa; 
	border-bottom: solid 1px #aaaaaa;
	background-color: #cccccc;
	padding: 4px;
}

.td_r6_c2 {
	border-right: solid 1px #aaaaaa; 
	border-bottom: solid 1px #aaaaaa;
	background-color: #ffff99;
	padding: 4px;
}

.td_r6_c3 {
	border-right: solid 1px #aaaaaa; 
	border-bottom: solid 1px #aaaaaa;
	background-color: #33ccff;
	padding: 4px;
}

.td_r6_c4 {
	border-right: solid 1px #aaaaaa; 
	border-bottom: solid 1px #aaaaaa;
	background-color: #33cccc;
	padding: 4px;
}

.td_r6_c5 {
	border-right: solid 1px #aaaaaa; 
	border-bottom: solid 1px #aaaaaa;
	background-color: #33ffff;
	padding: 4px;
}

.ebox {
	border: solid 1px #aaaaaa;
}

/* 	End Region 6 Table */

/*	Start Thin Table */
.tab_thin {
	border-top: solid 1px;
	border-left: solid 1px;
}
	
.td_thin {
	border-right: solid 1px; 
	border-bottom: solid 1px;
}

/*	End Thin Table */

/*	Start Calendar Table */
table.tab_cal {
	border-top: solid 1px #008080;
	border-left: solid 1px #008080;
	width: 100%;
}

td.td_calh {
	border-right: solid 1px #008080; 
	border-bottom: solid 1px #008080;
	background-color: #c0c0c0;
	padding: 6px;
}

	
td.td_cal {
	border-right: solid 1px #008080; 
	border-bottom: solid 1px #008080;
	padding: 6px;
}


/*	End Calendar Table */

.tab_be2c { margin: 0px 0px 8px 8px; }
.td_be2c { border: solid 1px #52a221; padding: 12px; background-color: #ffd8b5; }

/*
--------------------------------------------------------------------------------------- CAROUSEL STYLES
*/



.adCarousel {
	_width:160px !important;
	max-width:160px;
	height:600px;
}
.adCarousel ul, 
.adCarousel li {
	height:600px;
	list-style:none;
	margin: 0;
	padding:0;	
	width:160px;
}
.adCarousel ul li p {
	width:120px;
	padding:20px;
}
.right .colpad {
	_width:160px;
	_overflow:hidden;
}
.externalControl {
	height:25px;
	margin:10px 4px;
	text-align:right;
	width:152px;
}

.externalControl a.prev {
	background:url(/img/icon/arrows.gif) left top no-repeat;
	display:block;
	float:left;
	width:34px;
	height:0;
	padding-top:25px;
	overflow:hidden;
	line-height:30px;
}
.externalControl a.next {
	background:url(/img/icon/arrows.gif) right top no-repeat;
	display:block;
	float:right;
	width:34px;
	height:0;
	padding-top:25px;
	overflow:hidden;
	line-height:30px;
}


/*homepage styling chages made by trs 1-19-2012*/

#content.home{
padding-bottom: 0px !important;
}
#addthis {
       height: 25px;
    padding-left: 780px;
    padding-top: 5px;
    width: 17%;
}

#ad{
	
margin-top:-26px;	
}


#leftCol{
height: 364px;  
	width: 650px;
	margin-top:10px; 
	margin-right:10px;
	margin-left:10px;

	position: relative;
	float: left;
	
}
#slideshow {
	
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 1;

}

#slideshow a img{
	border:none;
	
}



#gallery-nav-wrap {
	background:transparent none repeat scroll 0 0;
	position:relative;
	width:100%;
	right: 30px;
	margin-top: -29px;
	z-index:999;
	}
	
	
#gallery-nav {float:right;}

#gallery-nav a {
     background-color: #1DB148;
     color: #96FFC3;
     padding: 2px 5px;
     text-decoration: none;
	 font-weight:bold;
	
     
}
#gallery-nav a.activeSlide {
     background-color: #96FFC3;
     color: #1DB148;
     padding: 2px 5px;
     text-decoration: none;
	 font-weight:bold;
		 
   
}




	#gallery-nav {
	float: right;
	 position: relative;
    z-index: 999;
margin-right: -22px;
  
}
#controls {
	   display: block;
	height: 18px;
	width:30px;
	position:absolute;
	 top: 9px;
	right: -34px;
	z-index:999;
	}
#img-prev{
	background:transparent url(/inc-ashe/i/prev.gif) no-repeat;
	cursor: pointer;
	display:block;
	height: 18px;
	width: 18px;
	margin-right: 10px;
	   position: relative;
	   margin-top:0;
}

#img-next{
	background:transparent url(/inc-ashe/i/next.gif) no-repeat;
	cursor: pointer;
	display:block;
	height: 18px;
	 float: left;
    height: 18px;
    margin-left: 15px;
    width: 18px;
	   position: absolute;
	
}
#rightCol {
      border: #a2c0db solid;
     float: right;
     height: 360px;
     margin-bottom: 10px;
     margin-right: 10px;
     margin-top: 10px;
     width:230px;
	 
}

#bottomBox {
     float: right;
     margin-top: 15px;
     width: 100%;
}

#bottomBox .b1 {
     
     display: block;
     float: left;
     height: 200px;
     margin-right: 5px;
     margin-top: 10px;
     width: 290px;
}

#bottomBox .b2 {
     border: #a2c0db solid;
     display: block;
     float: left;
     height: 200px;
     margin: 10px 0px 10px 19px;
     width: 290px;

}

#bottomBox .b3 {
     background-image:url("/inc-ashe/i/ashejoinNow.gif"); 
     display: block;
     float: right;
     height: 206px;
     margin: 10px 7pt 10px 15px;
     width: 290px;
}

#bottomBox .b1 .content, #bottomBox .b2 .content, #bottomBox .b3 .content, #rightCol .content{
	
padding:10px;	
}
#bottomBox .b3 .content h1 {
	font-size:20px;
color:#1db148;
border:none;	
font-weight:bold;
  margin-top: -5px;
}
 #bottomBox .b2 .content h1, #rightCol .content h1{
	font-size:16px;
color:#004E91;
border:none;
  margin-top: -5px;	
  	 font-weight:bold;
	 text-align:center;
}
#footer{
	 color: #FFFFFF;
    font-size: 16px;
    text-align: center;
	float:left;
	width:100%;
 margin-bottom: 10px;
 	padding-top: 10px;
}

#footer #top{
	background-image:url("/inc-ashe/i/footerBG.gif"); 
	 background-repeat: repeat-x;
	 background-position: left bottom;
	background-color:#fff;
 	padding-top: 10px;
	padding-bottom: 10px;
	height:260px;
	   margin-bottom: 20px;
	   opacity:0.8;
}
#footer #top #b3,#footer #top  #b2,#footer #top  #b1 {
	float:left;
	width: 300px;
 	margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 15px;
	text-align:left;
    color:#235787;
	
	
}
#top h3{
	  margin-top: 2px !important;
	   margin-bottom: 2px !important;
	   font-weight:bold;
}
#footer #top #b3 ul li ul, #footer #top #b2 ul li ul, #footer #top #b1 ul li ul{
	  padding-left: 10px;
	  margin-left:0px;
}

#footer #top  #b3 ul,#footer #top  #b2 ul,#footer #top  #b1 ul {
	list-style:none;
	 line-height: 20px;
	    margin-top: 5px;
}
#footer #top  #b3 a,#footer #top  #b2 a,#footer #top  #b1 a {
	text-decoration:none;
	color:#016BB9;
	font-size:14px;
}
#footer #top  #b3 a:hover,#footer #top  #b2 a:hover,#footer #top  #b1 a:hover {
	text-decoration:underline;
	color:#f90;
}
#foot{
background-image:url("/inc-ashe/i/ASHE_bottom.gif"); 
background-repeat: no-repeat;	
background-position:bottom;
 float: right;
    height: 7px;
    width: 100%;
}