/* Forces a scrollbar in FF so that the page does not jump */
/* Negative of this is that horizontal scroll does not show if the page is too small */
html {
     overflow: -moz-scrollbars-vertical;
}
/*******************************************************************************
* Standard HTML Styles 
*******************************************************************************/
body {
	background: #FFFFFF;
	background: url(/images/mainbgsm.jpg) repeat-x;
	margin: 0px;
	text-align: left;
	font-family:Arial, Verdana;
	font-weight:normal;
	font-size:9pt;
	color:#666;
}

body.legal {
	background: #FFFFFF;
	margin: 0px;
	text-align: left;
	font-family:Arial, Verdana;
	font-weight:normal;
	font-size:9pt;
	color:#666;
}

a {
	color: #007b5f;
}

a:hover {
	color: #373737;
}

p {
	font-family: Arial, Verdana;
	font-size: 9pt;
	color: #666;
	text-align: left;
}

hr { 
	height: 0px;
	border-style: dashed; 
	border-width: 1px 0 0 0; 
	border-color: #cdcdcd;
}

/*******************************************************************************
* Page Container
*******************************************************************************/
div#pageContainer{
	margin: 0px;
	width: 1000px;
	text-align: left;
}
/*******************************************************************************
* Top Spacer
*******************************************************************************/
div#topSpacer{
	margin: 0px;
	height:15px;
	width: 1000px;
}
/*******************************************************************************
* Logo Container
*******************************************************************************/
div#logoContainer{
	padding-top:0px;
	margin: 0px;
	width: 500px;
	height: 81px;
	text-align: left;
	float:left;
}
/*******************************************************************************
* Contact Container
*******************************************************************************/
div#contactContainer{
	padding-top:0px;
	margin: 0px;
	width: 500px;
	height: 81px;
	text-align: right;
	float:right;
}

/*******************************************************************************
* Top Menu Container
*******************************************************************************/
div#menuSpacer{
	width: 250px;
	height: 33px;
	float:left;
	padding-top: 5px;
}

div#menuContainer{
	width: 750px;
	height: 33px;
	float:right;
	padding-top: 5px;
	text-align:center;
}

/*******************************************************************************
* Top Image Container
*******************************************************************************/
div#topimageContainer{
	width: 1000px;
	height: 15px;
	float:left;
}

/*******************************************************************************
* Home Content
*******************************************************************************/
div#homeContent{
	width: 1000px;
	float:left;
	height:100%;
}

/*******************************************************************************
* Left Column
*******************************************************************************/
div#leftColumn {
	float: left;
	margin-top: 10px;
	border: 1px solid #cdcdcd;
	padding-left:10px;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:30px;
	text-align:left;
	width: 210px;
	background: url(/images/menubg.gif) repeat-y;
}

div#leftColumn a
{
	color: #373737;
	font-weight:bold;
	text-decoration: none;
}

div#leftColumn a:hover
{
	color: #007b5f;
}

div#leftColumn td{
	height: 20px;
}
/*
html>body div#leftColumn a {
	width: auto;
}
*/

/*******************************************************************************
* Right Column
*******************************************************************************/
div#rightColumn {
	margin-top: 20px;
	margin-left: 20px;
	width: 738px;
	float: right;
	background: url(/images/rosebg.gif) no-repeat;

}

/*******************************************************************************
* Left Map Column
*******************************************************************************/
div#leftMapColumn {
	float: left;
	margin-top: 10px;
	border: 1px solid #cdcdcd;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	text-align:left;
	width: 500px;
	background: url(/images/menubg.gif) repeat-y;
}

/*******************************************************************************
* Right Map Column
*******************************************************************************/
div#rightMapColumn {
	margin-top: 20px;
	margin-left: 20px;
	width: 468px;
	float: right;
}

div#rightMapColumn a{
	color: #007b5f;
}
div#rightMapColumn a:hover{
	color: #373737;
}

/*******************************************************************************
* Home Center column
*******************************************************************************/
div#homeCenter {
	margin-top: 20px;
	margin-left: 20px;
	width: 506px;
	float: left;
}

