/*  CSS */


html, body {

	background:#fff ; margin: 0; padding: 0; text-align: center; color: #606060;	


}


/* CONTAINIERS
----------------------------------------------------------------------------- */

#outer{
	width:900px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	


}


#inner	{

    float:left;
    text-align:center;
	color: #333;
	padding: 0;
	margin:0;
	width:900px;
	background: #fff;
	
}
	

#pagebody {


border:1px solid #E0E0E0;
float:left;
width:898px;

}


/* TOP BANNER
----------------------------------------------------------------------------- */



#banner_home { background-image:url(graphics/banner1.jpg); width:899px; height:175px;padding:0;margin:0;border-left:1px solid #E0E0E0; }
#banner_news { background-image:url(graphics/banner2.jpg); width:899px; height:175px;padding:0;margin:0;border-left:1px solid #E0E0E0; }
#banner_how { background-image:url(graphics/banner3.jpg); width:899px; height:175px;padding:0;margin:0;border-left:1px solid #E0E0E0; }
#banner_practice { background-image:url(graphics/banner4.jpg); width:899px; height:175px;padding:0;margin:0; border-left:1px solid #E0E0E0;}
#banner_directory { background-image:url(graphics/banner5.jpg); width:899px; height:175px;padding:0;margin:0;border-left:1px solid #E0E0E0; }
#banner_contact { background-image:url(graphics/banner6.jpg); width:899px; height:175px;padding:0;margin:0;border-left:1px solid #E0E0E0; }




/* LOGO
----------------------------------------------------------------------------- */
#logo {

width:213px;
float:left;
padding: 0 0 0 24px;
height:175px;


}




/* MAINCOL
----------------------------------------------------------------------------- */
	
#maincol{

	line-height: 1.4em;

	font-size: 82%;

	float: left;
    text-align:left;
     margin: 0;
    padding: 10px 10px 10px 31px;
    width: 602px;
	  min-height:339px;
     height:auto !important;
     height:339px;


	

}


/* LEFTCOL
----------------------------------------------------------------------------- */

#leftcol {

	width: 213px;
	float: left;
	padding: 23px 0px 0 7px;
	margin-left: 15px; /* for all browsers, mainly Opera, Firefox, etc. */
	.margin-left: 15px; /*  readable by both IE6 & IE7 */
	_margin-left: 7px; /* Only IE6 reads this  */
	color: #000000;
	text-align:left;
	
	
}




/* RIGHTCOL
----------------------------------------------------------------------------- */

#rightcol {

	width: 196px;
	float: left;
	padding: 15px 0px 0 0px;
	margin: 0 0 0 15px;
	color: #000000;
	text-align:left;
	
	
}




/* TOP NAV
----------------------------------------------------------------------------- */
#topmenu{

float:left;
width:270px;
font-size: 85%;

padding:2px 0px 4px 17px;
text-align:left;





}

#topmenu UL
{
list-style: none;
width:100%; 
margin: 0;
padding: 0 0 0 0;

}

#topmenu LI
{
display: inline;
margin: 0;
padding: 0;


}

/*give this a height of 1em allows IE5.5 to have padding.*/
#topmenu li a{
	height:1em;
	padding:0 0px 0 18px;
	color: #fff;
}

#topmenu li A
{
 color: #fff;
	font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:85% ;
	text-decoration: none;
	margin: 0;
	padding: 0px 12px 0 12px;
	border-right: 1px solid #fff;

	
}

#topmenu A:hover {  COLOR: #fff; text-decoration:underline}





* {

margin: 0; padding: 0;
}



/* MAIN HORIZONTAL NAV
----------------------------------------------------------------------------- */


#mainmenu{
	float:left;
	height:30px;
	padding:0px;
	background:#17248C ;
	font-size: 82%;
	text-align:left;
	width:100%


	
	}
	


#mainmenu ul {
	
	
	padding:0px 0 0px 0px;
	LIST-STYLE-TYPE: none;
	width:750px;
	margin:0 auto;
	



}

