/*
	Helios Calendar - Professional Event Management System
	Copyright © 2004-2008 Refresh Web Development [www.RefreshMy.com]
	
	Developed By: Chris Carlevato <support@refreshmy.com>
	
	For the most recent version, visit the Helios Calendar website:
	[www.HeliosCalendar.com]
	
	This file is part of Helios Calendar, usage governed by 
	the Helios Calendar EUL found at www.HeliosCalendar.com/license.pdf
*/

/*	Helios Default Template Classes
	You can edit this file however you'd like for your template,
	or create a new one and delete it.	*/
	
html, body {
	margin: 10px auto 45px auto;
	padding: 0px 0 10px 0;
	background: #FFF;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	}
#container {
	margin: auto auto auto auto ; 
	width: 700px; 
	padding: 0;
	color: #000000;
	}
#content {
	float: left; 
	text-align: left; 
	padding: 5px;
	width: 72%;
	}
#controls {
	float: left;
	padding: 0px 5px 5px 5px;
	width: 25%;
	}
#language {
	text-align: center;
	padding: 10px 0 15px 0;
	}
#billboard,
#popular {
	text-align: left;
	padding: 10px 0 10px 0;
	}
#rssLinks {
	width: 760px; 
	padding: 0;
	margin: auto auto auto auto ; 
	
	}
#copyright {
	clear: both; 
	color: #666666;
	background: #FFFFFF;
	padding: 5px 0px 5px 15px;
	line-height: 17px;
	}
a.copyright,
a.copyrightR {
	text-decoration: none;
	color: #666666;
	background: #FFFFFF;
	}
a.copyright:hover {
	text-decoration: underline;
	color: #FF6600;
	background: #FFFFFF;
	}
a.copyrightR:hover {
	text-decoration: underline;
	color: #006532;
	background: #FFFFFF;
	}
.setupText{
	font-family: Verdana, sans-serif;
	font-size: 11px;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    padding: 1px; 
    color: #333; 
	vertical-align: center;
	}
#twitter_div{border: solid 1px #CCCCCC;}
.twitter-title{font-size:11px;padding-left:5px;}
#twitter_update_list{padding:0px;list-style:none;}
#twitter_update_list li{padding:5px 5px 5px 5px;}

ul, li { margin: 0; padding: 0; }
.clear { clear: both; }
#hdr { width: 1028px; height: 98px; margin: 0 auto; background: url(http://www.synavista.com/clients/morven_park/site/graphics/bg-hdr.jpg) no-repeat; font: normal normal 11px Arial, Helvetica, sans-serif; text-align: right; }
#hdr ul { display: block; padding: 25px 59px 0 0; list-style-type: none; }
#hdr li { display: inline; padding: 0 20px 0 20px; border-right: 1px solid #000; }
#hdr a { color: #000; text-decoration: none; }
#hdr a:hover { text-decoration: underline; }
#menuWrap { width: 900px; margin: 0 auto; background: url(http://www.synavista.com/clients/morven_park/site/graphics/bg-content.jpg) repeat-y; padding: 0 64px 0 64px; color:#FFF; }
#indexNews { float: left; width: 600px; }
#indexNews h3 { font: normal bold 18px "Times New Roman", Times, serif; padding: 0; margin: 0 0 15px 0; }
#indexNewsContent { width: 570px; border: 1px solid #999; text-align: left; padding: 10px 15px 0px 15px; margin: 0 0 10px 0; background: #EFEFEF; }
#indexNewsContent h6 { text-align: left; margin: 0; padding: 0; }
#indexNewsContent p { margin: 0 0 15px 0; padding: 0; }
#indexHighlights { float: right; width: 270px; }
#indexHighlights img { margin: 0 0 14px 0; }
#contentWrap { width: 900px; margin: 0 auto; background: url(http://www.synavista.com/clients/morven_park/site/graphics/bg-content.jpg) repeat-y; padding: 6px 64px 0px 64px; }
#footer { width: 1028px; height: 75px; margin: 0 auto; background: url(http://www.synavista.com/clients/morven_park/site/graphics/bg-footer.jpg) no-repeat; font: normal normal 11px Arial, Helvetica, sans-serif; }
#footer ul { width: 900px; text-align: center; display: block; padding: 11px 0 0 0; text-transform: uppercase; margin: 0 auto 20px auto; }
#footer li { display: inline; }
#footer a { padding: 0 10px 0 10px; text-decoration: none; color: #000; }
#footer a:hover { text-decoration: underline; }
#footer p { text-align: center; font: normal normal 11px Arial, Helvetica, sans-serif; }

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	color: #000000;
	padding-left: 25px;
	text-align: center;
	padding-right: 10px;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 2px;
	font-style: italic;
	word-spacing: normal;
	letter-spacing: -0.5px;
}

.menu { height:25px; position:relative; z-index:100; font-family:"Times New Roman", Times, serif; color:#FFF;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;text-align:center;}
.menu ul ul {width:128px;text-align:left;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;color:#FFF;}
/* style the links for the top level */
.menu a:link, .menu a:visited, .menu a:active {display:block;font-size:12px;text-decoration:none; padding:0; color:#FFF; height:25px; border:1px solid #000; border-width:1px 0 1px 1px; background:#000; line-height:24px; font-weight:bold;}
.menu a:hover {color:#000; text-decoration:none;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#D9CB9C;}
.menu ul ul :hover > a.drop {background:#D9CB9C;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:26px;t\op:26px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a:link, .menu ul ul a:visited {background:#333; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#333; background:#D9CB9C;}
.menu :hover > a, .menu ul ul :hover > a {color:#333; background:#D9CB9C;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }