/* @import "template/style.css"; import or add styles*/

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

A:link, A:visited {
 font: 12px Verdana;
 text-decoration: none;
 color: #996699;
}

A:hover, A:active {
 font: 12px Verdana;
 text-decoration: none;
 color: #660066;
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
/* font-family: Georgia, Verdana,Tahoma,Arial,Helvetica,sans-serif; */
 font-family: Verdana;
 font-size: 13px;
} 
 
#pagewidth{ 
 width:770px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
 border: 1px solid #996699;
  
} 
 
#header{ 
 height: 170px;
 width: 770px; 
 background-color:#FFFFFF;
 background-image: url(../../images/growtucson_header.gif); 
 } 

#link_home {
float: left;
width : 189px;
height: 80px;
margin-left: 18px;
margin-top: 20px;
}
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 170px ;  /* left column width. NN4 hack to hide borders */ 
 border-left-color: #fff;   /* left column colour */ 
 border-left-style: solid; 
 /*/*/ border-right-width: 10px; /* right column width. NN4 hack to hide borders */ 
 border-right-color: #FFFFFF;  /* right column colour */ 
 border-right-style: solid; 
 background-color: #FFFFFF; /* center column colour */ 
 width: auto; 
 } 
 
#rightcol{
 /*/*/ width:10px; /* hack keeps NN4 right column right? */ 
 float:right; 
 position:relative; 
 margin-right:-10px; 
 margin-left:1px; 
} 
 
#footer{
 height:80px; 
 width:100%; 
 background-color:#FFFFFF; 
 text-align:center;
} 

#foo {
 font: 6px Verdana;
 color: #FFFFFF;
 background-color:#FFFFFF;
 text-align:center;
 margin:0;
 padding:0;
}

#copyright {
        font: 9px Verdana;
}

#footer a:link, #footer a:visited {
        color: #996699;
        text-decoration: none;
}

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

 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
/* padding-top: 10px; */
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}

.small {text-align:left;}

h3 {
 color: #000;
 font: 22px Verdana;
 margin: 0;
}


#leftcol{
 width:170px; 
 float:left; 
 position:relative; 
 margin-left:-170px; 
 margin-right:1px; 
 
 }

/* Left Bar */
#linkList {
 width: 150px;
 float:left;
 position: absolute;
 margin-left: 18px;
 font: 12px Verdana;
}

#linkList h3 {
 width: 150px;
 height: 10px;
 margin-top: 8px;
}

#linkList h3 span {
        display: none;
}

/* left header images */

#linkList h3.resources {
 background: url(../../images/menu_box_top.gif) no-repeat top left;
 width: 150px;
}


#linkList ul {
 list-style: none;
 padding: 0 0 10px 0;
 margin: 0;
 background: url(../../images/menu_box_btm.gif) no-repeat bottom left;
}

#linkList ul li {
        padding: 5px 10px 5px 10px;
/*        background: url(li_bg.png) bottom left; */
        margin: 0;
        border-bottom: 1px solid #996699;
        border-left: 1px solid #996699;
        border-right: 1px solid #996699;
}

/* li:hover style... have to replace the BG so the color will show up. */
#linkList ul li:hover {
        background: #CC99CC url(spacer.gif);
        color: #000;
}

/* bunch of crazy styles... so IE will still look ok when it
   doesn't parse :hover. */
#linkList #lselect {
        color: #666;
}

#linkList ul li a {
        display: inline;
        color: #000;
}

#linkList #lselect ul li a {
        font: 14px Verdana;
        display: block;
        color: #000;
}

#linkList #lselect ul li a.c, #linkList ul li a.c {
        display: inline;
        font: 10px Verdana;
        color: #666;
        text-transform: none;
}

/* if the browser doesn't read the :hover pseudoclass, this
        shouldn't render and the text shouldn't change color */
#linkList ul li:hover a, #linkList #lselect ul li:hover a {
        color: #000;
}