/* @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: 770px;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); 
 } 

#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 0px ;  /* left column width. NN4 hack to hide borders */ 
 border-left-color: #fff;   /* left column colour */ 
 border-left-style: solid; 
 /*/*/ border-right-width: 0px; /* 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 */ 

#link_home {
float: left;
width : 189px;
height: 80px;
margin-left: 18px;
margin-top: 20px;
}
 
#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;
}

#navcontainer
{
margin: -50px 0 0 230px;
padding: 0;
height: 55px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 5px;
margin: 0;
}

#navcontainer ul li a
{
background: #CC99CC;
width: 98px;
height: 18px;
/*
border-top: 1px solid #660066;
border-left: 1px solid #660066;
border-bottom: 1px solid #660066;
border-right: none;
*/
padding: 0;
margin: 0 0 10px 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #fff;
background: #996699;
}

#navcontainer a:active
{
background: #CC99CC;
color: #fff;
}

#navcontainer li#active a
{
background: #996699;
/* border: 1px solid #886688; */
color: #fff;
text-decoration: bold;
}