/* main css file for Bethesda Physio Clinic */
/*Tess Barnes at Crataegus Design Feb 2009 */

/*
bethseda colours march 09

d967b0 - purple
f8f898 - gold
f3c67b - orange
d7e1da - blue
ddefb2 - green
006510 - bottle green

*/

html{
    background-color:#FCFEE0;
    background:url(../images/background.jpg) repeat;

}

body{
    width:920px;
    width:850px;
    margin:10px auto;
    padding:20px;
    font-family:verdana,arial, sans-serif;
    background-color:#d967b0;
    border:1px outset #d967b0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    
}

/*default link behavious*/
a {
color:black;
}
a:link, a:visited{
text-decoration:underline;
color:black;
}
a:hover, a:focus, a:active{
text-decoration:none;
color:#d967b0;

}


header{
    display:block;
    position:relative;
    margin:0;
    background:white;
    border:1px inset white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    height:125px;
}

header h1{
    margin:0;
    margin-left: 270px;
    margin-top:50px;
    color:#006510;
    font-size:200%;
    font-style:italic;
}

header img {
    position:absolute;
    top:10px;
    left:10px;
}

/* main navigation menu */
nav{
    display:block;
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
    background:white;
    border:1px inset white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 5px 10px;
    font-size:80%;
}

nav ul{
    display:block;
    width:99%;
    margin:0 auto;
    padding:0;
}

nav li{
    list-style-type:none;
    float:left;
    padding:0;
    padding:0 1em;
}

nav li:first-child{
}

nav a {
    padding:.2em 0 .2em 0;
    display:block;
    color:black;
}
nav a:link, nav a:visited{
    text-decoration:underline;
    color:black;
}
nav a:hover, nav a:focus, nav a:active{
    text-decoration:none;
    color:#d967b0;
}

/*secondary content for the page
    future proofing! */
    
/*aside {
    float:right; clear:right;
    width: 210px;
}
*/


/*main content of the page is contained in only one of these*/
section {
    display:block;
    background:white;
    border:1px inset white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 5px 10px;
    margin-bottom: 10px;
}

footer {
    display:block;
    margin:0;
    margin:0 auto;
    text-align:center;
    background:white;
    border:1px inset white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 5px 10px;

}


address {
    font-size:small;
}
small{
    font-size:x-small;
}



h2{
    color:#006510;
    font-size:120%;
}
h3{
    color:#006510;
    font-size:100%;
}

/****************************************
contact page soecific

*****************************************/

form {width:550px;
margin-right:200px;
}

label {padding: 0 5px; margin: 5px 0; font-weight:bold;width:500px;position:relative;}
input , textarea{font-weight:normal;float:right;}
input.submit {margin:5px; margin-top:10px; clear:both;}

#contact_details {
float: right;
width:230px;


}
#contact_details address {
font-style:normal;
font-size:100%;
}

#contact_details .org{
font-weight:bold;
}


/**************************************
 general classes
**************************************/

.floatClear {
    float:none; clear:both;
    height:.1px;
    margin:0;padding:0;
}

.notice{
margin:0;
margin-bottom:1em;
padding:10px;
border-bottom:1px dotted #f00;
border-top:1px dotted #f00;

}

.sideImages{
float:right;
padding:0 7px;
padding-right:2px;
margin:0;margin-bottom:10px;
}
.leftImages{
float:left;
padding:0 7px;
padding-right:2px;
margin:0;margin-bottom:10px;
}

br.double{
line-height:2em;
}