/*
ADD TO TOP OF HOME.HTM FOR WORKING ON SKIN
*/

/* 
================================
Skin styles for DotNetNuke
================================
*/  

/* Controls the master area of the page */
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color:#9EAA96;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
/* table containing the main area of the skin */
.skinmaster {
	/*height: 100%;*/
	width: 1024px;
	 
	/*moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; */
}

/* Controls the control panel area */
.controlpanel {
	width: 100%;
	background-color: #FFFFFF;
}

/* controls the very top bar showing the register link, etc. */
.topmostbar {
	background-image:url(images/skin_r2_c3.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	/*width: 632px;*/
	height: 31px;
	font-size: 12px;
	text-decoration: none;
	color:#000;
	padding-left:5px;
	padding-top: 5px;
	padding-right: 5px;
}

.logo {
	background-image:url(images/skin2_r2_c6.png);
	background-position: top left;
	background-repeat: repeat-x;
	width: 170px;
	height: 110px;
	
}

.secondtopbar {
	background-image:url(images/skin2_r3_c3.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	/*width: 632px;*/
	height: 28px;
	font-size: 11px;
	text-decoration: none;
	color:#000;
	padding-left:5px;
	padding-top: 2px;
	padding-right: 5px;
}

.thirdtopbar {
	background-image:url(images/skin2_r4_c3.png);
	background-position: top left;
	background-repeat: repeat-x;
	/*width: 632px;*/
	height: 44px;	
}

.giftcardsimage{
	background-image:url(images/giftcard.png);
	background-position: top left;
	background-repeat:no-repeat;
	height: 34px;
	width: 34px;
}

.appointmentimage{
	background-image:url(images/appointment.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	height: 34px;
	width: 34px;
}

.visitimage{
	background-image:url(images/visit.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	height: 34px;
	width: 34px;
}



.thirdtopbartext{
	height: 34px;
	font-size:11px;
	font-weight:bold;
	color:#660099;
	text-decoration:underline;
}

.thirdtopbartext a, a:link,a:visited{
	font-size:11px;
	font-weight:bold;
	color:#660099;
	text-decoration:underline;
}

.thirdtopbartext a:hover{
	font-size:11px;
	font-weight:bold;
	color:#FF8000;
	text-decoration:underline;
}




/* The background area for where the menu will be placed by dnn  */
.menupane {
	padding: 5px 5px 5px 5px;
	background-color:#EDFFED;
	background-position:top;
	background-repeat:no-repeat;
	width: 196px;
	height: 634px;
} 


.mainarea {
	background-color: #EDFFED;

}

/* controls the breadcrumb area */
.breadcrumbarea {
	height: 25px;
	/*width: 604px;8*/
	font-size: 12px;
	color: #660099;
	padding:5px;
}

.copyrightarea {
	height: 25px;
	/*width: 800px;*/
	font-size: 10px;
	font-weight:bold;
	color: #FFF;
	padding: 5px;
}

.copyrightarea a {
	font-size: 10px;
	font-weight:bold;
	color: #FFF;
}

/*
==============================
MISC SKIN ELEMNTS NEEDED FOR GRAPHICS
==============================
*/
.r1c1{
	font-size:14px; color:#000; padding-left:15px; background-position:bottom; background-image:url('images/skin_r1_c2.png');
}

.r2c1{
	background-image:url('images/skin_r2_c2.png');
}

.r2c2{
	background-image:url('images/skin_r2_c6.png');
}

.r3c1 {
	background-image:url('images/skin_r3_c2.png'); 
	
}

.r4c1{
	background-image:url('images/skin_r4_c2.png');  background-repeat:repeat;
	
}

.r4c3 {
	background-image:url('images/skin_r4_c4.png');  background-repeat:repeat;
}

.r4c5 {
	background-image:url('images/skin_r4_c7.png');  background-repeat:repeat;
}

.r5c1{
	background-image:url('images/skin_r6_c2.png');  
	background-repeat:no-repeat; background-position:top;
}

.r5c2{
	background-image:url('images/skin_r6_c3.png');  background-repeat:no-repeat; background-position:top;
}

.r5c3{
	background-image:url('images/skin_r6_c4.png');  background-repeat:no-repeat; background-position:top;
}

.r5c4{
	background-image:url('images/skin_r6_c5.png');  background-repeat:no-repeat; background-position:top;
}

.r5c5{
	background-image:url('images/skin_r6_c7.png');  background-repeat:no-repeat; background-position:top;
}

/*
==============================
PANES
==============================
*/

.toppane {
	width: 100%;
	background-color: transparent;
	padding: 5px;
}

.leftpane {
	background-color: transparent;
	padding: 5px;
}

.contentpane {
	/*width: 90%;*/
	background-color: transparent;
	padding: 5px;
}
.rightpane {
	background-color: transparent;
	padding: 5px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding: 5px;
}

/* ==========================
 CSS Styles for the HouseMenu Skin Object
=============================
*/

#HouseMenuNav
{
    /*
    background-image: url(gradient_menu_vertical.jpg);
    background-position: left top;
    background-repeat: repeat-x;
	border: 1px solid #FF9900;
	*/
	background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 11px;
    font-weight: bold;
	color: #000;
	text-decoration: none;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper
    IE needs a width or height statement to prevent it from creating large
    gaps between each menu item */
    /*width: 90%;*/
	width: 145px;
	
	padding-left:8px;
	background-image:url(images/menuicon.jg);
	background-position: top left;
	background-repeat:no-repeat;
}
#HouseMenuNav ul
{
    /* all menu lists */
    padding: 0;
    border: 0;
    margin: 0;
	list-style: none;
	text-decoration: none;
	
	

}


#HouseMenuNav li
{
    /* all links within the menu wrapper */
    list-style: none; 
	
	/*width: 90%;*/
	width: 145px;
		
	margin: 0;
    padding: 3px 0px 3px 0px;
    color: #000;
    text-decoration: none;
    /*add for the opera browser */
    font-weight: bold;
}


#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
    /*main colour of the menu links */
    margin: 0;
    display: block;
    /*padding: 0px 0px 0px 0px;*/
    background-color: transparent;
    color: #000;
    text-decoration: none;
    /*add for the opera browser */
    font-weight: bold;
}
#HouseMenuNav li a:hover
{
    /* background-color: #FF6600; */
	color:#FC0;
	text-decoration: none;
}

#HouseMenuNav ul a:hover
{
    /* background-color: #FF6600; */
	color:#096;
	text-decoration: none;
}

#HouseMenuNav a:hover
{
    /* background-color: #FF6600; */
	color:#096;
	text-decoration: none;
}

#HouseMenuNav ul ul
{
    margin-left: 10px;
    
    /*width: 90%;*/
	width: 130px;	
}



/*
===========================
*/
.StandardButton {
  background: #FF9900 none; 
  color: #000;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 11px;
  font-weight: normal;
}

/* ================================
style for module titles
================================ */
.Head {
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-size:  14px;
   font-weight: bold;
   color: #000;
}

/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead    {
color: #000;
}

/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal {
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 12px;
}

/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox
{	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 11px;
	color: #000
}
.NormalRed
{color: #FF0000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
	font-size: 11px;
}
.NormalBold
{	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
Copyright, Terms, Privacy, Etc.
================================== */

/* This is the Date eg. any items that are not links */
.SkinItemBottom {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
}
/* This sets the style for all skin items that are links */
A.SkinItemBottom:link {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration:underline;
}

A.SkinItemBottom:visited  {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration:underline;
}

A.SkinItemBottom:active   {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration:underline;
}

A.SkinItemBottom:hover    {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 10px;
	color: #096;
	font-weight: bold;
	text-decoration:underline;
}


/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
Login & user
================================== */

/* This is the Date eg. any items that are not links */
.SkinItemTop {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#000;
	font-weight: bold;
}
/* This sets the style for all skin items that are links */
A.SkinItemTop:link {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#000;
	font-weight: bold;
}

A.SkinItemTop:visited  {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#000;
	font-weight: bold;
}

A.SkinItemTop:active   {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#000;
	font-weight: bold;
}

A.SkinItemTop:hover    {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#096;
	font-weight: bold;
}


/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
breadcrumb
================================== */


/* This is the Date eg. any items that are not links */
.SkinItemBreadcrumb {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#660099;
	font-weight: bold;
}

.SkinItemBreadcrumb a{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#660099;
	font-weight: bold;
	text-decoration: underline;
}


/* This sets the style for all skin items that are links */
A.SkinItemBreadcrumb :link {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#660099;
	font-weight: bold;
	text-decoration: underline;
}

A.SkinItemBreadcrumb :visited  {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#660099;
	font-weight: bold;
	text-decoration: underline;
}

A.SkinItemBreadcrumb :active   {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color:#660099;
	font-weight: bold;
	text-decoration: underline;
}

A.SkinItemBreadcrumb :hover    {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	color: #660099;
	font-weight: bold;
	text-decoration: underline;
}





/* =======================
 HTML Tag Styles 
=========================== */
H1  {font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #660099;
}

H2  {font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}

H3  {font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #660099;
}

H4  {font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #660099;
}

H5, DT  {font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #660099;
}

H6  {font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 9px;
	font-weight: normal;
	color: #660099;
}

/*
=================================
other misc classes for font formatting in website
================================
*/
.SubTitleHomepage
{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight:bold;
	font-size:14px;
	color:#009900;
	font-style:italic;
}

.HomepageBottomText
{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size:12px;
	color:#009900;
}

.ServicePageTitle {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #FF6600;
	font-size: 20px;
	font-weight: bolder;
	padding: 10px;
}

.ServiceTitle {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color:#009900;
	font-weight:bold;
	font-size: 14px;
}