A:link, A:visited { text-decoration: none }
A:hover { background: #ffcc99 }
 
BODY {	 color: black;
   	 font-family: arial;
	 background: #ccccff;
	 Xwidth: 1000px;
	margin-top:0px;
	 }

#topbanner{ 	margin-top:0px;
		margin-left:0px;
	 	margin-right:0px;
		margin-bottom:0px;									
		width:100%;
		height: 100px;	
		background: #000099;
		color: #ffffff;
		FONT-SIZE: 0.8em;
		}



#leftnav{ 		margin-top:0px;
		margin-left:0px;
	 	margin-right:0px;								
		padding: 2px;
		width:170px;
		background: #000099;
		FONT-SIZE: 0.8em;
		}

#rightnav{ 	margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		width:300px;
		padding: 2px;	
		background: #ccffcc;
		
		}


#main { 		width: 450px;			
		color: #000000
		}

#frontmain { 	width: 500px;			
		color: #000000
		fontsize: 0.8em
		}

#news { 		width: 150px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;			
		color: #000000
		}
#breadcrumb { xposition:static;
		width: 100%;
		margin: 0px;
		padding: 2px;
		background: #ffffff;
		color: #000099;
		FONT-SIZE: 0.8em;
		}


#flyer { position: xstatic;
		width: 98%;
		margin: 0px;
		padding: 2px 6px 2px 6px;
		background: #ccffcc;
		color: #33333 ;
		FONT-SIZE: 0.8em;	
		}

#frontpageflyer { xposition: static;
		width: 98%;
		margin: 0px 0px 6px 0px;
		padding: 2px 6px 2px 6px;
		background: #ccffcc;
		color: #33333 ;
		FONT-SIZE: 0.8em;	
		}

#footer { 		width: 100%;
		margin: 0px;
		padding: 6px;
		background: #000099;
		color: #ffffff;
		font-size: 0.8em;
		}



H1 {   	 	color: #ffffff;
	     	margin-top: 0.5em;
		margin-bottom: 0em;
		margin-left: 3em;
  	     	font-family: arial;
	     	font-size: 2.5em;
	     	font-weight: bold;
		 }
H2, H3, H4, H5, H6 { font-weight: bold }
H2, H3, H4, H5, H6 { margin-top: 0em; margin-bottom: 0.5em }
H2 { 	font-size: 1.5em;
	color: #000099 }
	
H2.blue { 	font-size: 1.5em;
		color: #FFFFFF;
		background: #000099;
		margin:0px 0px 6px 0px;
		padding: 3px;
 		}

H3 { font-size: 1.25em } 
H4, H5, H6 { font-size: 1em }

p { margin-top: 0.5em; margin-bottom: 0.5em; }

OL, DL {margin-top: 0.2em; margin-bottom: 0.2em }

UL { 	list-style:  square;
	margin-top: 0.2em; 
	margin-bottom: 0.2em;
	margin-left: 15px }

.boxtitle   { 	margin-left:0px;
	 	margin-right:0px;
		margin-bottom:5px;
		margin-top:0px;									width:99%;	
		background: #000099;
		color: #ffffff;
		font-family: arial;
	 	 text-align: center;
		font-size: 1.2em;
		}



.littlesurgery {    	color: #ffffff;
	     	  	font-family: arial;
	      	     	FONT-SIZE: 1em; 
	    	  	margin-left: 1em;
		 }


.navigation {	 color: black;
  	 font-family: arial;
	 FONT-SIZE: 1em;
	 text-align: center;
	 background: #ffffff;
	border-width: thin; 		/* could be medium or thin */ 
	border-style: outset; 		/* could be dotted, dashed, solid, double, groove, ridge, inset, outset */ 
	border-color: white;
	margin: 12px 12px 12px 12px;
	padding: 0px 0px 3px 0px;
 	}



.news {    	color: #000000;
	     	 font-family: arial;
	      	 FONT-SIZE: 0.8em; 
		text-align: left;
	    	background: #ffffff;
		border-width: thick; 		/* could be medium or thin */ 
		border-color: white;
		border-style: double;
		margin: 6px 6px 12px 6px;
		padding: 6px 6px 6px 6px;
			
		 }

.information {    	color: #000099;
		text-align: left;
		font-family: arial;
	      	 FONT-SIZE: 0.8em; 
	    	background: #FFFFFF; 
		margin: 6px 6px 12px 6px;
		padding: 6px 6px 6px 6px;
			
		 }

.usefullinks {    	color: #000000;
	     	 font-family: arial;
	      	 FONT-SIZE: 0.8em; 
		text-align: center;
		background: #ccccff;
		border-width: thin; 		
		border-color: white;
		border-style: solid;
	    	margin: 6px 6px 12px 6px;
		padding: 6px 6px 6px 6px;
		 }

.linkstitle   { 	position:relative;
		top:0;
		width:99%;	
		background: #0066cc;
		color: #ffffff;
		font-family: arial;
	 	 text-align: center;
		font-size: 1.2em;
		}


.whitebackground { 	background: #ffffff; 
			padding: 6px 10px 10px 10px;
			FONT-SIZE: 0.9em;
		}


.newsback   { 	background: #ffffff; 
			padding: 6px 10px 10px 10px;
			FONT-SIZE: 0.9em;
			width: 500px;
		}


.lightgreenback { background: #ccffcc }

.peachback { background: #ffcc99 }

address { color: black;
		font-family: arial;
		margin-left: 3em;
		margin-right: 3em;
		margin-top: 1em;
		margin-bottom: 1em;
		font-style: normal } 

.small 	{ FONT-SIZE: 0.6em; }
.normal	{ FONT-SIZE: 0.8em; }
.large { FONT-SIZE: 1.4em; }

.darkred {color: #990000 }
.darkblue {color: #000099 }
.blue { color:#99ccff }
.peach { color:#Ffcc99 }


.centre { text-align: center}
.center { text-align: center}


.clearleft { clear: left }
.clearright { clear: right }
.clearboth { clear: both }

.button {	
	border-width: thick; 		/* could be medium or thin */ 
	border-style: outset; 		/* could be dotted, dashed, solid, double, groove, ridge, inset, outset */ 
	border-color: white;
 	color: #000000;                /* sets text colour */ 
        background: #99ccff;            /* sets padding colour */
        margin: 12px 12px 12px 12px;
        padding: 6px 6px 6px 6px;
	text-align: center
	}

.firstpicture { margin: 3px 0px 3px 0px; }

.picture { margin: 3px 8px 6px 8px; }