* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
body {
font-family: "Arial", verdana, arial, helvetica, sans-serif;
font-size: 75%;
background-image:url(http://www.queenmargarets.com/App_Themes/Mysite/Images/medical_wide.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;
}
h1 {
font-size: 1.4em;
padding: 10px 10px 0;
}

#container {
float:left;
height:100%;
width: 200px;
background-image:url(http://www.queenmargarets.com/App_Themes/Mysite/Images/menu_back.png);
background-repeat:repeat-y;
position:absolute;
}

#leftside {
float:left;
height:100%;
width: 200px;
margin: 0 auto;
z-index: 0;
}


.navigation{
font-size:11px;
font-family:arial;
float: left;
margin-left:26px;
margin-top:0px;
text-decoration:none;
line-height:140%;
color:white;
		}

.navigation A{
font-size:11px;
text-decoration:none;
color:white;
		}

.navigation A:visited{
font-size:11px;
text-decoration:none;
color:white;
		}

.navigation A:hover{
font-size:11px;
color:white;
text-decoration:underline;
}

#news{
width: 160px;
height: 135px;
background-image: url(http://www.queenmargarets.com/App_Themes/Mysite/Images/news-box.png);
background-repeat:repeat-y;
padding: 10px 10px 10px 10px; /* top and bottom padding create visual space within this div  */
float: left;
margin:10px;
color:white;
font-size:11px;

		}

.newstitle {
	width: 242px; /* since this element is floated, a width must be given */
	height:42px;
}

.ZoneFrontNews{
width: 160px;
font-size:10px;
font-family:arial;
float: left;
text-decoration:none;
line-height:110%; 
color:white;

}

.ZoneFrontNews A{
padding:0px;
font-size:11px;
font-family:arial;
float:left;
font-weight:bold;
text-decoration:none;
line-height:110%; 
color:white;
}

.ZoneFrontNews A:hover{
padding:0px;
font-size:11px;
font-family:arial;
font-weight:bold;
float:left;
text-decoration:none;
line-height:110%; 
color: #D8D8D8;
}

.ZoneFrontNews A:visited{
padding:0px;
font-size:11px;
font-family:arial;
font-weight:bold;
float:left;
text-decoration:none;
line-height:110%; 
color:white;
}

#footer{
float:left;
	margin-left:10px;
	margin-top:10px;
	width:160px;
	font-family:Arial;
	font-size:9px;
	color:white;
	line-height:140%;
		}
				
#footer A{
color:white;
}


#footer A:visited{
color:white;
}

#footer A:hover {
color:white;
font-size:11px;
font-weight:bold;
}

		
#bottom{
	width:200px;
	position:absolute;
	bottom:10px;
	left:0px;
}

#page{
	margin-left:220px;
	position:absolute;
	margin-top:20px;
	width:700px;
	height:100%;
color:black;
}

#breadcrumb{
float:left;
line-height:20px;
padding-left:5px;
background-image:url(http://www.queenmargarets.com/App_Themes/Mysite/Images/breadcrumbback.png);
background-repeat:repeat;
height: 20px;
font-size: 11px;
width:695px;
color: #ffffff;
}

#breadcrumb A, A:visited{
text-decoration:none;
color: #ffffff;
}

#breadcrumb A:hover{
text-decoration:underline;
color: #ffffff;
}
#introtext { 
	float: left; 
	width: 700px; /* since this element is floated, a width must be given */
	margin-top:190px;
	margin-bottom:10px;
	font-family: "Times New Roman", Times, serif;
	font-size:33px;
	font-weight:lighter;
	line-height: 120%;
color:white;
} 
#pagetext { 
	float: left; 
	width: 700px; /* since this element is floated, a width must be given */
	margin-top:20px;
	font-family: "Arial";
	color:#000000;
line-height: 120%;
} 

#pagetext A:hover{ 
font-family: "Arial";
	color:#a92b31;
text-decoration:underline;
line-height: 120%;
} 

#pagetext A:visited{ 
font-family: "Arial";
	color:#a92b31;
line-height: 120%;
text-decoration:none;
} 

#pagetext A{ 
font-family: "Arial";
	color:#a92b31;
line-height: 120%;
text-decoration:none;
} 


#page_pic { 
	float: left; 
margin-bottom:10px;
	
} 

#spry { 
	float: left; 
	width: 700px; 
	margin-top:20px;
	
} 

#panel {	
z-index: 3;
min-height: 200px;
display: none;
padding-left:201px;
}

#panelcontent {
padding-top:22px;
padding-left:10px;
background-image:url(http://www.queenmargarets.com/App_Themes/Mysite/Images/menu_back.png);
background-repeat:repeat;
font-size:10px;
color:white;
}

#panelcontent a{
color:white;
text-decoration:none;
}

#panelcontent a:hover{
color:white;
text-decoration:underline;
}

#panelcontent a:visited{
color:white;
text-decoration:none;
}

.slide {
padding: 0;
background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
background-color:#a92b31;
	text-align: center;
	width: 75px;
	height: 15px;
	padding: 5px;
	margin: auto;
	float:right;
	display: block;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

/* Menu design */
.CMSTreeMenuTable
{
	/*font-size: 120%;*/
	width: 100%;
}

.CMSTreeMenuTable a
{
	white-space: nowrap;
}

.subCMSTreeMenuTable
{
	margin-left: 10px;
}

.CMSTreeMenuTable a:hover
{
	text-decoration: underline;
}

.CMSTreeMenuItem, .CMSTreeMenuSelectedItem
{
padding-top:1px;
}

.subCMSTreeMenuItem, .subCMSTreeMenuSelectedItem
{
	padding: 3px 0px;
}

.CMSTreeMenuLink
{
	padding-left: 12px;
	text-decoration: none;
	color: #ffffff;
	background: url(../App_Themes/CorporateSite/Images/treeMenuItemBackground.png) no-repeat left center;
}

.subCMSTreeMenuLink
{
	text-decoration: none;
	padding-left: 18px;
	background: url(../App_Themes/CorporateSite/Images/treeMenuItemBackground.png) no-repeat 8px center;
}

.CMSTreeMenuSelectedLink
{
	background: url(../App_Themes/CorporateSite/Images/treeMenuItemBackgroundActive.png) no-repeat left center;
	padding-left: 12px;
	text-decoration: underline;
}

.subCMSTreeMenuSelectedLink
{
	background: url(../App_Themes/CorporateSite/Images/treeMenuItemBackgroundActive.png) no-repeat 8px center;
	padding-left: 18px;
}