/**
 * CSS Styles - Main page layout
 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464646;
	text-decoration: none;
	background-color: #999999;
	background-image: url(../images/main_back.jpg);
	background-repeat: repeat-y;
	background-position: 155px 0px;
	margin:0;
	padding:0px;

}
#main {
	width:667px;
	padding-left: 168px;
}
#main-inner {
	padding:0px 15px 15px 15px;
	min-height:406px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image: url(../images/main_bottom.jpg);
	background-position: top left;
}
#main-inner-left {
	width: 440px;
	display:block;
	float:left;
	line-height:18px;
}
#main-inner-right {
	width: 170px;
	display:block;
	float:right;
	text-align:right;
	padding-top:0px;
	line-height: 18px;
}
#main-inner-right p {
	color:#464646;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#header {
	width:667px;
	height:120px;/*120px;97px;*/
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom:1px solid #000000;
	
}
#logo {
	position:absolute;
}

.logo img {
	display:block; 
	float:left; 
	margin: 12px 0 0 18px;
	border:none;
	margin: 12px 0 0 18px
}

#findus {
	border:1px solid #164365;
	width:166px;
	background-color:#FFFFFF;
	text-align:center;
}

/**
 * CSS Styles - Navbar layout / popups
 */

div#navbar {
	width:666;/*431px;*/
	display:block;
	float:right;
	text-align:right;
	padding-top:98px;/*75px;*/
	background-image: url(../images/nav_corner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	/* below used for drop down menu */
    position:relative;
    z-index:100;
}
div#navbar ul {
	margin:0px;
	/*margin-top: 22px;*/
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6F6F6F;
	white-space: nowrap;
	font-weight: bold;
}
div#navbar li {
	list-style-type: none;
	display: inline;
	/* below used for drop down menu */
	float:left;
	width:80px;
	padding: 0 3px 0 0px;
	position:relative;
	z-index: 100;
}
/* style the first level links */
div#navbar li a {
	text-decoration: none;
	padding: 0 0px 0 0;
	color: #164365;
	display:block;
	float:left;
	width:81px;
	height:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/main_button.png);
	background-repeat: no-repeat;
	text-align:center;
	line-height:22px;
}

/* style the first level hover */
div#navbar ul a:hover {
	color:#6F6F6F;
	background-position:0% -23px;
}
/* style the second level links */
div#navbar ul ul a, div#navbar ul ul a:visited {
	text-decoration: none;
	padding: 0 3px 0 6px;
	width:72px;
	height:22px;
	background-image: url(../images/main_button_list.png);
	background-repeat: no-repeat;
	text-align:left;
}
/* style the second level hover */
div#navbar ul ul a:hover {
	color:#6F6F6F;
}
/* style the third level links */
div#navbar ul ul ul a, div#navbar ul ul ul a:visited {
	background-image: url(../images/main_button.png)
}
/* style the third level hover */
div#navbar ul ul ul a:hover {
	color:#6F6F6F;
}

/**
 * CSS Styles - Map layout / popups
 */

div#map {
	margin:0;
	padding:0;
	width:440px;
	height:340px;
	background:url(../images/map_large.png) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
		
div#map li {
	margin:0;
	padding:0;
	list-style:none;
}
		
div#map li a {
	position:absolute;
	display:block;
	/*
			 Specifying a background image
			 (a 1px by 1px transparent gif)
			 fixes a bug in older versions of
			 IE that causeses the block to not
			 render at its full dimensions.
	*/
   	background:url(../images/forms/0.png);
   	text-decoration:none;
	color:#464646;
}
		
div#map li a span { display:none; }
		
div#map li a:hover span {
	position:relative;
	display:block;
	width:152px;
	left:18px;
	top:20px;
	border:1px solid #164365;
	background:#FFF;
	padding:5px;
}
  
div#map img {
	border:1px solid #164365;
}

/* added 24px because of training tab */
div#map a.staustell {
	top:604px;
	left:289px;
	width:6px;
	height:6px;
}
		
div#map a.penzance {
	top:632px;
	left:217px;
	width:6px;
	height:6px;
}
		
div#map a.helston {
	top:641px;
	left:246px;
	width:6px;
	height:6px;
}
		
div#map a.penryn {
	top:628px;
	left:257px;
	width:6px;
	height:6px;
}

div#map a.wadebridge {
	top:580px;
	left:286px;
	width:6px;
	height:6px;
}

div#map a.bodmin {
	top:586px;
	left:300px;
	width:6px;
	height:6px;
}

div#map a.liskeard {
	top:586px;
	left:326px;
	width:6px;
	height:6px;
}

div#map a.bridgwater {
	top:492px;
	left:468px;
	width:6px;
	height:6px;
}
		
div#map a.weston {
	top:455px;
	left:474px;
	width:6px;
	height:6px;
}

div#map a.pool {
	top:618px;
	left:248px;
	width:6px;
	height:6px;
}

div#map a.plympton {
	top:588px;
	left:356px;
	width:6px;
	height:6px;
}

div#map a.chard {
	top:529px;
	left:468px;
	width:6px;
	height:6px;
}

div#map a.torquay {
	top:585px;
	left:409px;
	width:6px;
	height:6px;
}

div#map a.paignton {
	top:595px;
	left:411px;
	width:6px;
	height:6px;
}

div#map a.newton {
	top:576px;
	left:402px;
	width:6px;
	height:6px;
}

div#map a.taunton {
	top:512px;
	left:455px;
	width:6px;
	height:6px;
}

.thirds {
	float: left;
	width: 120px;
	padding: 0 10px 0 15px;
}

.clear {
}
#footer {
	clear:both;
	font-size: 10px;
	text-align:right;
	padding:4px;
}

img.special { border:1px solid #164365; }

/**
 * CSS Styles - Page font styles
 */

h1, h2, h4, h5, h6 { margin: 14px 0; }
p, h3, ul, ol { margin: 1px 0; }

.highlight {
	color:#164365;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
.highlight a, .highlight a:visited {
	color:#164365;
	text-decoration:none;
	text-indent:20px;
}
.highlight a:hover {
	color:#6F6F6F;
	text-decoration:underline;
	text-indent:20px;
}
a, a:visited {
	color:#164365;
	text-decoration:underline;
}
a:hover {
	color:#6F6F6F;
	text-decoration:none;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #164365;
	font-weight:bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #164365;
	font-weight:bold;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight:normal;
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
div#navbar ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:22px;
	left:0; 
	width:120px;
}
 
/* position the third level flyout menu */
div#navbar ul ul ul{
left:81px; 
top:0px; 
width:81px;
}
 
/* position the third level flyout menu for a left flyout */
div#navbar ul ul ul.left {
left:-81px;
}
 
/* make the second level visible when hover on first level list OR link */
div#navbar ul li:hover ul, div#navbar ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
div#navbar ul :hover ul ul{visibility:hidden;}