/* CSS Document */
HTML { background-color:white;}
BODY {margin:0px;FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:13px;COLOR:#444;}
TD {FONT-SIZE: 12px; COLOR: #444; FONT-FAMILY:Arial, Helvetica, sans-serif;}

H1 {FONT-WEIGHT: Bold; FONT-SIZE: 18px; color:#01955c;  Margin:0px 0px 16px 0px;}
H2 {FONT-WEIGHT: Bold; FONT-SIZE: 14px; color:#01955c;  Margin:0px 0px 12px 0px;}
H3 {FONT-WEIGHT: Bold; FONT-SIZE: 12px; color:#01955c;  Margin:0px 0px 12px 0px;}
A {COLOR:#01955c; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A:hover {COLOR: #f69075; TEXT-DECORATION: underline}
Img{ border:none;}


FORM{display:inline;}
INPUT {	FONT-SIZE: 11px; font-family:Arial,Verdana,tahoma;}
Input[type=text] {border: 1px solid #999; color:#333; padding-left:2px; margin:2px 0px;font-size:11px;}
SELECT {	FONT-SIZE: 90%; MARGIN-BOTTOM: 0px}
SUBMIT {FONT-SIZE: 90%; MARGIN-BOTTOM: 0px}

/* Common classes
*******************************************************************************************************************************************************/
.pointer { cursor:pointer;}
.TxtSmall {font-size:9px;}
.Vtop {vertical-align:top;}
.Blok{ display:block;}
.Bld{ font-weight:bold;}
.NoMargins{ padding:0px; margin:0px;}
.ClrBoth{ clear:both;}
.ClrBothFL{ clear:both; float:left;}
.FloatL{ float:left;}
.AlignL{ text-align:Left;}
.AlignC{ text-align:center;}
.AlignR {text-align:right;}
.Top20{ margin-top:20px;}



/****** Template Structure ***************************************************************************************/
#PageContainer { width:837px; margin:auto;}
#PageShell{ width:838px; margin:auto;}
#Header {background-image:url(images/logoHeader.gif); background-repeat:no-repeat; height:155px; width:837px; float:left; clear:both;}
#ContentShell{width:837px; float:left; clear:both; text-align:left; background:url(images/BGContent.gif) repeat-y;border-top:1px solid #ea8266;}
#ColumnL{ float:left;width:198px; margin:0; padding:0;}
#ColumnR{ float:left;width:639px;}
#ColumnR .Inner{ float:left; clear:both; padding:20px 0px 20px 49px; }


#Footer{ float:left;width:837px; clear:both;  font-size:12px; color:#aaa; text-align:right; border-top:1px solid #ea8266;}
#Footer .Inner{ padding: 20px 0px;}
#Footer #Fleft { float:left; width:417px; text-align:left;}
#Footer #Fright { float:left; width:420px;  text-align:right;}

/****** Menu ***************************************************************************************/
#SiteMenu { width:198px; float:left; clear:both; }
#SiteMenu UL { list-style:none; margin:0px 0px 0px 0px; padding:0px; border-bottom:1px solid #01592d;}
#SiteMenu LI { margin:0px;}
#SiteMenu A { font-size:18px; color:white; display:block; width:198px; height:34px; line-height:34px; background:url(images/BGMenu.gif) no-repeat; text-indent:15px;}
#SiteMenu A:Hover {COLOR: black; TEXT-DECORATION: none; background:url(images/BGMenuHvr.gif) no-repeat;}

/****** Openingtimes ***************************************************************************************/
#Openingtimes{float:left; width:198px; clear:both; color:white; font-size:11px; margin-bottom:20px; }
#Openingtimes .Inner{ float:left; padding:80px 0px 10px 15px; }
#Openingtimes .Day{ float:left; width:30px; }
#Openingtimes .Morning{ float:left; width:60px; }
#Openingtimes .Lunch{ float:left; width:10px; height:85px; background-color:#40a17c; }
#Openingtimes .Afternoon{ float:left; width:60px; margin-left: 10px; }

/****** Accrediations ***************************************************************************************/
#Accrediations {float:left; width:198px; clear:both; color:white; font-size:13px; text-align:center; padding-bottom:30px;}
#Accrediations IMG { clear:both; padding:10px;}

/****** Common Page Internal Markup ***************************************************************************************/
#ContentImages {height:521px; width:156px; float:left;}
#ContentShell .Content { width:156px; float:left;}


#RightImage { background-image:url(images/rightimages.jpg); height:521px; width:156px; clear:both; float:right;}
#ColumnR .PageImages { margin-top: 20px; float:left; clear:both; width:590px;}
#ColumnR .PageImages IMG{ margin:1px; padding:0px; display:block; float:left;}
.SmallHyphen { font-size:8px; color:#999999;}


/* ContactFrm
*******************************************************************************************************************************************************/
#ContactShell{ float:left; clear:both; margin:15px 0px;}
#ContactFrm{ text-align:left; float:left; width:390px; }
#ContactFrm #Submit { margin-top:14px;}
#ContactFrm .FieldRow{ width:390px; text-align:left; clear:both;}
#ContactFrm .FieldLabel{ width:130px; text-align:left; float:left; line-height:20px; color:#01955c; }

#ContactDetailShell{ float:left; width:286px; }
#ContactDetailShell .Inner{ float:left; margin-left:40px; }

#ContactColR{ float:left; width: 300px; clear: both; }
#ContactColR H2 {Margin:0px;}
#ContactColR UL { list-style:none; margin:30px 0px 0px 0px; padding:0px; 
}
#ContactColR LI { margin-bottom:20px;}
.Highlight { color: #F60; }