<!--
a:link {color: #669966;
	    text-decoration: none;
		font-size:small;}
	
a:visited {text-decoration: none;
	       color: #8c8c8c;}
	
a:hover {text-decoration: none;
	     color: #663333;
		 font-size:large;}

a:active {text-decoration: none;
	      color: #FFFFFF;}
		  
/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {margin: 0;
   padding: 0;}

body {font: 50%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
      background-color:#909090;}

h1 {font-size: 2.8em;
    font-weight: normal;
	color: #669966;}

h2 {font-size: 2.0em;
    font-weight: normal;
	float: center;
	color:#669966; }

p, li {font-size: 1.4em;}

h1, h2, p { margin: 1em 0;}


#branding {background-image:url(assets/banner_1.jpg);
           height: 220px;
           background-color:#669966;
           padding: 25px;}

#branding h1 {margin: 100;}

#mainNav {list-style: none;}

#secondaryContent h2 {font-size: 2.6em;
                      margin: 0;}

#secondaryContent p {font-size: 2.4em;}

#footer {background-color:#669966;
         padding: 10px 20px;}

/* The Core Technique
================================= */

body {text-align: left; 
      min-width: 760px;}

#wrapper {width: 85%;
          margin: 0 auto; 
          text-align: wrap-around;
          background: #ffffff url(images/nav-faux-col.gif) repeat-y 23% 0;}

#wrapper2 {background: url(images/secondary-faux-col.gif) repeat-y 78% 0;}


#mainNav { width: 23%;
           float: left;}


#content {width: 75%; 
          float: right; }

#mainContent {width: 60%; 
              margin: 0; 
              float: left; }
			   
#secondaryContent {width: 31%;
                   min-width: 10em;
                   display: inline; /* :KLUDGE: Fixes IE double margin float bug */
                   float: right;} 

#footer {clear: both;}


/* add some padding to the contentse in the main nav and secondary content areas */

#mainNav, #secondaryContent {padding-top: 20px;  
                             padding-bottom: 20px;}

#mainNav *, #secondaryContent * {padding-left: 20px;
                                 padding-right: 20px;}

#mainNav * *, #secondaryContent * * {padding-left: 0;
                                     padding-right: 0;}

-->                  
               

.clear { clear:both;} 
/* MAKES THE FOOTER SHOW AT THE BOTTOM OF THE PAGE. IT USES A CLASS. */
/* MAKES THE FOOTER SHOW AT THE BOTTOM OF THE PAGE. IT USES A CLASS. */