/*
Version: 1
Created: 2006-11-16
Author: Ben Pace
Intended for: http://www.torbayhomes.com/
*/



/*--- Standard Elements (main content) ---*/

html { min-height: 100%; margin-bottom: 1px; }

body {
	margin: 0;
	padding-top: 10px;
	text-align: left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	background: #ffffff;
	margin-top: 2px;

		
}


a:link, 
a:visited {
	color: #000000;
	text-decoration: none;	
	}

a:hover, 
a:active {
	color: #000000;
	text-decoration: none;

	}	


h1 {
	margin: 0;
	
	font-size: 16pt;
	letter-spacing: normal;
	color: #99FFCC;
	text-align: left;	
	padding-bottom: 15px;
	}

h2 {
	clear: left;
	margin: 1em 0 0 0;
	color: #003366;
	font-size: 1.15em;
	letter-spacing: normal;
	font-weight: none;
	}

h3 {
	margin: 0 0 4px 0;
	font-size: 1.1em;
	letter-spacing: normal;
	color: #000000;	

	}

h4 {
	margin: 1em 0 0 0;
	font-size: 1em;
	letter-spacing: normal;
	color: #003366;
	}

input, 
textarea, 
select {
	background-color: #fff;
	color: #000000;
	font: 12px/normal Arial, Helvetica, sans-serif;
	padding: 0;
	}

th {
	border-bottom: 1px solid #FFFFFF;

	color: #99FFCC;
	font-size: small;
	padding: 1px;
}


hr {

	text-align: center;
	color: #FFFFFF;
}

.page-heading {

	margin-top: 15px;
}

/*--- Layout DIVs ---*/
	
#container {
	clear: both;
	width: 780px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	
}

#main {

	width: 778px;


}

#content {
	float: left;
	text-algn: left;
	width: 780px;	
	background: url(../resources/main_bg.gif) repeat;
	padding: 0;	

	border-left: 1px solid #993333;
	border-right: 1px solid #993333;
	border-bottom: 1px solid #993333;
	
}
	

#header {
	position: relative;
	width: 780px;
	height: 108px;
	background: url(../resources/header.gif) no-repeat center;
	border: 1px solid #993333;
}



#main-content {

	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 15px;
	width: 615px;	
	border-top: 0px solid black;
	color: #FFF;	
}

#main-content #main-content-left {
	float: left;
	width: 470px;
	border-right: 2px solid #99FFCC;
	padding-right: 10px;
	
	min-height: 300px;
	height:expression( this.scrollHeight < 300? "300px" : "auto" );
}

#main-content #main-content-right {
	
	float: left;
	width: 133px;

	text-align: center;

}

#main-content-right  ul {
	padding-left: 23px;
	margin: 0;

}

.toenlarge {
	font-size: 0.7em;
}

#main-content img {
	margin: 5px;
	
}

#footer {
	font-size: 10pt;
	float: left;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	margin: 0;
	padding-top: 5px;
	width: 780px;
	text-align: center;
	color:#993333;
	line-height: 18px;
	height: 40px;
	
}


#footer-copyright {
	clear: both;
	float: left;
	color:#FFFFFF;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 15px;
	width: 780px;
	text-align: center;	
}


#main-content a:link, 
#main-content a:visited {
	color: #99FFCC;
	text-decoration: underline;

	}

#main-content a:hover, 
#main-content a:active {
	color: #FFFFFF;
	text-decoration: underline;

	}
	


#footer a:link, 
#footer a:visited {
	color:#993333;
	text-decoration: none;
	padding: 2px;
}

#footer a:hover, 
#footer a:active {
	text-decoration: none;
	color:#0066CC;
	padding: 2px;
}
	
#back2top {
	text-align: right;
	font-size: 8pt;
	width: 100%;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
	margin-bottom: 20px;
}



img {
	border: none;
	}



/*--- Content Elements ---*/

#content h1 {
	margin: 8px 0 0 0;
	}



.hide, 
.print {
	display: none;
	}

#ss-graph {
	display: none;
}


#footer .legal{
	font-size: 10px;
}

#clients {
	

	font-size:10px;

}

#clients ul{
	margin:0;

	padding: 0;
}

#clients li {
	float:left;
	position:relative;
	padding-right: 10px;
}

.rolloverhand {
	cursor:hand;
	
}

.clientname {
	color: #99FFCC;
	font-size: 1.15em;
	letter-spacing: normal;
	line-height: 3.0em;
	font-weight: bold;
	
}

.clientnameanchor {
	color: #99FFCC;
	font-size: 0.8em;
	letter-spacing: normal;
	font-weight: bold;
}

.linebreak {
	padding-top: 3px;
	border-bottom: 1px solid #FFFFFF;

}


/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { position:relative; float: left; width: 138px; padding-left: 5px; padding-right: 5px; font-size: 10pt; font-family: trebuchet ms; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 138px; }

.menu ul li:hover > a { color: #000000; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }

.menu li { background: url(../resources/nav_break_horiz.gif) no-repeat; float: left; }

.menu table { position: absolute; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }

.menu a, .menu a:visited {
	display:block;
	font-size:10pt;
	text-decoration:none; 
	color:#FFFFFF; 
	line-height:30px;
	width: 11em;
		
}

.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited {width: 238px; }
* html .menu a:hover { position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color:#FFFFFF; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #000000; background-color: #FFFFFF; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu ul ul li:hover > a { font-weight: normal; font-style: normal; font-variant: normal; text-decoration: underline; text-transform: none; }

.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 8em;}

.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

/* style the top level links */
.menu ul a, .menu ul a:visited {

width: 130px;

line-height:25px;


padding-left: 5px;
text-align: left;

}

.menu ul a:hover {
color: #000000;
background-color: #FFFFFF;

}





/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {

/*background-image: url(../resources/subnav.gif);*/

background-color: #AE2D52;


padding-left: 5px;
text-align: left;
text-decoration: none;

}



/* style the second level links */
.menu ul ul .subnav1, .menu ul ul a .subnav1{

width: 140px;


}


/* style the second level links */
.menu ul ul .subnav2 a, .menu ul ul a.subnav2{

width: 230px;

}


/* style the second level links */
.menu ul ul a:hover {
color: #FFFFFF;
text-decoration: underline;
background-color: #AE2D52;
}