/* Tab Content - menucool.com */
ul.tabs
{
    padding: 6px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
	text-align: center;
   
}
@media (min-width:300px) and (max-width:500px) {
ul.tabs
{
    padding: 6px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
	text-align: left;
   
}
}


        
ul.tabs li
{
    display: inline;
   
	margin: 0px 90px 0px 76px;
    /*margin-right:167px; distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 16px Verdana;
    text-decoration: none;
    position: relative;
    padding: 6px 16px;
   
   border-bottom: 5px solid #A7D9E1;
    color: #000;
   
   
    outline:none;
}





        
ul.tabs li a:visited
{
    color: #000;
	
}
        
ul.tabs li a:hover
{
    border-bottom: 5px solid #328FA4;
   
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    padding: 9px 16px 6px;
    position: relative;
    top: 0px;
	border-bottom: 7px solid rgb(50, 143, 164);
	background-color: #E7E7E7;
  
   /* background: white url(tabbg.gif) 0 -72px repeat-x;
    border: 1px solid #AAA;
    border-bottom-color: white;*/
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
    /*border: 1px solid #AAA;*/ padding:30px 0px 0px 0px;
    background-color:#FFF;
    border-radius: 2px;
}


@media (min-width:300px) and (max-width:500px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
    padding: 9px 1px 6px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 8px Verdana;
    padding: 6px 0px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 67x 0px 0px !important;
}


}



@media (min-width:301px) and (max-width:669px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
    padding: 9px 0px 6px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 9px Verdana;
    padding: 6px 0px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 4px 0px 0px;
}
}


@media (min-width:670px) and (max-width:769px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
    padding: 9px 10px 6px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 12px Verdana;
    padding: 6px 8px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 10px 0px 0px;
}
}

@media (min-width:770px) and (max-width:850px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
     padding: 6px 2px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 15px Verdana;
    padding: 6px 15px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 9px 0px 0px;
}
}



@media (min-width:851px) and (max-width:950px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
   padding: 6px 10px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 16px Verdana;
    padding: 6px 8px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 32px 0px 0px !important;
}
}

@media (min-width:951px) and (max-width:1070px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
     padding: 6px 16px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 18px Verdana;
    padding: 6px 29px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 17px 0px 0px;
}
}


@media (min-width:1071px) and (max-width:1140px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
     padding: 6px 15px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 18px Verdana;
    padding: 6px 29px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 54px 0px 0px;
}
}


@media (min-width:1141px) and (max-width:1250px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
     padding: 6px 30px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 18px Verdana;
    padding: 6px 29px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 41px 0px 24px;
}
}


@media (min-width:1251px) and (max-width:1330px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
     padding: 6px 30px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 18px Verdana;
    padding: 6px 29px;
    
}
ul.tabs li {
    display: inline;
   margin: 0px 58px 0px 40px;
}
}

@media (min-width:1331px) and (max-width:1430px) {
	ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    border-bottom: 5px solid #328FA4;
     padding: 6px 30px;
}

ul.tabs li a {
    text-decoration: none;
    position: relative;
    color: #000;
    outline: medium none;
    border-bottom: 5px solid #A7D9E1;
    font: 18px Verdana;
    padding: 6px 29px;
    
}
ul.tabs li {
    display: inline;
    margin: 0px 61px 0px 61px;
}
}