@charset "utf-8";
/* CSS Document */

/* --[ General Settings ]--------------------------- */
* {margin:0; padding:0}
html {/*height:100%; */overflow: auto;} 


/* --[ Text Elements ]------------------------------- */

/*li {font-size: 1em;}
ul li ul li {font-size: 1em; background-color:white;}
ul {display: list-item; list-style: circle;}*/
p, ul {margin: 0 0 1em 0}

/* Layout settings for three col layout */
#container {position: relative;	min-height: 100%}
#container li {font-size: 1em;}
#container ul li ul li {font-size: 1em; background-color:white;}
#container p, ul {margin: 0 0 1em 0}
#container ul {display: block; list-style:none; z-index: 90;}

/* Content */
#container {text-align:left;}

/* --[ Branding Area - header ]----------------------- */
#branding-area {width: 980px}

/* All of these should be the same for alignment */
#branding-area #main-nav, ul#nav-items {left: 1px; right: 1px}

/* Main navigation */
#main-nav {width: 980px; position: absolute; background: url(../img/nav/m_anad_12.gif) repeat-x; z-index: 2} 
#main-nav li {position:relative; float:left;}
#main-nav li span {position: absolute; width:100%; height:100%;}
#main-nav li a {display:block}

/* Widths for navigation items */
#main-nav #cbat,  #main-nav #cbat a {width:75px;}
#main-nav #inicio, #main-nav #inicio a {width:53px; z-index:12;}
#main-nav #anad, #main-nav #anad a {width:62px; z-index:11;}
#main-nav #normas, #main-nav #normas a {width:64px; z-index:10;}
#main-nav #substancias, #main-nav #substancias a {width:145px; z-index:9;}
#main-nav #atletas, #main-nav #atletas a {width:117px; z-index:8;}
#main-nav #oficiais, #main-nav #oficiais a {width:129px; z-index:7;}
#main-nav #fora, #main-nav #fora a {width:132px; z-index:6;}
#main-nav #iuts, #main-nav #iuts a {width:51px; z-index:5;}
#main-nav #faqs, #main-nav #faqs a {width:66px; z-index:4;}
#main-nav #contato, #main-nav #contato a {width:67px; z-index:3;}


#main-nav li, #main-nav li a {height: 25px} /* contato para o sub-menu*/
#main-nav .main-sub-nav li, #main-nav .main-sub-nav li a {height: 21px} /* espaçamento entre o itens do sub-menu*/

/* Hover*/
#main-nav #cbat a:hover {background: url(../img/nav/m2_anad_01.gif) left top no-repeat; }
#main-nav #inicio a:hover {background:  url(../img/nav/m2_anad_02.gif) left top no-repeat; }
#main-nav #anad a:hover {background:  url(../img/nav/m2_anad_03.gif) left top no-repeat; }
#main-nav #normas a:hover {background:  url(../img/nav/m2_anad_04.gif) left top no-repeat; }
#main-nav #substancias a:hover {background:  url(../img/nav/m2_anad_05.gif) left top no-repeat; }
#main-nav #atletas a:hover {background:  url(../img/nav/m2_anad_06.gif) left top no-repeat; }
#main-nav #oficiais a:hover {background:  url(../img/nav/m2_anad_07.gif) left top no-repeat; }
#main-nav #fora a:hover {background: url(../img/nav/m2_anad_08.gif) left top no-repeat; }
#main-nav #iuts a:hover {background: url(../img/nav/m2_anad_09.gif) left top no-repeat; }
#main-nav #faqs a:hover {background: url(../img/nav/m2_anad_10.gif) left top no-repeat; }
#main-nav #contato a:hover {background: url(../img/nav/m2_anad_11.gif) left top no-repeat; }

#main-nav .main-sub-nav a:hover {
	width: 210px; height: 21px; 
	padding: 0 0 0 20px; 
	color:#000; text-decoration:none; 
	z-index:99; 
	background: url(../img/nav/hor_line.gif) bottom left repeat-x;
}

/* Off states */
#main-nav #cbat  {background: url(../img/nav/m_anad_01.gif) left top no-repeat;}
#main-nav #inicio  {background: url(../img/nav/m_anad_02.gif) left top no-repeat;}
#main-nav #anad  {background: url(../img/nav/m_anad_03.gif) left top no-repeat;}
#main-nav #normas  {background: url(../img/nav/m_anad_04.gif) left top no-repeat;}
#main-nav #substancias  {background: url(../img/nav/m_anad_05.gif) left top no-repeat;}
#main-nav #atletas  {background: url(../img/nav/m_anad_06.gif) left top no-repeat;}
#main-nav #oficiais  {background: url(../img/nav/m_anad_07.gif) left top no-repeat;}
#main-nav #fora {background: url(../img/nav/m_anad_08.gif) left top no-repeat;}
#main-nav #iuts {background: url(../img/nav/m_anad_09.gif) left top no-repeat;}
#main-nav #faqs {background: url(../img/nav/m_anad_10.gif) left top no-repeat;}
#main-nav #contato {background: url(../img/nav/m_anad_11.gif) left top no-repeat;}



/* Main navigation Sub navi - drop down layers  */
#main-nav .main-sub-nav {position:absolute;top:25px;left:0;width:185px;background-color:#fff;border:1px solid #CC0000;padding:0.4em 0 0 0;display: none;}
#main-nav .main-sub-nav li {float:none;background: #fff url(../img/nav/gray_arrow_right2.gif) 10px 45% no-repeat;padding-left:10px;padding-top:0.8em;}

/* Horizontal dash background image for second level navigation */
#branding-area #main-nav .main-sub-nav li a {
	width: 145px; height: 21px;
	padding: 0 0 0 20px;
	background: url(../img/nav/hor_line.gif) bottom left repeat-x;
	color: #000; text-decoration:none; 
	z-index: 99;
}

/* Last navigation items */
#branding-area #main-nav .main-sub-nav .last a, #branding-area #main-nav .main-sub-nav .last a:hover {background:none;}

/* Second level hover navigation*/
#branding-area #main-nav .main-sub-nav li a:hover {
	text-decoration:underline; color: #CC0000;
	background: url(../img/nav/hor_line.gif) bottom left repeat-x;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#main-nav li:hover ul ul, #main-nav li.iehover ul ul {display: none;}
#main-nav li:hover ul, #main-nav li.iehover ul {display: block;}