/*  
Theme Name: Tolvik
Theme URI: http://www.cognique.co.uk  
Description: Last updated 07/12/2009
Version: 1.0
Author: James Patten
Author URI: http://www.cognique.co.uk
*/

/* The Normaliser! (after Andy Clarke and Tantek) */

/* Norm margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

/* Norm font-size for headings */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* Remove table styles */
table {border-collapse:collapse; border-spacing:0;}

/* Remove borders from fieldset and img */
fieldset, img {border:0;}

/* Left-align captions and table headings */
caption, th {text-align:left}

/* Remove underlines from links */
:link,:visited {text-decoration:none}

/* Remove default nasty blue borders from image links */
a img,:link img,:visited img {border:none}

/* End of The Normaliser! */

html {
	min-width:1024px;
	width:auto !important;
	width:1024px;
}
	
body {
	margin:0;
	padding:0;
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
	color:#6c6d71;
}

.skip {
	position:absolute; 
	left:-9000px; 
	top:0;
}

#wrap {
	margin:0 auto 0 auto;
	padding:0;	
	width:1024px;
}

#wrap #wrap-inner {
	float:left;
	display:inline;
	clear:both;	
	margin:0;
	padding:0;
	width:1024px;
}

#wrap #wrap-inner #header {
	float:left;
	display:inline;
	clear:both;	
	margin:0;
	padding:0;
	width:1024px;
	height:170px;
	border-bottom:1px solid #00a3dc;
}

#wrap #wrap-inner #header #logo {
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

#wrap #wrap-inner #content {
	float:left;
	display:inline;
	clear:both;	
	margin:0;
	padding:0;
	width:1024px;
}

#wrap #wrap-inner #content #left {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:328px;
}

#wrap #wrap-inner #content #left #telephone {
	float:left;
	display:inline;
	margin:0;
	padding:30px 0 0 0;
	width:328px;
	color:#6c6d71;
	font-size:165%;
	line-height:100%;
}

#wrap #wrap-inner #content #left #sub-navigation {
	float:left;
	display:inline;
	margin:90px 0 0 0;
	padding:0;
	width:328px;
}

#wrap #wrap-inner #content #left #sub-navigation #sub-navigation-list, #wrap #wrap-inner #content #left #sub-navigation #sub-navigation-list ul {
	padding:0;
	margin:0;
	list-style:none;
	width:328px;
}

#wrap #wrap-inner #content #left #sub-navigation #sub-navigation-list li { 
	position:relative;	
	float:left;
	padding:0 0 10px 25px;
	margin:0;	
	width:303px;
	height:20px;
	text-decoration:none;
	text-align:left;
	font-size:140%;
	line-height:100%;	
	background:url(/images/sub-navigation-list-li-bg.gif) 0px 0px no-repeat #FFFFFF;
}

#wrap #wrap-inner #content #left #sub-navigation #sub-navigation-list li a {
	display:block;
	color:#6c6d71;
	text-decoration:none;
}

#wrap #wrap-inner #content #left #sub-navigation #sub-navigation-list li a:hover, #wrap #wrap-inner #content #left #sub-navigation #sub-navigation-list li a.active {
	color:#00a3dc;
}

#wrap #wrap-inner #content #left #highlight {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:328px;
	font-size:180%;
	line-height:130%;
	color:#00a3dc;	
}

#wrap #wrap-inner #content #left #latest-report {
	float:left;
	display:inline;
	margin:30px 60px 0 0;
	padding:0;
	width:268px;
	border:1px solid #00a3dc;
}

#wrap #wrap-inner #content #left #latest-report a, #wrap #wrap-inner #content #left #latest-report a:visited {
	display:block;
	margin:0;
	padding:10px 10px 10px 10px;
	width:248px;
	color:#6c6d71;
	font-size:120%;
	line-height:130%;
	background-color:#e6f6fc;
	text-decoration:none;
}

#wrap #wrap-inner #content #left #latest-report a:hover {
	display:block;
	margin:0;
	padding:10px 10px 10px 10px;
	width:248px;
	color:#FFFFFF;
	font-size:120%;
	line-height:130%;
	background-color:#00a3dc;
	text-decoration:none;
}

#wrap #wrap-inner #content #right {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:696px;
}

