/* generated by csscreator.com */
html, body{
margin:0;
padding:0;
text-align:center;
background-color: #172755;
background-image: url(../images/background/background2.gif);
background-repeat: repeat-x;
}
img {border:none;}
#pagewidth{
width:860px;
margin-left:auto;
margin-right:auto;
background-color: #FFF;
text-align: left;
}
#header{
position:relative;
height:210px;
background-color:#FFFFFF;
width:100%;
}
#header #container {
display: block;
height: 175px;
width: 860px;
/*background-image: url(../images/background/header-blank.jpg);
background-repeat: no-repeat;*/
}
#header #container #makeappointment {
float: left;
height: 48px;
width: 230px;
margin-top: 39px;
margin-left: 25px;
}
#header #container #makeappointmentbutton {
/*background-image: url(../images/appointment.jpg);
background-repeat: no-repeat;*/
float: left;
height: 69px;
width: 210px;
margin-top: 106px;
margin-left: 0px;
display:block;
margin-right:auto;
margin-left:0px;
margin-top: 106px;
}
#header #container #logors{
/*background-image: url(../images/rightsteplogo.jpg);
background-repeat: no-repeat;*/
float: left;
height: 175px;
width: 430px;
display:block;
margin-right:auto;
margin-left:0px;
margin-top: 0px;
}
header #container #logors img.logo{
}
#header #container #phonenumberrs {
float: right;
height: 90px;
width: 210px;
margin-top: 85px;
}
#header #container #phonenumberrs .tollfree {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color:#233e99;
float:right;
font-weight:800;
}
#header #container #phonenumberrs .sobriety {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
color:#233e99;
float:right;
font-weight:800;
}
#header #container #phonenumberrs .number877 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color:#233e99;
float:right;
font-weight:800;
}
#header #container #phonenumber {
float: left;
height: 72px;
width: 265px;
margin-top: 39px;
}
#header #container #logo {
float: left;
height: 175px;
width: 308px;
}
#header #supernav {
padding:10px 10px 0 0;
color:#303030;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:12px;
line-height:14px;
text-align:right;
}
#header #supernav a {
color:#003366;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:11px;
margin:0 10px;
text-decoration:none;
text-transform:uppercase;
}
#header #supernav a:hover{
color:#003366;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
margin:0 10px;
text-decoration:none;
text-transform:uppercase;
text-decoration:underline;
}
#header #socialmedia {
width:123px;
height:41px;
float:right;
margin-right:5px;
margin-top:19px;
}
#twocols{
width:850px;
background-color: #E4EEED;
margin-right: 5px;
margin-left: 5px;
padding-top: 5px;
}
#twocols #rightcol{
width:280px;
float:right;
}
#rightcol .right_block {
margin-bottom:10px;
}
#twocols #rightcol #spiritlodge .spiritlodgetitle {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 14px;
color: #215B33;
text-decoration: none;
font-weight:bold;
}
#twocols #rightcol #spiritlodge {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #222222;
width: 263px;
padding: 5px;
margin-bottom: 10px;
}
#twocols #rightcol #spiritlodge h3 {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 14px;
color: #215B33;
text-decoration: none;
text-align:center;
}
#twocols #rightcol #spiritlodge p {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:14px;
line-height:18px;
text-align: justify;
}
#twocols #rightcol #spiritlodge a {
color:003366;
text-decoration:none;
}
#twocols #rightcol #spiritlodge a:hover {
color:003366;
text-decoration:underline;
}
#twocols #rightcol #spiritlodge #spiritlodgetitle p{
text-align:center;
}
#maincol{
float: left;
display:inline;
width:560px;
margin-left: 5px;
}
#maincol #interior {
width: 526px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
}
#maincol #interior h1 {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 20px;
line-height: 14px;
color: #003366;
text-decoration: none;
margin-bottom: 2px;
}
#maincol #interior h2 {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 16px;
color: #003366;
text-decoration: none;
margin-bottom: 2px;
}
#maincol #interior h3 {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 14px;
color: #003366;
text-decoration: none;
margin-bottom: 2px;
}
#maincol #interior p {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 19px;
color: #303030;
text-decoration: none;
margin-top: 1px;
text-align:justify;
}
#maincol #interior a {
color:#003366;
text-decoration:none;
/*font-weight:bold;*/
}
#maincol #interior a:visited {
color:#003366;
text-decoration:none;
/*font-weight:bold;*/
}
#maincol #interior a:hover {
color:003366;
text-decoration:underline;
/*font-weight:bold;*/
}
#maincolsecondary {
float: right;
display:inline;
width:838px;
margin-left: 5px;
margin-right: 5px;
}
#maincolsecondary #interior {
width: 810px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
}
#maincolsecondary #interior h1 {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 20px;
line-height: 28px;
color: #003366;
text-decoration: none;
margin-bottom: 5px;
}
#maincolsecondary #interior h2 {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 16px;
color: #003366;
text-decoration: none;
margin-bottom: 1px;
}
#maincolsecondary #interior h3 {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 14px;
color: #003366;
text-decoration: none;
margin-bottom: 1px;
}
#maincolsecondary #interior #contentcontainer{
display: block;
width: 100%;
margin-right: auto;
margin-left: auto;
float: left;
margin-bottom: 5px;
}
#maincolsecondary #interior #sectionleft {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 18px;
color: #303030;
text-decoration: none;
margin-top: 1px;
float:left;
display:inline;
width:495px;
}
#maincolsecondary #interior #sectionleft p {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 18px;
color: #303030;
text-decoration: none;
margin-top: 1px;
}
#maincolsecondary #interior p {
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 18px;
color: #303030;
text-decoration: none;
margin-top: 1px;
text-align:justify;
}
#maincolsecondary #interior a {
color:#003366;
text-decoration:none;
/*font-weight:bold;*/
}
#maincolsecondary #interior a:visited {
color:#003366;
text-decoration:none;
/*font-weight:bold;*/
}
#maincolsecondary #interior a:hover {
color:003366;
text-decoration:underline;
/*font-weight:bold;*/
}
#maincolsecondary #interior .button {
color:#FFF;
text-decoration:none;
background-color: #003366;
padding: 3px;
}
#maincolsecondary #interior .button a {
color:#FFF;
text-decoration:none;
}
#maincolsecondary #interior .button a:visited {
color:#FFF;
text-decoration:none;
}
#maincolsecondary #interior .button a:hover {
color:#FFF;
text-decoration:underline;
}
#maincolsecondary #interior ul li{
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 14px;
line-height: 18px;
color: #303030;
text-decoration: none;
margin-top: 1px;
}
#maincolsecondary #interior #section {
float: right;
width: 305px;
background-image: url(../images/background/images/main-background.jpg);
background-repeat: repeat-y;
background-position: center;
margin-top: 5;
margin-right: 0;
margin-bottom: 5;
margin-left: 5;
padding-right: 5px;
padding-left: 5px;
}
#maincolsecondary #interior #section #bottom{
background-image: url(../images/background/images/footer-background.jpg);
background-repeat: no-repeat;
height: 15px;
width: 305px;
margin-right: auto;
margin-left: auto;
display: block;
float: right;
}
#maincolsecondary #interior #section #contentcontainer {
background-image: url(../images/background/images/top-background.jpg);
background-repeat: no-repeat;
width: 295px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-position: center top;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
}
#maincolsecondary #interior #section h4{
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 18px;
line-height: 14px;
color: #FFF;
text-decoration: none;
margin-bottom: 1px;
margin-top: 0px;
background-image: url(../images/background/images/h4-background.jpg);
height: 20px;
width: 291px;
padding-top: 10px;
text-align: center;
}
#maincolsecondary #interior #section p{
font-family: 'Droid Sans', serif;
/**font-family: Arial, Helvetica, sans-serif;**/
font-size: 10px;
line-height: 14px;
color: #003366;
text-decoration: none;
margin-bottom: 3px;
}
#maincolsecondary #interior #section a {
color:#003366;
text-decoration:none;
/*font-weight:bold;*/
}
#maincolsecondary #interior #section a:visited {
color:#003366;
text-decoration:none;
/*font-weight:bold;*/
}
#maincolsecondary #interior #section a:hover {
color:003366;
text-decoration:underline;
/*font-weight:bold;*/
}
#footertop{
height:63px;
float:center;
width:100%;
}
#footer{
height:50px;
background-color:#FFFFFF;
clear:both;
background-repeat: repeat-x;
background-position: center;
background-image: url(../images/background/footer_bg.gif);
}
#footer #container{
height:50px;
}
#footernew{
height:100px;
background-color:#FFFFFF;
clear:both;
background-repeat: repeat-x;
background-position: center;
background-image: url(../images/background/footer_bg.gif);
}
#footernew #containernew{
height:100px;
}
#footer #container #left{
height:50px;
float:left;
background-image: url(../images/background/footer-left.gif);
background-repeat: no-repeat;
width: 10px;
}
#footernew #containernew #leftnew{
height:100px;
float:left;
background-image: url(../images/background/footer-leftnew.gif);
background-repeat: no-repeat;
width: 10px;
background-position: center;
}
#footernew #containernew #centernew{
height:90px;
background-image: url(../images/background/footer_bgnew.gif);
background-repeat: repeat-x;
background-position: center;
float:left;
width: 840px;
margin-top: 5px;
}
#footernew #containernew #rightnew{
height:100px;
background-image: url(../images/background/footer-rightnew.gif);
background-repeat: repeat-x;
background-position: center;
float:right;
width: 10px;
}
#footer #container #center{
height:40px;
background-image: url(../images/background/footer_bg.gif);
background-repeat: repeat-x;
background-position: center;
float:left;
width: 840px;
margin-top: 5px;
}
#footer #container #right{
height:50px;
background-image: url(../images/background/footer-right.gif);
background-repeat: repeat-x;
background-position: center;
float:right;
width: 10px;
}
#footernew p {
color:#003366;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:12px;
margin-top: 15px;
margin-bottom: 10px;
font-weight:bold;
float:right;
}
#footernew p a:link{
text-decoration:none;
color:#003366;
}
#footernew p a:active{
text-decoration:none;
color:#003366;
}
#footernew p a:hover{
text-decoration:none;
color:#003366;
}
#footernew p a:visited{
text-decoration:none;
color:#003366;
}
#footer p {
color:#003366;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:12px;
margin-top: 15px;
margin-bottom: 10px;
font-weight:bold;
float:right;
}
#footer p a:link{
text-decoration:none;
color:#233e99;
}
#footer p a:active{
text-decoration:none;
color:#233e99;
}
#footer p a:hover{
text-decoration:none;
color:#233e99;
}
#footer p a:visited{
text-decoration:none;
color:#233e99;
}
#footer .copyright {
float:left;
width: 250px;
display: inline;
}
#footernew .copyright {
float:left;
width: 250px;
display: inline;
}
#footernew .copyrightnew {
margin-right:auto;
margin-left:auto;
margin-top:50px;
width: 800px;
height:50px;
text-align:center;
color:#003366;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:12px;
font-weight:bold;
}
#footernew .copyrightnew p{
color:#003366;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:12px;
margin-top: 15px;
margin-bottom: 10px;
font-weight:bold;
}
#footer .addthis {
float:left;
width: 300px;
display: inline;
height: 30px;
padding-top: 10px;
text-align: center;
}
#footer .sitemap {
float:right;
width: 217px;
color:#003366;
font-size:12px;
text-decoration:none;
}
#footernew .menu {
float:right;
width: 300px;
color:#003366;
font-size:12px;
text-decoration:none;
}
#footernew #containernew #socialmedia {
float:left;
width: 300px;
color:#003366;
font-size:12px;
text-decoration:none;
font-family: 'Droid Sans', serif;
text-weight:bold;
}
#footernew #containernew #socialmedia p{
float:left;
color:#003366;
font-size:12px;
text-decoration:none;
font-family: 'Droid Sans', serif;
text-weight:bold;
vertical-align:middle;
}
#footer .sitemap a:link, .sitemap a:hover, .sitemap a:visited {
border-style:none;
color:#003366;
font-size:12px;
text-decoration:none;
}
/*-----------main navigation styles begin here-----------*/
#top_nav {
background:none repeat scroll 0 0 #909090;
height:30px;
}
#nav, #nav ul {
float: none;
list-style: none;
line-height: 0.6em;
/**color: #8681B4;**/
background-color: transparent;
font-weight: bold;
padding: 0;
margin: 0;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 11px;
text-transform:uppercase;
}
/* -------------------------- */
/* The top main navigation links */
#nav a {
display: block;
padding: 12px 11px 12px;
color: #FFFFFF; /* puts a "bar" on right of the main nav links */
text-decoration: none;
margin-top: 0px;
background-image: url(../images/background/line.jpg);
background-repeat: no-repeat;
background-position: right center;
}
#nav a:hover {
color:#FFFFFF;
background-color: #172755;
}
/* I'm targeting the last main navigation link to have no "bar" on the right side */
#nav a.last {
background-image: none;
}
#nav a.one, #nav a.two, #nav a.three {
text-align: left;
font-size: 1em;
}
#nav li {
float: left;
padding: 0;
list-style: none;
}
/* -------------------------- */
/* The dropdown links lists */
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 250px;
font-weight: normal;
border: 1px solid #909090;
background-color: #CCCCCC;
margin: 0;
z-index: 10;
list-style: none;
}
#nav li li {
padding: 0;
width: 100%;
color:#172755;
list-style: none;
}
#nav li ul a {
padding: 5px 8px;
width: 234px;
color:#172755;
* html width: 234px;
}
/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
margin: -2em 0 0 234px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
/**color: #FFFFFF;**/
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
color: #175755;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li:hover, #nav li.sfhover {
background-color: #CCC;
color: #172755;
}
/* -------------------------- */
/* The dropdown links list colors */
#nav li ul.under a {
color: #172755;
background-image: none;
}
#nav li ul.under a:hover {
background: #CCCCCC;
color: #1727555;
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
color: #fff;
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
/**color: #fff;
background-color: #f00;**/
}
/*-----------main navigation styles end here-------------*/
/*----------top of secondary pages begin here-----------*/
#top {
width:860px;
height:160px;
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 5px;
}
#top .containerSPL{
width:256px;
height:145px;
background-attachment: scroll;
background-color: transparent;
background-image: url(../images/background/textbgSPL.png);
background-repeat: repeat;
background-position: 0 0;
float: right;
color:#003366;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:12px;
margin:0;
text-align:justify;
text-decoration:none;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
#top .containerSPL h4 {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 14px;
color: #206A66;
text-decoration: none;
margin-bottom: 2px;
margin-top: 10px;
}
#top .containerSPL p {
margin-top: 4px;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
}
#top .containerSPL a {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 14px;
color: #003366;
text-decoration: none;
}
#top .containerSPL a:hover {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 18px;
color: #003366;
text-decoration: none;
margin-top: 1px;
text-decoration:underline;
}
#top .container{
width:256px;
height:145px;
background-attachment: scroll;
background-color: transparent;
background-image: url(../images/background/textbg.gif);
background-repeat: repeat;
background-position: 0 0;
float: right;
color:#003366;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:12px;
margin:0;
text-align:justify;
text-decoration:none;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
#top .container h4 {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 14px;
color: #206A66;
text-decoration: none;
margin-bottom: 2px;
margin-top: 10px;
}
#top .container p {
margin-top: 4px;
}
#top .container ul {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 18px;
color: #003366;
text-decoration: none;
margin-top: 1px;
margin-bottom: 0px;
}
#top .container ul li a {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 18px;
color: #003366;
text-decoration: none;
}
#top .container ul li a:hover {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 18px;
color: #003366;
text-decoration: none;
margin-top: 1px;
text-decoration:underline;
}
#top .container a {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 18px;
color: #003366;
text-decoration: none;
}
#top .container a:hover {
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size: 12px;
line-height: 18px;
color: #003366;
text-decoration: none;
margin-top: 1px;
text-decoration:underline;
}
/*----------top of secondary pages end here------------*/
/*** Form Styles BEGIN ***/
/***.label {
text-align: right;
color: #666666;
}
.inlineLabel {
margin: 0px 10px;
text-align: right;
color: #666666;
}
input.text {
border: solid 1px #999999;
width: 200px;
color: #666666;
}
input.zip {
border: solid 1px #999999;
width: 50px;
color: #666666;
}
input.submit {
border: solid 1px #999999;
color: #666666;
}
select {
border: solid 1px #999999;
color: #666666;
}
option {
color: #666666;
}
Form Styles END ***/
/*----------formlayout styles begin here--------*/
.formLayout td {
padding: 5px;
vertical-align: middle;
font-family: 'Droid Sans', serif;
/**font-family: Verdana, Arial, Helvetica, sans-serif;**/
font-size:12px;
}
.formLayout input {
margin: 0px;
}
.label {
color:#000000;
font-weight:bold;
text-align:right;
}
textarea.text, input.text {
border:1px solid #999999;
color:#000000;
width:200px;
}
.inlineLabel {
color:#666666;
font-weight:bold;
margin:0 10px;
text-align:right;
}
input.zip {
border:1px solid #999999;
color:#666666;
width:50px;
}
#content {
clear:both;
margin-top:5px;
padding-top:5px;
}
.contbox {
background-image:url("../images/cont_bg.jpg");
background-position:center bottom;
background-repeat:repeat-x;
/**border:1px solid #CCCCCC;
padding:8px 0 8px 8px;**/
}
.content-column {
float:left;
margin-right:8px;
padding:0;
width:445px;
}
.column-padding {
padding:0px;
}
.contboxtrans {
padding:0px;
}
element.style {
color:#003366;
display:none;
}
input.submit {
border:1px solid #999999;
color:#666666;
}
/*----------formlayout styles end here----------*/
/*** Map Styles BEGIN ***/
#locations {
width: 300px;
height: 400px;
overflow: auto;
}
#locations p, #locations h3 {
width: 280px;
text-align : left;
}
#locations a {
color : #336633;
font-family : Arial, sans-serif;
font-size : 14px;
line-height : 18px;
font-weight : normal;
text-decoration : none;
border-width : 0 0 1px 0;
border-style : none none dotted none;
}
.mapLink {
color : #666666;
font-family : Arial, sans-serif;
font-size : 14px;
line-height : 18px;
font-weight : normal;
cursor: pointer;
}
#mapContainer {
width: 500px;
float: right;
}
/*** Map Styles END ***/
/***sitemap styles begin here***/
.sitemappage{
font:"Arial Black", Gadget, sans-serif;
float: left;
}
.sitemappage .menu a {
color : #003366;
}
.sitemappage .menu a: hover {
color : #003366;
}
/***sitemap styles end here***/
/***adolescent menu styles begin here***/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.underlinemenu{
font-weight: bold;
width: 810px;
margin:10 0 10 0;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
}
.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}
.underlinemenu ul li{
display: inline;
}
.underlinemenu ul li a{
color: #14097b;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
text-decoration:none;
}
/***adolesecent menu styles end here***/
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the right column when printing*/ s
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}