/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{     
    font-size: 16px;
    font-family: Calibri, Helvetica, Sans-Serif;
    color:#333;    
    margin: 0;
    padding: 0;    
    background: url('designimages/Water.jpg') no-repeat 0 0;  
    /*background-image: url('designimages/body_top.png');
    background-repeat:repeat;*/
 }

img 
{
    /*border:2px solid #c9c9c9; */
    border:none;
}

a:link
{
    color: #0040a3;
    text-decoration: underline;
}
a:visited
{
    color: #0040a3;
}
a:hover
{
    color: #00bdff;
    text-decoration: none;
}
a:active
{
    color: #0040a3;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 16px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{    
    color:#000062;
    font-family: Cambria, Helvetica, sans-serif;
}

h1
{
    font-size: 28px;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    font-size: 24px;
    padding: 10px 0 10px 0;
    margin-top:0;
}
h3
{
    font-size: 18px;    
}
h4
{
    font-size: 16px;
}
h5, h6
{
    font-size: 14px;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1010px;
    margin-left: auto;
    margin-right: auto; 
    padding-top:15px;    
   /* background-image: url('designimages/mid_backbox.png');
      background-repeat:repeat-y;   */
          
}

#header
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto; 
}


#main
{
    padding: 0px 20px 0px 40px;        
    min-height:500px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

.block
{
    width: 1000px;
    min-height:500px;    
  /*  background-image: url('designimages/midbtm.png');
    background-position:bottom;
    background-repeat:repeat-x;*/
    background-image: url('designimages/glass_middle.png');  
    background-repeat:repeat-y;  
}

#footer
{
    padding-top:20px;    
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: 13px;
    color:#0040a3;
}

#footer a
{
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: 13px;
    color:#0040a3;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 14px 0;
    padding: 14px;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 14px;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}*/

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;    
    width:100%;    
    height:30px;
    padding:0;
    text-align:center; 
    background-image: url('designimages/menubg.jpg');
    background-repeat:repeat-x;   
    background-position: 0 0px;
}

div#title
{
    display:block;        
    width:800px;
    height:80px;
    padding-top:20px;
    margin-left:100px;
}

div#title .name
{
    float:left;
    padding-left:5px;    
        
}
div#title .logo
{
    float:left;    
    margin-top:-20px;
    margin-left:15px;    
}

#logindisplay
{
    font-size:12px;
    display:block;
    text-align:center;    
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

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

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

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.album
{
    float:left;
    width:204px;
    padding-right:30px;    
}

.album img
{
    width:200px;
}

.album ul li
{
    padding-bottom:10px;
    padding-top:10px;  
    list-style-type: none;  
}

.album ul
{
    padding:0 0 0 0;
    margin:0 0 0 0; 
}



.photo img
{
    width:200px;
      
}

.content
{
    float:left;
    width:660px;
    text-align:justify;
}


.photoalbum
{
   float:left;
   height:220px;
   min-height:220px;
   padding-left:13px;   
}

.photoname
{
    padding-left:5px;
    width:210px;
    text-align:left;   
    height:40px; 
}

.photodate
{
    text-align:left;
    color:#00B2FC;
    padding-left:5px;
    width:210px;
    height:17px;
}

/*.photoalbum .photo img
{
    width: 200;
}*/

/*News styles*/
div#news
{
    width:620px; 
    float:left; 
    padding-right:20px;    
}

div#news .image
{
    display:block; 
    float:left;  
    width: 175px;   
    height:125px;    
    margin-bottom:12px;    
}

div#news .image img
{    
   width: 175px;    
   
}

div#news .content
{
    display:block; 
    float:left;  
    margin-left:15px;   
    height:127px;
    width: 410px;       
    font-size:14px;    
    padding-bottom:4px;    
    margin-bottom:8px;
    text-align:left;
    line-height: 1.5;    
}

div#news .content .date
{
   color:#ff7f00;
   font-size:16px;
   padding-top:7px;
   padding-bottom:6px;
   font-weight:bold;   
}

div#news .content .title a
{
    font-weight:bold;
    text-align:left;
    text-decoration:none;
    display:block;      
}

div#news .content .text
{
    padding-right:5px;   
}


div#newsRSS
{
    width:200px;
    height:360px;
    padding-bottom:20px;
}


div#newsRSS .content
{
    display:block; 
    float:left;      
    width: 200px;       
    font-size:12px;     
    padding-bottom:4px;        
    text-align:left;
     
}

div#newsRSS .content .date
{
   color:#ff7f00;
   font-size:10px;
   padding-top:2px;
   padding-bottom:2px;
   font-weight:bold;   
}

div#newsRSS .content .title a
{
    font-weight:bold;
    text-align:left;
    text-decoration:none;
    display:block;      
}

div#newsRSS .content .text
{
    padding-right:5px;   
}



.partnerImage
{
    float:left;
    padding-left:20px;     
}

/*** set the width and height to match your images **/

#slideshow 
{
    float:left;
    margin-left:30px; 
    margin-top:15px;
    margin-bottom: 0px;
    width:600px;
    height:300px;         
}

#slideshow IMG {
    position:absolute;    
    width:850px;
    height:300px;    
    /*border:2px solid #c9c9c9;*/
    border:none;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#article
{
    float:left;
    height:60px;
    width:920px;
    display:block;
    padding-bottom:10px;
    font-size:14px;    
}

#article .date
{
    float:left;
    width:70px;
    height:60px;
    font-size:16px;    
}

#article .title
{
    float:left;
    height:20px;
    font-weight:bold;
    width:800px;
    padding-left:20px;    
}

#article .text
{
    float:left;
    height:30px;
    width:800px;
    padding-left:20px;
}

#rules
{
    width:850px; 
    padding-left:40px;
}

#rules ul li
{
    list-style-type:circle;        
    margin-left:30px;    
    padding-left:20px;
}

#trainer
{
    float:left;
    height:200px;
    width:900;
    padding-left:40px;
}

#trainer .image 
{
    float:left;
    height:170px;
    width:200; 
    text-align:center;  
    padding-right:30px; 
}

#trainer .image img
{
    height:170px;    
}

#trainer .title
{
   float:left;
   color:#DE9D7F;
   font-size:16px;
   padding-top:7px;
   padding-bottom:6px;
   font-weight:bold;
   height:15px; 
   width: 550px;    
}

#trainer .text
{  
   float:left;
   height:155px;
   width: 550px;    
}

#articleContent
{
    width:900px;
}

.all-four-rounded-corners 
{
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	}