#mainmenu li {
	BORDER-RIGHT: #000066 1px solid;
	FLOAT: left; 
	MARGIN: 0; 
	padding:0 0 0 0;
	display:inline; 

}

#mainmenu li.last {
	BORDER-right: white 0px solid;
	padding:0;
	margin:0;
}


#mainmenu a {
	PADDING: 6px 17px 6px 17px;
	text-align:center;
	margin:0;
	DISPLAY: block;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-size:92%;
	line-height:15px;
	font-weight:bold;
	
}

#mainmenu li.last {BORDER-right: #666 0px solid;
}



#mainmenu a:hover {
	 COLOR: #000033;
	 TEXT-DECORATION:none;
}




/* TYPOGRAPHY
----------------------------------------------------------------------------- */

#maincol h1 {



font-family: Georgia, "Times New Roman", Times, serif;
font-size: 167%;
color:#17248C;
font-weight:normal;
margin: 0px 0 10px 0;
padding: 10px 0 0 0;
}



#maincol h2, #EnquiryForm h2 {


font-family:Arial;
font-size: .95em;
color:#17248C;
font-weight:bold;
margin: 10px 0 10px 0;
padding: 0 0 0 0;

}


#maincol .titleBackGround h2

{


padding:2px 0 2px 5px;
font-size:    0.95em;  
font-weigth:bold;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
background-color:#17248C



}


#maincol a {color: #0033CC;TEXT-DECORATION: none;font-family: Arial, Helvetica, sans-serif, "Lucida Sans"; font-family: Arial, Helvetica, sans-serif, "Lucida Sans";}
#maincol a:hover { text-decoration:underline}


#maincol p {

	margin-bottom: 1em;
   font-size:92% ;
	font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#606060

}




#maincol ul {



	color:#666;
	padding:0 0 0 37px;
	font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	
	

}

#maincol li{
	margin: 2px 0 2px 0;
	padding-bottom:0;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	
	
	    

}


#Form2 input
{
	
	width: 125px;
	clear: both;
}


#leftcol h1 {

	margin-bottom: 9px;
   font-size:136% ;
	font-family:Arial, Georgia, "Times New Roman", Times, serif;
	color:#17248C;
	font-weight:normal

}

#leftcol h2 {

	margin-bottom: 8px;
   font-size:100% ;
	font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#17248C

}

#leftcol p {

	font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:85%; 
	color:#666;
	font-weight:normal;
	line-height:normal;
	padding-bottom:8px

}



#rightcol p {

	font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:85%; 
	color:#666;
	font-weight:normal

}

#rightcol h1 {

font-family:Georgia, "Times New Roman", Times, serif;
font-size:    0.9em; 
font-weight:bold;
COLOR: #17248C;
LETTER-SPACING: 0.2em;
margin:0 0 10px 9px;
text-align:left

}


#rightcol h2 {

	font: 12px Arial, Helvetica, sans-serif;
	color:#17248C;;
	font-weight:bold;
	margin: 7px 0 7px 0;

}

#rightcol a {

	
	color:#17248C;
	font-weight:normal
	

	

}




#search {
	 
	 FLOAT: left;
	 width:  200px;
     \width:  247px;
     w\idth:  200px;  
	
	 padding: 10px 0px 0 10px;
	 margin:0;
	
	 
	 
}

/*  LEFT MENU
----------------------------------------------------------------------------- */

#navcontainer {
	margin: 0;
	padding:29px 0 0 0px;
	width: 179px;

	

}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li {
margin: 0;
padding: 0;	
display:inline;
	
}

#navcontainer a
{
	display: block;
	padding: 2px 0px 2px 15px;
	width: 180px;
    color: #17248C;
	background-color: #fff;
	background-image: url(graphics/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 50%;
	text-decoration: none;
	
	font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:85% ;
	margin: 0px 0 0 0;
	border-bottom:1px dashed #17248C;
	text-align: left;


}

#navcontainer a:hover
{

text-decoration: underline;

	

}

#navcontainer ul ul li { margin: 0 0 0 0; 
}

