/*
* Anglo Swimming Ponds
* Version: 1.0
* Last Changed: 5/02/10
* Created by Scott Nettleton 
*
*/

/* Default Styles */
* { padding: 0; margin: 0;   }
 body
{
    margin: 5px 0 0 0;
    padding: 0;
    font-family: Verdana;
    font-size: 13px;
    color: #000000;
    background: #FFFFFF url(images/background1.jpg) repeat-x ;
}  


form { margin: 0; padding: 0; }
h1 { font-size: 15px; letter-spacing: 1px; }
h2 { font-size: 15px; }
a { text-decoration: none; color: black }
a:hover { text-decoration: underline; }


/* Layout */
.wrapper
{
    border-width: 2px;
    border-color: #CCCCCC;
    margin: 0 auto;
    width: 1000px;
    background-color: #F2FFF2;
    border-left-style: solid;
    border-right-style: solid;
}
.mainwrapper { margin: 0 auto; width: 1000px; padding: 0px 0px 10px 10px; background-color: #ffffff; overflow: auto; }


/* Header */
#header
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999 #999999 #FFFFFF #999999;
    margin: 0px auto;
    width: 1000px;
    text-align: left;
    height: 150px;
    background: url(images/angloheader.jpg) no-repeat;
    background-position: center;
}
#header h1
{
    background-position: inherit;
    font-family: 'Comic Sans MS';
    font-size: 40px;
    margin: 5px;
    padding-right: 10px;
    color: #FFFF00;
} 

#header h2 {color: #FFFF00; font-size: 18px; font-weight: bold; letter-spacing: 4px;  margin: 5px; padding-right: 10px; }
#header h3 {font-size: 12px;float:right}
#header a { text-decoration: none; color:  black }
#header table {width: 100%;}
#header .title {
    width: 70%;    
    vertical-align: top;
}

#header .contact
{
    color: Black;
    height: 65px;
    vertical-align: bottom;
    color: yellow;
    padding-right: 5px;
}
  /* Need to restyle the text for "email" */

#header img {border: none;}

#header .tel { color: #FFFF00;padding-right: 5px;}


/* header with logo*/
#logoheader
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999 #999999 #FFFFFF #999999;
    margin: 0px auto;
    width: 1000px;
    text-align: left;
    height: 150px;

        background: url(images/logos/anglo%20simple.gif) no-repeat;
        background: url(images/logos/tpond.gif) no-repeat;
          background: url(images/logos/anglo%20with%20pond.gif) no-repeat;
            background: url(images/logos/anglo%20simple.gif) no-repeat;
              background: url(images/logos/anglo%20simple%20small%20diver.gif) no-repeat;
                  background: url(images/logos/anglo%20with%20pond%20small%20diver.gif) no-repeat;
                   background: url(images/logos/angloheaderlogo1.gif) no-repeat;
    background-position: top left;
}
#logoheader h1
{
    background-position: inherit;
    font-family: 'Comic Sans MS';
    font-size: 40px;
    margin: 5px;
    padding-right: 10px;
    color: #FFFF00;
} 

#logoheader h2 {color: #FFFF00; font-size: 18px; font-weight: bold; letter-spacing: 4px;  margin: 5px; padding-right: 10px; }
#logoheader h3 {font-size: 12px;float:right}
#logoheader a { text-decoration: none; color:  black }
#logoheader table {width: 100%;}
#logoheader .title {
    width: 70%;    
    vertical-align: top;
}

#logoheader .contact
{
    color: Black;
    height: 65px;
    vertical-align: bottom;
    color: yellow;
    padding-right: 5px;
}
  /* Need to restyle the text for "email" */

#logoheader img {border: none;}

#logoheader .tel { color: #FFFF00;padding-right: 5px;}







/* Menu */
#master-menu
{
   
   
    margin: 10px auto 10px auto;
    width: 1000px;
    font: 13px Arial, Helvetica, sans-serif;
    height: 36px;
    background-color: #ffffff;
    
}


#menu
{
    background-position: center center;
    float: left;
    position: relative;
    width: 1000px;
    top: 0;
    list-style: none;
    font: 13px Arial, Helvetica, sans-serif;
    height: 36px;
    background: url(images/navbar.png);
    background-position: center center;
   
    background-repeat: no-repeat;
   
}
#menu li { font-weight:bold; float: left; margin-top: 5px; padding: 5px 4px; position: relative; background: url(images/menu.gif) repeat-x; }
#menu li a { padding: 5px 4px; }
#menu li a img { margin-right: 3px; margin-bottom: -2px; }
#menu li.menur{ float:right;}

#main { margin: 0px auto;}

/* Main Contnet */
#mainc
{
  
    margin: 0px auto;
    width: 1000px;
    top: 0px;
    
   
}
#mainportfolio
{
  
    margin: 0px auto;
    width: 1000px;
    top: 0px;
   
}

#mainc h3
{
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold; /*background-color: #F2FFF2;*/
    /*border: 1px solid #C1FFC1;*/
    border: 1px solid #999999;
    background-color: #F2FFF2;
}

#mainc p { font-size: 13px;}
#mainc h5
{
    font-family: 'Copperplate Gothic Light';
    color: #000000;
    font-size: 15px;
    background-color: #D7E2F7;
    border: 1px solid #999999;
    text-align: center;
}
#mainc table th {  background-color: #F5F5F5;}

#mainc iFrame { margin-top: 0px;  }

/* Home page */
#homepage
{
    background-position: left bottom;
    background-image: url('images/pagebackgrounds/homepage5.jpg');
    width: 1000px;
    height: 400px;
    background-repeat: no-repeat;
}
           