/*******************************************************************************
* Home right boxes
*******************************************************************************/
div#homeRight {
	float: right;
	margin-top: 10px;
	text-align:left;
	width: 212px;
}

/*******************************************************************************
* Home contact info box
*******************************************************************************/
div#homeContact {
	float: right;
	border: 1px solid #cdcdcd;
	text-align:left;
	width: 210px;
	padding-left:10px;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:30px;	
	background: url(/images/menubg.gif) repeat-y;
}

/*******************************************************************************
* Home contact info box
*******************************************************************************/
div#homePayments {
	margin-top:10px;
	float: right;
	border: 1px solid #cdcdcd;
	text-align:left;
	width: 210px;
	padding-left:10px;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:30px;	
	background: url(/images/menubg.gif) repeat-y;
}

/*******************************************************************************
* Pricing Divs
*******************************************************************************/
div#pricingTitle{
	margin-top:20px;
	width:1000px;
	height:30px;
	float:left;
}
div.pricing {
	margin-top:10px;
	margin-right:10px;
	float: left;
	border: 1px solid #cdcdcd;
	text-align:left;
	width: 457px;
	padding-left:10px;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:30px;	
	background: url(/images/menubg.gif) repeat-y;
}

td.pricing {
	border-bottom:1px dotted #cdcdcd;
}

tr.pricing:hover {
	font-weight:bold;
	color: #007b5f;
}

/*******************************************************************************
* Forms Divs
*******************************************************************************/
div.forms {
	margin-top:10px;
	margin-right:10px;
	border: 1px solid #cdcdcd;
	text-align:left;
	width: 706px;
	padding-left:10px;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:30px;	
	background: url(/images/menubg.gif) repeat-y;
}

td.forms {
	border-bottom:1px dotted #cdcdcd;
}

tr.forms:hover {
	font-weight:bold;
	color: #007b5f;
}


/*******************************************************************************
* Footer
*******************************************************************************/
div#footerContainer {
	margin-top:10px;
	height: 20px;
	background: url(/images/footerbg.gif) repeat-x;
}

div#footer {
	padding-top:5px;
	font-size:9px;
	width:1000px;
	color: #ffffff;
}

div#footer  a{
	color: #fff;
	text-decoration:none;
}

div#footer a:hover{
	color: #999;
}

div#footerLinks{
	text-align:left;
	float:left;
	height:20px;
}

div#copyright{
	text-align:right;
	float:right;
	height:20px;
}

div#oracast {
	color: #007b5f;
	font-size: 7pt;
	text-align: right;
	float:right;
	width: 1000px;
}

div#oracast a {
	text-decoration:none;
	color: #007b5f;
}

div#oracast a:hover{
	text-decoration:underline;
	color: #333333;
}

/*******************************************************************************
* General Classes
*******************************************************************************/
.pageTitle{
	color:#666666;
	font-family:Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:bold;
}

/*******************************************************************************
* Milonic Navigation Menu Styles 
*******************************************************************************/
.cssmouseoff{
	margin-top:0px;
	height:33px;
	border-left:1px solid #ccc;
	border-right:0px solid #ccc;
	text-decoration:none;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#373737;
}

.cssmouseon{
	margin-top:0px;
	height:33px;
	border-left:1px solid #ccc;
	border-right:0px solid #ccc;
	text-decoration:none;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color: #007b5f;
}

.cssmouseoff2{
	margin-top:0px;
	height:33px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-decoration:none;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#373737;
}

.cssmouseon2{
	margin-top:0px;
	height:33px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-decoration:none;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color: #007b5f;
}

.csssubmouseoff{
	margin-top:5px;
	margin-left:0px;
	margin-right:5px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	text-decoration:none;
	text-align:left;
	color: #373737;
	background: #ffffff;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
}

.csssubmouseon{
	margin-top:5px;
	margin-left:0px;
	margin-right:5px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	text-decoration:none;
	text-align:left;
	color: #373737;
	background: #e3e3e3;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}



/*******************************************************************************
* Calendar Styles
*******************************************************************************/
table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #999999;
}