#navcontainer ul ul a
{
display: block;
padding: 2px 0px 2px 14px;
width: 178px;
color: #666;
text-decoration: none;
background-color: #fff;
font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:85% ;
margin: 0px;
background-image:none;
border-bottom:0px dashed #17248C;

}

#navcontainer ul ul a:hover
{
color: #666;
text-decoration: underline;



}
#navcontainer ul li a#current
{
	
	
	font-weight:bold
}
#navcontainer ul ul li a#current
{
	
		font-weight:bold;
	background-color: #fff;
}







/*  FOOTER
----------------------------------------------------------------------------- */


#footer { 

	margin: 0 auto;
	width: 870px;
	overflow:auto;
	padding: 20px 20px 0 10px;
	background:#999999 url(graphics/footerbg.jpg) repeat-x;


	
	
	
	}
	
	

#footer p {

	font-family:  Verdana, Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:9px; 
	color:#fff;
	font-weight:normal;

	padding: 5px 0 5px 0

}

#footer a {

	
	color:#4F3F35;
	font-family:  Verdana, Arial, Helvetica, sans-serif, "Lucida Sans";


}







a {color: #17248C;TEXT-DECORATION: none;font-family: Arial, Helvetica, sans-serif, "Lucida Sans";}

a:visited {COLOR: #17248C; TEXT-DECORATION: none}



a:hover {color: #17248C; TEXT-DECORATION: underline

}

.clearboth {

	CLEAR: both

}

.imageright {float: right; margin: 3px 0px 10px 15px; border: 0px solid #fff;}	
.imageleft {float: left; margin: 3px 15px 10px 0px; border: 0px solid #000000;}
.imagecentre {float: left; margin: 20px 45px 20px 45px; border: 0px solid #000000;}
#rightcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#rightcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}


/*  NEWS PANEL
----------------------------------------------------------------------------- */


#news {
	
	padding: 0px 0 10px 0px;
	WIDTH: 210px; 
	
	float:left;

	
}


#news P {
	MARGIN: 0px 0px 7px;  COLOR: #777;line-height:17px
}





/*  BREADCRUMBS
----------------------------------------------------------------------------- */


#breadcrumbs{

padding: 7px 0 0px 0px

}

#breadcrumbs p {

	
    font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:85% ;
	color:#999;
	margin:0;
	padding:0px;

}


#breadcrumbs a {

	margin-bottom: 1em;


	color:#17248C;

}

.bold
{
	font-weight:bold;
}

.RegisterForm
{
	width:250px;
	
	
}

.submit
{
	border:solid 1px #000;
	width:150px;
	background-color:#ccc
}

#InterestForm{
PADDING: 0 10px 10px 25px;
	DISPLAY: block; 
	FLOAT: none; 
	MARGIN: 0px 10px 10px 20px; 
	WIDTH: 430px; 
	PADDING-TOP: 0px;
	background-color:#F3F2F9;
	border: solid #BAB6DC 1px


}

#InterestForm p
{
	font-weight:bold;
	padding: 3px 0px 0px 0px;
}

.ErrTxt
{
	color:Red !important;
	
}

.EnquiryForm
{
	width:550px;	
}
.EnquiryForm input { font-family: Verdana, Arial, Times New Roman; }
.EnquiryForm textarea { font-family: Verdana, Arial, Times New Roman; 
	width: 200px; height: 100px; }

.Questionnaire { border:0px; }
.Questionnaire .heading { font-weight: bold; width: 150px; font-size:12px; }


.EnquiryForm tr td
{
	padding:5px 0px 5px 0px;
}
.EnquiryForm .EnquiryInfo { font-weight:bold; }

.moreInfo
{
	background-color:#FFFFFF;
	font: .75em/1.7em Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#666666;
}

.moreInfo p
{
	text-align:center !important;
	padding:10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
}

.moreInfo a
{
	color:#223089 ;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";

}

.moreInfo a:link, a:visited, a:hover
{
	color:#223089;
	
	font-family: Arial, Helvetica, sans-serif;
}