/* this stuff defines the overall page layout and top and bottom bars and stuff like that */

body { 
	text-align: center; 
	background-color:#6699cc;
	
}

.outer	{
	border-right:2px solid #666666;
	border-left:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	border-bottom:2px solid #666666;
	width:751px;
	padding: 10px 10px 10px 10px;
	margin-top:10px;
	background-color:#FFFFFF;
}

.footer	{
	border-top:0px solid #000066;
	border-right:0px solid #000066;
	border-bottom:2px solid #6633ff;
	border-left:0px solid #000066;
	height:20px;
	text-align:right;
	font-size:9px;
	padding: 0px 0px 0px 0px;
}

.footertext {
	
	text-align:right;
	font-size:9px;
	padding: 0px 7px 10px 0px;
}

/* this stuff defines the lefthand blue bar and stuff that goes in it */
.sideouter	{
	width: 155px;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana, arial;
	padding: 0px 0px 0px 0px;
	border-left: 2px solid #6633ff;
	border-bottom: 2px solid #6633ff;
	border-right:2px solid #6633ff;
	background-color: #ffffff;
}

td.side	{
	width:155px;
	height:22px;
	background-image: url(./graphics/back.gif);
	font-size:12px;
	font-weight:bold;
	font-family:verdana, arial;
	color:#5e36fe;
	/*border-top:2px solid #ff9933;*/
	border-top:1px solid #6633ff;
	text-align:left;
	padding:0px;
}

td.sideover	{
	width:155px;
	height:22px;
	background-image: url(./graphics/back_over.gif);
	font-size:12px;
	font-weight:bold;
	font-family:verdana, arial;
	color:#ffffcc;
	/*border-top:2px solid #ff9933;*/
	border-top:1px solid #6633ff;
	text-align:left;
	padding:0px;
}

td.sidelast	{
	width:155px;
	height:22px;
	background-image: url(./graphics/back.gif);
	font-size:12px;
	font-weight:bold;
	font-family:verdana, arial;
	color:#5e36fe;
	/*border-top:2px solid #ff9933;*/
	border-top:1px solid #6633ff;
	border-bottom:1px solid #6633ff;
	text-align:left;
	padding:0px;
}

td.sidelastover {
	width:155px;
	height:22px;
	background-image: url(./graphics/back_over.gif);
	font-size:12px;
	font-weight:bold;
	font-family:verdana, arial;
	/*color:#5e36fe;*/
	color:#ffffcc;
	/*border-top:2px solid #ff9933;*/
	border-top:1px solid #6633ff;
	border-bottom:1px solid #6633ff;
	text-align:left;
	padding:0px;
}
/*.content p, .content_entry p*/

td.side a:link, td.side a:visited {
	color: #5e36fe;
	text-decoration: none;
}

td.sidelast a:link, td.sidelast a:visited {
	color: #5e36fe;
	text-decoration: none;
}

td.sideover a:link, td.sideover a:visited, td.sideover a:hover, td.sidelastover a:link, td.sidelastover a:visited, td.sidelastover a:hover  {
	color:#ffffcc;
	text-decoration:none;
}

.vertblue {
	border-right:0px solid #ff9933;
	border-left:0px solid #ff9933;
	border-top:0px solid #ff9933;
	border-bottom:0px solid #ff9933;
	background-color:#5e36fe;
	width:2px;
	height:100%;
	padding:0px;
}

.spacer {
	border-right:0px solid #ff9933;
	border-left:0px solid #ff9933;
	border-top:0px solid #ff9933;
	border-bottom:0px solid #ff9933;
	background-color:#ffffff;
	width:8px;
	height:100%;
	padding:0px;

}

/* this stuff defines main content area and stuff that goes in it */
.content	{
	font-size:11px;
	color:#464b4b;
	font-family:verdana, arial;
	padding-right:15px;
	background-color:#ffffff;
	text-align:justify;
	border-right:0px solid #ff9933;
}

.content td { 
	background-color:#ffffff;
	font-size:11px;
	font-family:verdana, arial;
	padding:6px;
	color:#464b4b;
	text-align:justify;
}

.content hr {
	height:1px;
	color:#ff9933;
	padding-right:25px;
}

.heading 	{
	font-family:verdana,arial; 
	font-size:15px; 
	/*color:#5e36fe;*/
	color:#003366;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:25px;
	text-align:left;
	border-bottom: #003366 1px dashed;
}