#homepage .indent
{
    margin-left: 10px;
    margin-top: 20px;
}

#homepage .homepageleft
{
    border-width: 2px;
    border-color: #Cccccc;
    text-align: left;
    vertical-align: top;
    width: 55%;
    border-right-style: dotted;
}

#homepage li
{
    margin-left: 25px;
    font-weight: bold;
    font-size: 13px;
    list-style-image: url(images/rarrow.jpg);
    vertical-align: middle;
    
}

    
#homepage li a
{
    text-decoration: none;
    padding-left: 5px;
}
#homepage li a:hover {text-decoration: underline; }
#homepage h1 { font-size: x-large;  }
#homepage h2 { font-size: large; }


/* Swimming Ponds */
#swimmingponds
{
    background-position: right bottom;
    background-image: url('images/pagebackgrounds/swimmingponds.jpg');
    vertical-align: top;
    background-repeat: no-repeat;
}
            
#swimmingponds td
{
    padding: 5px;
    width: 33%;
    vertical-align: top;
}           

/* Services */
#services {background-image: url('images/pagebackgrounds/services.jpg');
                background-position: bottom;
                vertical-align: top; }
            
#services td
{
    padding: 5px;
    width: 33%;
    vertical-align: top;
}           

/* Feature Project */
#fp {vertical-align: top; }

#fp .fpheader
{

    vertical-align: middle;
    text-align: center;

}
            
#fp .leftcol
{
    
    padding: 5px;
    width: 50%;
    vertical-align: top;
   
    
}

#fp .rightcol {
  padding: 5px;
    width: 50%;
    vertical-align: top;
    
}

#fp p { padding: 20px;}


#fp .imgframe
{
    background-color: #CCCCCC;
    width: 410px;
    text-align: left;
    margin-left: 40px;
}
#fp img { border-width: 0px; width: 400px;}

#fp  a  {text-decoration: underline;}

/* The portfolio page */

#portfolio .bg
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #CCCCCC;
    background-color: #FFFFE8;
    padding-right: 10px;
    vertical-align: text-top;
}
#portfolio img { border-width: 0px; width : 400px;  }

#portfolio h4
{
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
   
}

#portfolio .imgframe
{
    background-color: #CCCCCC;
    width: 420px;
}

#portfolio a {text-decoration: underline;}


/* for the gallery we dont want the 10px offset */
#gallery-body { margin: 0 0px; padding: 0; font-family: Verdana; font-size: 11px; color: #000000; background: #FFFFFF;   }  

/* Gallary format */
#gallery table
{
    border-style: groove;
    background-color: #F2FFF2; /*#E4ECFA; */
}

/* Awards*/
#awards
{
    background-image: url('images/pagebackgrounds/awards.jpg');
    background-position: right bottom;
    vertical-align: top;
}
            
#awards td
{
    padding: 5px;
    width: 33%;
    vertical-align: top;
} 

/* About*/
#about {background-image: url('images/pagebackgrounds/aboutus.jpg');
                vertical-align: top; 
                 background-position: left top;
                 height: 400px; }
            
#about td
{
    padding: 5px;
    width: 33%;
    vertical-align: top;
} 

/* Contact*/
#contact
{
    background-position: bottom;
    background-image: url('images/pagebackgrounds/contact.jpg');
    vertical-align: top;
    height: 400px;
}
            
#contact td
{
    padding: 5px;
    width: 33%;
    vertical-align: top;
} 

#sidebar
{
   
    width: 300px;
    vertical-align: text-top;
    text-align: center;
   
}

#sidebar table td
{
    background-color: #CCCCCC;
}

#sidebar img
{
    border: 10px solid #D7E2F7;
    width: 295px;
}

#sidebar h1
{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

#sidebar h3
{
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold; /*background-color: #F2FFF2;*/
    /*border: 1px solid #C1FFC1;*/
    border: 1px solid #999999;
    background-color: #F2FFF2;
}
#sidebar h5
{
    border-style: none;
    font-family: 'Copperplate Gothic Light';
    color: #000000;
    font-size: 15px;
    background-color: #D7E2F7;
    text-align: center;
}

#sidebar .featureimg
{
    border: 1px solid #999999;
    text-align: center;
}
/* home page sider bar is bigger  */

#hpsidebar
{
    vertical-align: text-top;
    text-align: center;
}

#hpsidebar table td
{
    background-color: #CCCCCC;
   
}

#hpsidebar img
{
    border: none;
    width: 400px;
}

#hpsidebar h1
{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

#hpsidebar h2
{
  
    
}

#hpsidebar h3
{
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold; /*background-color: #F2FFF2;*/
    /*border: 1px solid #C1FFC1;*/
    border: 1px solid #999999;
    background-color: #F2FFF2;
}
#hpsidebar h5
{
    border-style: none;
    font-family: 'Copperplate Gothic Light';
    color: #000000;
    font-size: 15px;
    background-color: #CCCCCC;
    text-align: center;
}

#hpsidebar h6
{
     font-family: 'Copperplate Gothic Light';
    color: #000000;
    font-size: 15px;
    background-color: #D7E2F7;
    border: 1px solid #999999;
    text-align: center;
}

#hpsidebar .featureimg
{
    border: none;
    text-align: left; /* need to force centre as FF and CHrome don't center a table in a dv */
    margin-left: 15px;
}



#footer { margin: 0px auto; width: 1000px; text-align: center; height: 15px;  background-position:center;  background-color: #F2FFF2;border: 1px solid #999999; }
.sbs a
{
    float: right;
    text-decoration: none;
    color: #0000FF;
}