/*---------------------------------------------------------------------
Use Corn: Navigation Styles
Author:  Mario S. Cisneros
Version 1: 29 November 2006
Email: mario@webnet-ts.com
----------------------------------------------------------------------*/

/*TOP NAVIGATION BAR
----------------------------------------------------------------------------------------*/
#top
{position: absolute;
  width: 285px;
  top: 10px;
  left: 62%;
  color: #005266;}

#top ul
{margin: 0;
  padding: 0;
  list-style: none;}

#top ul li
{display: inline;
  margin: 0;
  padding: 0;}		 
 
#top ul li a:link, #top ul li a:visited
{font: bold 0.7em "trebuchet ms", verdana, serif; 	
  color: #005266;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 5px;}
  
#top ul li a:hover
{color: #000; 
  text-decoration: underline;}


/*TOOLTIP
--------------------------------------------------------------------------------------------*/
a.info
{position: relative; /*this is the key*/
 z-index: 24; 
 color: #000;
 padding: 0;}
 
a.info:hover
{z-index: 25;
 border-bottom: none;}

/*hides text from displaying in static state*/ 
a.info span
{display: none}
 
/*displays text on hover state*/
a.info:hover span
{display: block;
 position: absolute;
 top: 30px;
 left: -5px; 
 width: 15em;
 color: #000;
 text-align: left;
 text-transform: none;
 font: 0.8em/1.2 verdana, sans-serif;
 padding: 5px;
 text-decoration: none;
 border: 1px solid #456753;
 background-color: #FFD94B;}


/*GLOBAL NAVIGATION BAR
----------------------------------------------------------------------------------------*/
#global
{width: 770px;
  height: 42px;
  text-align: center;
  font: normal 0.75em trebuchet, sans-serif;
  border-top: 2px solid #FECE08;
  background: #005266 url("/img/nav/nav.jpg") repeat-x left top;}
  
#global ul
{margin: 0;
  padding: 0; 
  list-style: none; } 
 
#global ul li
{display: inline;
  line-height: 3.5;
  margin: 0;
  padding: 0;} 
 
#global ul li a:link, #global ul li a:active, #global ul li a:visited
{color: #FFF; 
 text-decoration: none;
 text-align: center; 
 text-transform: uppercase;
 padding: 13px 15px 13px 15px;
 border-right: 1px solid #005266;} 
 
#global ul li a:hover
{color: #FFF;
 text-decoration: none;
 background: #327A8C url("/img/nav/nav-over.jpg") repeat-x;}
 
#global #border
{border-left: 1px solid #005266;}


/* SIDE NAVIGATION BAR: ABOUT US 
---------------------------------------------------------------------------------------*/
#subnav
{width: 160px;
  height: 150px;
  font: bold 1em "trebuchet ms", arial, verdana, sans-serif;}

#subnav ul
{list-style: none;
  margin: 0;
  padding: 0;}

#subnav ul li
{border-bottom: 1px dashed #DAD6CD;}

#subnav ul li a:link, #subnav ul li a:active, #subnav ul li a:visited
{display: block;
  color: #456753;
  text-align: left;
  text-transform: capitalize;
  padding: 8px 0 8px 25px;
  text-decoration: underline;
  background: url(../img/nav/square.jpg) no-repeat 3% 55%;}

#subnav ul li a:hover
{color: #AB4B3D;
  text-decoration: none;
  background: url(../img/nav/squareOver.jpg) no-repeat 3% 55%;}

#active
{border-top: 1px dashed #DAD6CD;}


/* Center Column: Panel Switching Tab Navigation
---------------------------------------------------------------------------------------*/
#tabs
{text-align: left;
  text-transform: capitalize;
  margin-top: 10px;
  padding-top: 1px;
  padding-left: 2px;
  border-bottom: 1px solid #474612;}

#tabs ul
{margin: 0;
  padding: 0;}

#tabs ul li
{list-style: none;
  display: inline;
  line-height: 2;}

#tabs ul li a:link, #tabs ul li a:visited
{font: normal 1em georgia, tahoma, sans-serif;
  color: #474612;
  text-decoration: none;
  padding: 5px;
  border: 1px solid #474612;
  border-bottom: none;
  background: #D3CE48 url("/img/backgrounds/tabs.jpg") repeat-x;}

#tabs ul li a:active
{color: #990000;
  background-color: #FFF;}

#tabs ul li a:hover
{color: #990000;
  font-weight: normal;
  text-decoration: none;
  background-color: #01209F;}

#tabs #active
{color: #000;
  font-weight: normal;
  background-color: #F4C11A;}


/*LINKS
---------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited
{text-decoration: underline;
	color: #01209F;}

a:hover
{color: #FF0000;}/*#DB5C24*/

a:link span.arrow, a:visited span.arrow
{color: #DB5C24;
  font-weight: bold;
  text-decoration: none;
  padding-left: 2px;}

a:hover span.arrow
{color: #FF0000;
  font-weight: bold;
  text-decoration: none;
  padding-left: 2px;}

a img
{border: 0;}


/* READ MORE LINKS
----------------------------------------------------------------------------------------*/
.more
{font-size: 0.9em;}

.more a:link, .more a:active, .more a:visited
{color: #BC4318;
  font-weight: bold;
  text-decoration: none;}

.more a:hover
{color: #B96D0B;
  text-decoration: none;}


/* BUY A PARTNER AD LINK
----------------------------------------------------------------------------------------*/
#ad a:link, #ad a:active, #ad a:visited
{font-size: 0.9em;
  font-weight: bold;
  color: #DB5C24;
  text-decoration: none;
  margin-left: 5px;}

#ad a:hover
{color: #999; 
  text-decoration: none;}

span.ad
{font-size: 1.2em;}


/*FOOTER: HOMEPAGE
----------------------------------------------------------------------------------------*/
#home #footerwrap
{position: relative;
  width: 100%;
  height: 65px;
  text-align: center;
  border-top: 2px solid #D3CE48;
	background-color: #005266;}

#homefooter
{position: relative;
  width: 760px;
  height: 45px;
	color: #fff;
	font-size: 0.8em;
  margin: 0 auto;
	padding: 15px 0 5px 0;}

#homefooter ul
{list-style: none;
  margin: 0;
  padding: 0;}

#homefooter ul li
{display: inline;}

#homefooter #sitemap
{position: relative;
  float: left;
  margin: 0 0 0 15px;
  padding: 0;}

#homefooter #sitemap p
{text-align: center;
  margin: 0 0 5px 0;
  padding: 0;}

#homefooter #webnet
{position: relative;
  float: right;
  margin: 0 15px 0 0;
  padding: 0;}

#homefooter #webnet p 
{text-align: left;
  margin: 0 0 5px 0;
  padding: 0;}

#homefooter #webnet li span
{color: #B3C2D1;}

#homefooter #webnet p a
{text-transform: none;}

#homefooter a:link, #homefooter a:visited
{text-decoration: underline;
  text-transform: lowercase;
	color: #FFF;
  padding: 0 3px;}

#homefooter a:hover
{text-decoration: none;
  color: #D3CE48;/*#B3C2D1*/
  border-bottom: none;}


/*FOOTER: LANDING PAGES
----------------------------------------------------------------------------------------*/
div#footerwrap
{position: relative;
  width: 100%;
  border-top: 2px solid #D3CE48;
	background-color: #005266;}

div#footer
{position: relative;
  width: 760px;
  height: 30px;
	color: #fff;
	font-size: 0.8em;
  text-align: center;
	padding: 20px 0 5px 0;
	margin: 0 auto;}

div#footer div.sitemap ul
{text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;}

div#footer div.sitemap ul li
{display: inline;}

div#footer a:link, div#footer a:visited
{text-decoration: underline;
  text-transform: capitalize;
	color: #FFF;
  padding: 0 5px;}

div#footer a:hover
{text-decoration: none;
  color: #B3C2D1;
  border-bottom: none;}


/* ARCHIVES
------------------------------------------------------- */
#archives ul
{font-size: 0.8em;
  margin: 15px 0;
  padding: 0; 
  list-style: none; } 
 
#archives ul li
{display: inline;
  margin: 0;
  padding: 0;} 
 
#archives ul li a:link, #archives ul li a:active, #archives ul li a:visited
{text-decoration: none; 
 text-align: center; 
 text-transform: uppercase;
 padding: 5px;} 
 
#archives ul li a:hover
{color: #FFF; 
 text-decoration: none;
 background-color: #A4BD01;}


/* PRINT TOOLS
------------------------------------------------------- */
#pagetools
{position: relative;
  width: 740px;
  text-align: left;
  margin: 0;
  padding: 15px 0;
  border-top: 1px solid #ddd;}

#pagetools ul
{padding: 0;
	margin: 0;
  list-style: none;}

#pagetools li
{display: inline;
  font-size: 0.8em;
	margin: 0;}

#pagetools li a
{color: #000;
  padding: 0 20px;}

#pagetools li a:hover
{color: #DB5C24;}

#printthis
{background: url("../img/icons/print-friendly.gif") no-repeat 0% 50%;}

#emailthis
{background: url("../img/icons/envelope.gif") no-repeat 0% 50%;}


/*EXTRAS
---------------------------------------------------------------------------------------------------------------------------*/
div.clear
{clear: both;
 height : 1px; 
 overflow : hidden;}


/*SAME NAVIGATION CODE ON EVERY PAGE
---------------------------------------------------------------------------------------------------------------------------*/
#home .home, 
#about .about,
#overview .overview,
#vst .vst,
#events .events,
#blog .blog, 
#contact .contact
{color: #FFF !important;
  background: #327A8C url("/img/backgrounds/nav-active.jpg") repeat-x;}/* background-color: #A6DF48;*/
