/* Roslistonstyles.css */
/* This style sheet is used by all the pages in the Rosliston Surgery web site */

BODY	

h1, h2, h3, p, ol, td, th	{font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color:#666;}
LI             {font-family:"Eras Medium ITC", Arial, sans-serif; color:#767A7D; font-size: 1.1em; }

P, TD	{ margin-top: 0.5em; margin-bottom: 0.5em;}
LI	{ margin-top: 0.5em; margin-bottom: 0.5em; }
OL	{ margin-top: 0.5em; margin-bottom: 0.5em; }
H1	{font-SIZE: 2.0em; text-align:center;}
H2	{font-SIZE: 1.3em ;  margin-top: 1em; margin-bottom: .5em }
H3	{font-SIZE: 1.3em}
HR	{color:#999999; height:1px}
TH 	{font-SIZE: large ;  margin-top: 1em; margin-bottom: .5em }
Ul 	{list-style-type: square}
} 
P	{font-SIZE: 1.1em; 
 }



/*Style for Margins and Alignment of text*/


BODY
{
text-align: center;
margin-top: 0;
margin-left: 0;
}



div#container
{

margin-left: auto;
margin-right: auto;
width: 35em;
text-align: justify;

display: block;
color: #F6F8FA;
padding:15px;
background-color: #F6F8FA ;filter:alpha;opacity:.60;

} 




/*style for links*/

A:link {color:#3F70D3
;
text-decoration:none;
}
A:visited {color:#3F70D3
;
text-decoration:none;
}
A:hover {color:#444
;
text-decoration:none;
}
A:active {color:#3F70D3
;

text-decoration:none;
}


/*Style for forms*/

input.txt 	{color: #666;
		background-color: #ffffff;
		border: 1px inset #666;
		width: 200px;
		}
input.btn	{color: #ffffff;
		background-color: #666;
		border: 2px groove #666;
		}
form p 		{clear: left;
		margin: 0;
		padding: 0;
		padding-top: 5px;
		}
form p label	{float: left;
		width:30%;
		font: 0.9em;
		font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color:#666;
		}
fieldset	{border: 1px ridge #666;
		margin-top: 16px;
		padding: 10px;
		}
legend		{font: 1.1em;
		font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color:#666;
		background-color: #ffffff;
		}
textarea	{color: #666;
		Background-color: #ffffff;
		border: 1px inset #666;
		width:200px;
		}






/*Style for Nav Bar*/

#navcontainer
{
background: #F6F8FA ;
width: auto;
margin: 0 auto;
padding: 1em 0;
font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-size: 13px;
text-align: center;

}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 1em ;
width: auto;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 10em;
padding: 0.5em 0 0.5em 1em;
border-width: 1px;
border-color: #fff #aaab9c #ccc #Fff;
border-style: solid;
color: black;
text-decoration: none;
background: F6F8FA;
}

#navcontainer


ul#navlist li#active a
{
background: #2ab9ef;
color: FA072F;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: 304859;
background: ;
border-left-color:#ccc; border-right-color:#fff; border-top-color:#aaab9c; border-bottom-color:#fff
}





/*Style for Surgery Staff*/



#navcontainer2 ul
{
list-style-type: none;
text-align: left;

}


#navcontainer2 ul li a
{
background: url('images/list-off.gif') no-repeat left;
padding-left: 1px;
text-align: left;
text-decoration: none;
color: #999; font-style:normal; font-variant:normal; font-weight:normal; font-size:15px; font-family:Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif
}

#navcontainer2 ul li a:hover
{
background: url('images/list-on.gif') no-repeat left center;
color: black
}

#navcontainer2 ul li a#current
{
background: url('images/list-active.gif') no-repeat left center;
color: #666
}




/*style for Footer*/

#footer
{
padding-left: 0px;
text-align: center;
text-decoration: none;
color: #999
; font-style:italic; font-variant:normal; font-weight:normal; font-size:10px; font-family:Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif
}
 

 

		