#wrap #wrap-inner #content #right #navigation {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:696px;
}

#wrap #wrap-inner #content #right #navigation #navigation-list, #wrap #wrap-inner #content #right #navigation #navigation-list ul {
	padding:0;
	margin:26px 0 0 0;
	width:696px;
	list-style:none;
}

#wrap #wrap-inner #content #right #navigation #navigation-list li { 	
	float:left;
	padding:0 17px 0 17px;
	margin:0;	
	height:25px;
	text-decoration:none;
	text-align:left;
	font-size:150%;
	line-height:130%;
	border-left:1px solid #00a3dc;
}

#wrap #wrap-inner #content #right #navigation #navigation-list li a {
	*float:left; /* IE6 ISSUE */
	display:block;
	color:#6c6d71;
	text-decoration:none;
}

#wrap #wrap-inner #content #right #navigation #navigation-list li a:hover, #wrap #wrap-inner #content #right #navigation #navigation-list li a.active {
	color:#00a3dc;
}

#wrap #wrap-inner #content #right #breadcrumb {
	float:left;
	display:inline;
	margin:0;
	padding:33px 0 0 0;
	width:696px;
	color:#6c6d71;
	font-size:90%;
	line-height:100%;
}

#wrap #wrap-inner #content #right #breadcrumb a, #wrap #wrap-inner #content #right #breadcrumb a:visited {
	margin:0;
	padding:0 10px 0 18px;
	background:url(/images/breadcrumb-a-bg.gif) 0px 2px no-repeat #FFFFFF;
	color:#6c6d71;
	text-decoration:none;
}

#wrap #wrap-inner #content #right #breadcrumb a:hover{
	text-decoration:underline;
}

#wrap #wrap-inner #content #right #text {
	float:left;
	display:inline;
	margin:0;
	padding:44px 120px 0 0;
	width:576px;
}

#wrap #wrap-inner #content #right #text h1 {
	margin:0;
	padding:0 0 20px 0;
	font-size:150%;
	line-height:130%;
	font-weight:bold;
	color:#00a3dc;
}

#wrap #wrap-inner #content #right #text h1 a, #wrap #wrap-inner #content #right #text h1 a:visited, #wrap #wrap-inner #content #right #text h1 a:hover {
	text-decoration:none;
}

#wrap #wrap-inner #content #right #text h2 {
	margin:0;
	padding:0 0 20px 0;
	font-size:130%;
	line-height:130%;
	font-weight:normal;
	color:#00a3dc;
}

#wrap #wrap-inner #content #right #text h2 a, #wrap #wrap-inner #content #right #text h2 a:visited, #wrap #wrap-inner #content #right #text h2 a:hover {
	text-decoration:none;
}

#wrap #wrap-inner #content #right #text h3 {
	margin:0;
	padding:0 0 20px 0;
	font-size:115%;
	line-height:130%;
	font-weight:normal;
	color:#00a3dc;
}

#wrap #wrap-inner #content #right #text h3 a, #wrap #wrap-inner #content #right #text h3 a:visited, #wrap #wrap-inner #content #right #text h3 a:hover {
	text-decoration:none;
}

#wrap #wrap-inner #content #right #text p {
	margin:0;
	padding:0 0 20px 0;
	font-size:115%;
	line-height:130%;
	color:#6c6d71;
}

#wrap #wrap-inner #content #right #text ul { 
	margin:-10px 0 0 0;
	padding:0 0 20px 18px;
	color:#6c6d71;
	font-size:115%;
	line-height:130%;	
	list-style-type:square;	
}

#wrap #wrap-inner #content #right #text ul ul { 
	margin:0;
	padding:0 0 0 18px;
	color:#6c6d71;
	font-size:100%;
	line-height:100%;	
	list-style-type:square;	
}

#wrap #wrap-inner #content #right #text ol { 
	margin:-10px 0 0 0;
	padding:0 0 20px 28px;
	color:#6c6d71;
	font-size:115%;
	line-height:130%;
	list-style-type:decimal;	
}

#wrap #wrap-inner #content #right #text ol ol { 
	margin:0;
	padding: 0 0 0 28px;
	color:#6c6d71;
	font-size:100%;
	line-height:100%;	
	list-style-type:decimal;
}

