/*
|------------------
| Tag(s) - Reset
|------------------
*/

a:link {
    color: #CCEE66;
    text-decoration: none;
}

a:visited {
    color: #CCEE66;
    text-decoration: none;
}

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



@media screen and (min-width: 700px) {

body  {
   padding: 0;
  margin: 0;
  background: #03014f url(im/pageback2.jpg) no-repeat center top;
  width: 100%;
  font-family: Tahoma, sans-serif;
  font-weight: normal;
  color: #000;
  font-size:16px;
  text-align: left;
 
}

H2{ color:#0055cc; text-align:center;text-shadow: 2px 2px 4px #000;font-weight:bold; font-size:28px; font-family:Verdana,sans-serif; }  
H1{ color:#0055cc; text-align:center;text-shadow: 2px 2px 4px #000000;font-weight:bold; font-size:24pt; font-family:Verdana,sans-serif ;}   
H3{ color:#000; text-align:center;text-shadow: 1px 2px 2px #666666;font-weight:bold; font-size:22pt; font-family:"Trebuchet MS",sans-serif ;}  
.tx9 { color:#DDDDDD; text-align:center;text-shadow:2px 2px 4px #111111;font-weight:bold; font-size:20px; font-family:verdana,sans-serif ;}  
.tx10 { color:#ff6666;text-align:center;font-style:italic;font-family:verdana,sans-serif ;}  
.tx7{ color:#80aaff; text-align:center;text-shadow: 2px 2px 4px #444444;font-weight:bold; font-size:28px; font-family:Verdana,sans-serif; }  
.tx5{ color:#80aaff; text-align:center;text-shadow: 2px 2px 4px #444444;font-weight:bold; font-size:24px; font-family:Verdana,sans-serif; }  

/*
|------------------
| Infrastructure
|------------------
*/

#wrapper  {
        display:table;
        width:1100px;
        margin-right:auto;
        margin-left:auto;
        border:none;
        height:100%;
   }

#sm {
  display:none;
 }

#menu  {
        width:100%;
        text-align:right;
        padding-top:5px;
        padding-left:560px;
        border:none;
        height:45px;
   }

#content {
            width: 1000px;
            margin-top:300px;
            margin-left: auto ;
            margin-right: auto ;
            min-height:600px;
             
              }
#cappers { 
           width:1000px;
            height:320px;
           border:1px solid transparent;
           border-spacing:20px;
            text-align:center;
           font-size:14px;
          
               }

section.page {
    width:100%;
     max-width:1000px;
     margin:0px;
    justify-content : space-between;
    align-items     : stretch;
    align-content   : stretch;
   height:100%;
   min-height:1000px;
    background-image: url(im/sectionback2.jpg);
} 

div.main {
            
            width: 1000px;
            margin-left: auto ;
            margin-right: auto ;
            height:1000px;
             
              }

td.cap {
            
            width: 300px;
            height:300px;
             padding:8px;
            vertical-align:bottom;
             border: 1px solid;
             border-color: #000;
            -moz-border-radius: 15px;
             border-radius: 15px;  
             color: #000;
               font-family: Tahoma, sans-serif;
            font-weight: normal;
            font-size: 17px;
              text-align:justify;
           background-color:#003489;
               }

td.cap2 {
            
            min-width: 690px;
            min-height:700px;
             border: 1px solid;
             border-color: #000;
             background:#003489 url(im/tableback1.jpg) no-repeat center top;
            -moz-border-radius: 15px;
             border-radius: 15px;  
             color: #000;
             padding:10px;
             font-family: Tahoma, sans-serif;
             font-weight: normal;
             font-size: 18px;
              text-align:center;
              }

.pay {
       width:580px;
        margin-left:auto;
        margin-right:auto;
       border:none;
       color:#000;
  }

td.profile {
            
            width: 700px;
            height:700px;
             border: 1px solid;
             border-color: #000;
            -moz-border-radius: 15px;
             border-radius: 15px;  
             color: #000;
              }
.cap_title {
             width:100%;
             font-size:22px;
             text-align:center;
       }

table.about {
            width:800px;
            margin-left: auto ;
            margin-right: auto ;
             font-family: Tahoma, sans-serif;
            font-weight: normal;
            color: #CCCCCC;
             text-align:justify;

             
              }

.stats {
            width:550px;
            margin-left: auto ;
            margin-right: auto ;
             background-color:#fff;
             color:#000;
               border: 1px solid #000000;
              -moz-border-radius: 15px;
             border-radius: 15px;  
             padding: 6px;	
}

.stats td {
	             
	padding: 6px;	
	color: #000;
             border: none;
        
}

.stats th {
	color: #fff;
             border: none;
             background-color: #013897;
            
}

.sample {   
                   width:550px;
                    margin-left:auto;
                   margin-right:auto;
	 font-size: 16px;
}

#sec {
 margin-left:auto;
margin-right:auto;
 border: thin solid #111111;
 width:200px;
 height:100px;
  padding:5px;
 vertical-align:bottom;
 text-align:center;
 }


                   }

@media screen and (max-width:699px) {

html,body  {
   width:698px;
   padding: 0;
   margin: 0;
   background: #03014f url(im/pageback_mo.jpg) no-repeat center top;
   font-family: Tahoma, sans-serif;
  font-weight: normal;
  color: #d6d6d6;
  font-size:24px;
  text-align: left;
 
}

H2{ color:#0055cc; text-align:center;text-shadow: 2px 2px 4px #000;font-weight:bold; font-size:28px; font-family:Verdana,sans-serif }  
H1{ color:#0055cc; text-align:center;text-shadow: 2px 2px 4px #000000;font-weight:bold; font-size:24pt; font-family:Verdana,sans-serif }   
H3{ color:#000; text-align:center;text-shadow: 1px 2px 2px #666666;font-weight:bold; font-size:22pt; font-family:"Trebuchet MS",sans-serif }  
.tx9 { color:#DDDDDD; text-align:center;text-shadow:2px 2px 4px #111111;font-weight:bold; font-size:20px; font-family:verdana,sans-serif ;}   
.tx10 { color:#ff6666;text-align:center;font-style:italic;font-family:verdana,sans-serif ;}  
.tx7{ color:#80aaff; text-align:center;text-shadow: 2px 2px 4px #444444;font-weight:bold; font-size:28px; font-family:Verdana,sans-serif; }  
.tx5{ color:#80aaff; text-align:center;text-shadow: 2px 2px 4px #444444;font-weight:bold; font-size:24px; font-family:Verdana,sans-serif; }  
/*
|------------------
| Infrastructure
|------------------
*/

#wrapper  {
        display:table;
        width:698px;
        margin-right:auto;
        margin-left:auto;
        border:none;
        height:100%;
   }

#menu  {
        width:500px;
        float:right;
        padding-top:5px;
        border:none;
        height:45px;
        text-align:right;
   }

#content {
            width: 698px;
            margin-top:300px;
            margin-left: auto ;
            margin-right: auto ;
            min-height:600px;
             
              }
#bg {
  display:none;
 }

section.page {
    width:100%;
     max-width:698px;
     margin:0px;
    justify-content : space-between;
    align-items     : stretch;
    align-content   : stretch;
   height:100%;
   min-height:1000px;
    background-image: url(im/sectionback2.jpg);
} 

div.main {
            
            width: 698px;
            margin-left: auto ;
            margin-right: auto ;
            min-height:1000px;
             
              }

td.cap {
            
            width: 300px;
            height:430px;
             border: 1px solid;
             border-color: #000;
             padding:6px;
             vertical-align:bottom;
            -moz-border-radius: 15px;
             border-radius: 15px;  
             color: #000;
               font-family: Tahoma, sans-serif;
            font-weight: normal;
            font-size: 22px;
              text-align:left;
            background-color:#003489
     
              }

td.cap2 {
            
            max-width: 600px;
            min-height:700px;
             border: 1px solid;
             border-color: #000;
             background:#003489 url(im/tableback1.jpg) no-repeat center top;
            -moz-border-radius: 15px;
             border-radius: 15px;  
             color: #000;
             padding:8px;
             font-family: Tahoma, sans-serif;
             font-weight: normal;
             font-size: 22px;
              text-align:center;
              }

.pay {
       width:650px;
        margin-left:auto;
        margin-right:auto;
       border:none;
       color:#000;
  }

.cap_title {
             padding-left:20px;
             font-size:28px;
             text-align:center;
       }

td.profile {
            
            width: 698px;
            height:700px;
             border: 1px solid;
             border-color: #000;
            -moz-border-radius: 15px;
             border-radius: 15px;  
             color: #000;

             
              }

table.about {
            margin-left: auto ;
            margin-right: auto ;
             font-family: Tahoma, sans-serif;
            font-weight: normal;
            color: #CCCCCC;
             text-align:justify;

             
              }

.stats {
            width:550px;
              margin-left: auto ;
            margin-right: auto ;
             background-color:#fff;
             color:#000;
               border: 1px solid #000000;
              -moz-border-radius: 15px;
             border-radius: 15px;  
             padding: 6px;	
}

.stats td {
	             
	padding: 6px;	
	color: #000;
             border: none;
        
}

.stats th {
	color: #fff;
             border: none;
             background-color: #013897;
            
}

.sample {   
                   width:550px;
                    margin-left:auto;
                   margin-right:auto;
	 font-size: 22px;
}

#sec {
 margin-left:auto;
margin-right:auto;
 border: thin solid #111111;
 width:200px;
 height:100px;
  padding:5px;
 vertical-align:bottom;
 text-align:center;
 }