.subheading 	{
	font-family:verdana,arial; 
	font-size:11px; 
	color:#000000; 
	font-weight:bold;
	text-align:left;
	padding-bottom:15px;
}	

.detailsbox {
	background-color:#ffffff;
	border-top: #000000 1px solid; 
	border-bottom: #000000 1px solid; 
	border-left: #000000 1px solid; 
	border-right: #000000 1px solid; 
	width:70%;
	display:none;
}

.options {
	background-color:#ffffff;
	font-size:11px;
	font-family:verdana, arial;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	border-top: #ff9933 1px solid;
}

.buttons	{
	font-size: 9px; 
	font-family: verdana, arial;
	background-color:#006699;
	color: #eeeeee; 
	text-decoration: none; 
}


/* this stuff defines other defaults just in case things show up around the place */

.hidden {
	display:none;
}

.picture	{
	border-right:0px solid #000000;
	border-left:0px solid #000000;
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	font-family:verdana, arial;
	color:#5e36fe;
	text-align:center;
}

a:link.piclink {
	font-size:9px;
	font-family:verdana, arial;
	/*color:#5e36fe;*/
	color:#003366;
	text-align:center;
	text-decoration:none;
}

a:visited.piclink {
	font-size:9px;
	font-family:verdana, arial;
	/*color:#5e36fe;*/
	color:#003366;
	text-align:center;
	text-decoration:none;
}
	
a:hover.piclink { 
	font-size:9px;
	font-family:verdana, arial;
	color:#ff0000;
	text-align:center;
	text-decoration:none;
}

.piccy	{
	border-top: #000000 1px solid; 
	border-left: #000000 1px solid; 
	border-right: #000000 1px solid; 
	border-bottom: #000000 1px solid;
	color: #000000;
	padding:0px;
}

.formcell {
	background-color:#ffffff;
	font-size:11px;
	font-family:verdana, arial;
	padding:7px;
	color:#464b4b;
}

.enquirytextField {
	font-size:11px;
	font-family: verdana, arial; 
	color:#006699;
	width:500px;
	background-color:#ffffff;
}

.enquirytextArea {
	font-size:11px;
	font-family: verdana, arial; 
	color:#006699;
	width:500px;
	height:90px;
	background-color:#ffffff;
}

form {
	display:inline;
}

.formTable {
	padding:0px;
	margin:0px;
	margin-left:100px;
	width:620px;	
}

.textField {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#006699;
	width:360px;
	background-color:#ffffff;
	border: 1px solid #cccccc;
	margin:0px 0px 0px 0px;
}

.textField:focus {
	background-color:#ffffcc;
	border: 2px solid #333333;
}

.textArea {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#006699;
	width:520px;
	height:100px;
	background-color:#ffffff;
	margin:6px 0px 6px 0px;
}

.textArea:focus {
	background-color:#ffffcc;
	border: 2px solid #333333;
}

ul {
	list-style-type:square;
	list-style-position:outside;
	list-style-image:url('/graphics/bullet.gif');
}

li {
	background-color:#FFFFFF;
	font-size:11px;
	font-family:verdana, arial;
	padding-bottom:8px;
	color:#464b4b;
	text-align:left;
}

.features li {
	background-color:#FFFFFF;
	font-size:10px;
	font-family:verdana, arial;
	padding:0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	color:#464b4b;
	text-align:left;
}

.features_prices li {
	list-style-type: none;
	list-style-image: none;
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: verdana, arial;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	color: #464b4b;
	text-align: left;
}

td {  /* default table cell just in case */
	background-color:#ffffff;
	font-size:11px;
	font-family:verdana, arial;
	padding:0px;
	color:#464b4b;
	text-align:justify;
}

a:link		{

	font-family:verdana, arial; 
	/*color: #5e36fe;*/
	color:#003366;
	text-decoration: underline; 
}

a:visited		{
	font-family:verdana, arial; 
	/*color: #5e36fe;*/
	color:#003366;
	text-decoration: underline; 
}

a:hover		{
	font-family:verdana, arial; 
	color: #3300ff; 
	text-decoration: underline; 
}

/* pullout menu entries */

#menu {
width: 12em; /* set width of menu */
background: #eee;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}