/* CSS Document */

html { height:100%}
body {
  height:100%;  
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
}	

div {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

table {
  border-collapse:collapse;
}

table td { 
  margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

a:link {  
  text-decoration:underline; 
  color:#359999;
}
a:hover { 
  color:#33CB98; 
}

a:visited { 
  text-decoration:underline;
  color:#993399;
}	

/* - Layout*/
table.body { 
  width: 1000px;  
  height:100%; 
}
	
  table.body td.main,
	table.body td.footerMain { 
    width: 635px;
  }
	
  table.body td.side,
	table.body td.footerSide { 
    width: 365px; 
    background: url(../images/elements/content_separator_v.gif) left top repeat-y;
  }  
		
  table.body td.main,
  table.body td.side,
	table.body td.headerMain,
	table.body td.headerSide { vertical-align: top;}
	
	table.body td.headerMain,
  table.body td.headerSide { }
	
  table.body td.footerMain,
  table.body td.footerSide { vertical-align:bottom;}
	

/* - Header*/
  
  /*Menu*/
  div.menu { 
    width: 635px;
    height:71px;
		margin-bottom:-1px;
		background:url(../images/elements/content_separator_h.gif) left bottom repeat-x; 
  }
	
    div.menu ul {
      list-style:none;
      margin:0;
      padding:0;
    }
	
    div.menu ul li {
      margin-left:1px;
      padding-left:32px;
      padding-right:32px;
      border-top-width:8px;
      border-top-style:solid;
      float: left;
    }
	
    div.menu ul li.blue,
    div.menu ul li.sky,
    div.menu ul li.green,
    div.menu ul li.yellow,
    div.menu ul li.orange { 
      padding-top:15px;
      background:url(../images/elements/menu_separator.gif) left 25px no-repeat;
    }
		
    div.menu ul li.logo { margin-left:0px; padding-right:11px; padding-left: 11px;}
		
    div.menu ul li.logo { border-top-color: #ECECEB; }
    div.menu ul li.blue { border-top-color: #FF9933; }
    div.menu ul li.sky { border-top-color: #FF9933; }
    div.menu ul li.green { border-top-color: #FF9933; }
    div.menu ul li.yellow { border-top-color: #FF9933; }
    div.menu ul li.orange { border-top-color: #FF9933; }
		
      div.menu ul li a.menu { 
        font-size:11px;  
        text-decoration:underline; 
        line-height:22px;
        padding-bottom:4px; 
        color:#666666;
      }
      div.menu ul li a.menu:hover { 
        text-decoration:none;
        background:url(../images/elements/menu_arr.gif) center bottom no-repeat; 
      }
		
      div.menu ul li a.selected {
			  color:#000000;  
        text-decoration:none;
        background:url(../images/elements/menu_arr.gif) center bottom no-repeat; 
      }
      div.menu ul li a.selected:hover {
			  color:#000000; 
        text-decoration:none;
        background:url(../images/elements/menu_arr.gif) center bottom no-repeat; 
      }	
	
  /*Extra Menu*/		
  div.extraMenu { 
    width: 365px;
    height:71px;
		margin-bottom:-1px; 
    background: url(../images/extra_menu_bg.gif) left top repeat-x;
  }
	
    div.extraMenu ul {
      list-style:none;
      margin:0;
      padding:0;
    }
	
    div.extraMenu ul li {
      padding-left:15px;
      padding-right:15px;
      padding-top:26px;
      background:url(../images/elements/menu_separator.gif) left 33px no-repeat;
      float: right;
    }
		
      div.extraMenu  ul li a { 
        font-size:11px;  
        text-decoration:underline; 
        color:#359999;
      }	
      div.extraMenu ul li a:visited { 
        text-decoration:underline; 
        color:#359999;
      }
      div.extraMenu ul li a:hover {
			  color:#33CB98 
      }	
      
			div.extraMenu ul li a.selected:link,
      div.extraMenu ul li a.selected:hover,
      div.extraMenu ul li a.selected:visited  {  
        text-decoration:none; 
        color: #666666;
      }	
  
/* - Main content*/	
div.mainBaner {
	height:400px;
	background:#CCCCCC;
	margin-top: -1px;
	background: url(../images/main_banner_bg.jpg) left top no-repeat;
}

div.content { padding-right:20px;}
div.content h1 { padding-top:10px;}

div.separatorH { margin-right:20px;}
div.content  div.separatorH { margin:0;}

/* - Side Content*/

td.side  div.separatorH { margin-left:20px; margin-right:20px;}	
  
	/*Baners*/	
  .banerList {
	  margin-top:-1px;
    background: #ECECEB url(../images/baners/baner_list_bg.gif) left bottom repeat-x;
  }
	
	.banerList td { vertical-align: top; }
	
		
    .banerList div.separatorH { height:15px;  background:url(../images/elements/content_separator_h.gif)  left top repeat-x;}
		  
    .banerList div.baner {
      background:url(../images/baners/baner_bg.png) left 15px no-repeat;
			padding: 15px 0 25px 0;
    }
		

    *html .banerList div.baner { 
      background : none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/baners/baner_bg.png,sizingMethod=crop);
    }
			
      .banerList div.baner h1 { padding-left:20px;}
      .banerList div.baner h1 img { margin-right:7px;}
      .banerList div.baner div.descript { 
        font-size:11px;
        color:#666666;
        padding-left:80px;
        padding-right:20px;
      }
      
			.banerList a.baner:link { text-decoration:none; cursor:hand; display:block;}
			.banerList a.baner:visited { text-decoration:none; cursor:hand; display:block;}
			.banerList a.baner:hover { text-decoration:none; cursor:hand; background-color:#F1F1F1;display:block;}
		
        /*Side content*/
        div.bannerBox {
          padding-top:20px;
          padding-left:20px;
          padding-right:20px;
          padding-bottom:10px;
        }
				
        div.sideBox {
          padding-top:20px;
          padding-left:60px;
          padding-right:20px;
          padding-bottom:20px;
        }
		
          div.sideBox ul.sideList {
            list-style: disc;
            color:#CCCCCC;
            margin-top:10px;
            margin-bottom:0;
          }
          div.sideBox ul.sideList li { padding-bottom:5px;}
					
	/*Side Baners*/	
  .side div.banerList {
    background: #ECECEB url(../images/main_banner_bg.jpg) left top repeat-x;
  }
	
		
   .side div.banerList div.separatorH { 
		 height:15px;  
		 background:url(../images/elements/content_separator_h2.gif)  left top repeat-x;
	 }
		  
   .side div.banerList div.baner {
      height:81px;
      background:url(../images/baners/baner_bg.png) left top no-repeat;
			padding-bottom:16px;
			padding-top:0; 
    }
		

    *html .side div.banerList div.baner { 
      background : none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/baners/baner_bg.png,sizingMethod=crop);
    }
			
    .side  div.banerList div.baner h1 { padding-left:40px;}
    .side  div.banerList div.baner h1 img { margin-right:7px;}
    .side  div.banerList div.baner div.descript { 
        font-size:11px;
        color:#666666;
        padding-left:100px;
        padding-right:20px;
      }
      
		.side	div.banerList a.baner:link { text-decoration:none; cursor:hand; display:block;}
		.side	div.banerList a.baner:visited { text-decoration:none; cursor:hand; display:block;}
		.side	div.banerList a.baner:hover { text-decoration:none; cursor:hand; background-color:#F1F1F1;display:block;}
		
        /*Side content*/
     .side   div.bannerBox {
          padding-top:20px;
          padding-left:20px;
          padding-right:20px;
          padding-bottom:10px;
        }
				
      .side  div.sideBox {
          padding-top:20px;
          padding-left:60px;
          padding-right:20px;
          padding-bottom:20px;
        }
		
       .side   div.sideBox ul.sideList {
            list-style: disc;
            color:#CCCCCC;
            margin-top:10px;
            margin-bottom:0;
          }
       .side   div.sideBox ul.sideList li { padding-bottom:5px;}					
				 
/* - Footer*/

  /*Menu*/
  div.footerMenu { 
    width: 635px;
    height:88px; 
    background:url(../images/elements/content_separator_h.gif) left top repeat-x; 
  }
	
    div.footerMenu ul {
      list-style:none;
      margin:0;
      padding:0;
    }
	
    div.footerMenu ul li {
      margin-left:1px;
      padding-left:32px;
      padding-right:32px;
      border-bottom-width:8px;
      border-bottom-style:solid;
      float: left;
    }
	
    div.footerMenu ul li.blue,
    div.footerMenu ul li.sky,
    div.footerMenu ul li.green,
    div.footerMenu ul li.yellow,
    div.footerMenu ul li.orange {
      padding-bottom:30px;
      margin-top:28px;   
      background:url(../images/elements/menu_separator.gif) left 10px no-repeat;
    }
		
    div.footerMenu ul li.logo { margin-left:0px; padding-right:11px; padding-left:11px;}
    *html div.footerMenu ul li.logo { padding-bottom:3px;}
		
    div.footerMenu ul li.logo { border-bottom-color: #ECECEB; }
    div.footerMenu ul li.blue { border-bottom-color: #FF9933; }
    div.footerMenu ul li.sky { border-bottom-color: #FF9933; }
    div.footerMenu ul li.green { border-bottom-color: #FF9933; }
    div.footerMenu ul li.yellow { border-bottom-color: #FF9933; }
    div.footerMenu ul li.orange { border-bottom-color: #FF9933; }
		
      div.footerMenu ul li a.menu { 
        font-size:11px;  
        text-decoration:underline; 
        line-height:22px;
        padding-top:4px; 
        color:#666666;
      }
      div.footerMenu ul li a.menu:hover { 
        text-decoration:none;
        background:url(../images/elements/footer_menu_arr.gif) center top no-repeat; 
      }
		
      div.footerMenu ul li a.selected {
			  color:#000000; 
        text-decoration:none;
        background:url(../images/elements/footer_menu_arr.gif) center top no-repeat; 
      }
      div.footerMenu ul li a.selected:hover {
			  color:#000000; 
        text-decoration:none;
        background:url(../images/elements/footer_menu_arr.gif) center top no-repeat; 
      }
	
  /*Copyright*/	
  div.copyright { 
    width: 365px;
    height:88px;  
    background: #E7E7E6 url(../images/copyright_bg.gif) left bottom repeat-x;
    text-align: center;
    font-size: 11px;
    color: #666666; 
  }
	
    div.copyright div {
      height:88px;
      background:url(../images/copyright_pngbg.png) left top no-repeat; 
    }
    *html div.copyright div { 
      background : none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/copyright_pngbg.png,sizingMethod=scale);
    }
    div.copyright div p{ padding-top:30px; margin:0;}	

/*Elements*/

input.button {
  height:29px;
  padding-left:20px;
  padding-right:20px;
  cursor:pointer;
}

input[type=radio] {
margin: 4px 3px 4px 3px; 
}

*html input.button {
  padding-left:12px;
  padding-right:12px;
}

img { border:0;}

p { margin-top:15px; margin-bottom:15px;}

h1 { 
  font-weight:normal;
  font-size:18px;
  color:#666666;
  margin:0;
  padding-bottom:5px;
}
	
h2 {
  font-weight:normal;
  font-size:18px;
  color:#666666;
  margin:0;
  padding:20px 20px 10px 20px;
}
h3 {
  font-size:12px;
  color:#333333;
  margin:0;
  padding-bottom:5px;
}	

div.separatorH{
  background:url(../images/elements/content_separator_h.gif)  left center repeat-x;
  height:20px;
  clear:both;
}
	
.white { color:#FFFFFF; }
.important { color:#CC0000;}