#wrap #wrap-inner #content #right #text li { 
	margin:0;
	padding:10px 0 0 0;
}

#wrap #wrap-inner #content #right #text a,#wrap #wrap-inner #content #right #text a:visited{
	color:#00a3dc;
	text-decoration:underline;	
}

#wrap #wrap-inner #content #right #text a:hover {
	color:#00a3dc;
	text-decoration:underline;
}

#wrap #wrap-inner #content #right #text hr{
	margin:0;
	padding:0 0 20px 0;
	border:none 0;
	border-top:1px solid #00a3dc;
	width:100%;
	height:1px;
}

#wrap #wrap-inner #content #right #footer {
	float:left;
	display:inline;
	margin:0;
	padding:20px 0 20px 0;
	width:696px;
	font-size:100%;
	line-height:100%;
	color:#6c6d71;
}

#wrap #wrap-inner #content #right #footer a, #wrap #wrap-inner #content #right #footer a:visited {
	color:#6c6d71;
	text-decoration:none;
}

#wrap #wrap-inner #content #right #footer a:hover {
	text-decoration:underline;
}

.highlight {
	color:#00a3dc;
}

a.tt-cognique {
    position:relative;
    z-index:24;
	text-decoration:none;
	font-size:80%;
	text-decoration:none !important;
	color:#af83a2;
}

a.tt-cognique span {
	display:none;
}

a.tt-cognique:hover {
	z-index:25;
	text-decoration:none !important;
}

a.tt-cognique:hover span.tooltip {
    display:block;
    position:absolute;
    top:0px; 
    left:0px;
	padding:0;
	width:200px;
	color:#FFFFFF;
    text-align:center;
	filter:alpha(opacity:90);
	KHTMLOpacity:0.90;
	MozOpacity:0.90;
	opacity:0.90;
	text-decoration:none;
	font-size:140%;
}

a.tt-cognique:hover span.top {
	display:block;
	padding:10px 10px 0 10px;
    background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-top:2px solid #4d4d4d;
}

a.tt-cognique:hover span.middle {
	display:block;
	padding:0 10px 0 10px;
	background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	font-size:0.8em;
}

a.tt-cognique:hover span.bottom {
	display:block;
	padding:10px 10px 0 10px;
    background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-bottom:2px solid #4d4d4d;
}
form {
	padding: 0;
	margin:0;
}
fieldset {
	width:96%;
	border:1px solid #6d6e72;
	padding:0 10px 10px 10px;
	margin:0;
	color:#303b7d;
}
form em {
	float:left;
	display:inline;
	font-style:normal;
	width:100%;
	padding:0;
	margin:10px 0 0 0;
	clear:left;
}
label {
	float:left;
	display:inline;
	width:200px;
	color:#6d6e72;
	margin:0;
	padding:0 15px 0 0;
	font-size:140%;
}
legend {
	font-weight:normal;
	color:#6d6e72;
	font-size:140%;
}
.fmtext {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #6d6e72;
	color:#FFFFFF;
	background-color:#00a3dc;
	height:22px;
	padding:1px 5px 0 5px;
	margin:0;
	vertical-align:middle;
	font-size:140%;
}
.fmtextarea {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #6d6e72;
	color:#FFFFFF;
	background-color:#00a3dc;
	padding:2px 5px 2px 5px;
	margin:0;
	vertical-align:middle;
	font-size:140%;
}
.fmbutton {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #6d6e72;
	color:#FFFFFF;
	background-color:#00a3dc;
	height:25px;
	padding:0 10px 0 10px;
	margin:0;
	cursor:pointer;
	font-size:140%;
}
.errorbox {
	color:#FFFFFF;
	text-align:center;
	border:1px solid #ffa4a4;
	background-color:#FF0000;
	margin:0 0 20px 0;
	padding:8px;
	width:96%;
	font-size:140%;
}
.error {
	color:#FF0000;
}
.successbox {
	color:#FFFFFF;
	text-align:center;
	border:1px solid #96dc83;
	background-color:#33BB11;
	margin:0 0 20px 0;
	padding:8px;
	width:96%;
	font-size:140%;
}
.success {
	color:#33BB11;
}