/* CSS Document */


/*===================MAIN=====================*/

html {
	height: 100%;
	}
body { /*equivalent to setting (slightly smaller than ) 0.8em to 13px or 10pt base size*/
	font: 80%/150% Georgia, Times New Roman, Times, serif;
	color: #000;
	margin: 0px;
	/*text-align:left;
	height: 100%;*/ /*duplicate declarations?*/
	}
	/* for Internet Explorer */
	/*\*/
	body {
	font: 70%/135% Georgia, Times New Roman, Times, serif;
	}
	/**/
#panel_wrap {
	width: 200px;
	float: right;
	}
p {
	text-align: left;
	}
a {
	color: #EC4E33;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
/*a:visited {
	color: #42A3B1;
	font-weight: bold;
	text-decoration: none;
	}*/
ul {
	list-style-type: none;
	text-align:left;
	}
ul li {
	padding: 0 0 2px 0;
	}
#lh_nav ul {
	/*font: 1.35em/105% Georgia, Times New Roman, Times, serif;
	color: #000;*/
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: left;
	}
#lh_nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}
ol {
	list-style-type: none;
	}
ol li {
	font: 1.2em/175% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: #666;
	}

h1 {
	font: 1.85em/100% Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color: #333;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}
	
h2 {
	font: 1.6em/150% Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color: #333;
	margin: 0px;
	text-align: left;
	padding: 0px;
	}
	
h3 {
	font: 1.25em/120% Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color: #333; 
	margin: 0px;
	text-align: left;
	}
	
h4 {
	font: 1.2em/120% Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color: #333; 
	margin: 0px;
	text-align: left;
	padding: 0px;
	}
	
.intro {
	color: #333;
	font-style: italic;
	font-weight: bold;
	}
.hrdots {
	width: 360px;
	height: 0px;
	border-top: 1px dotted #666;
	margin: 0 0 12px 0;
	}
.hrdotsgrey {
	/*width: 100%;*/
	height: 0px;
	border-top: 1px dotted #CCC;
	margin: 0 0 12px 0;
	}
.hrdotsfull {
	width: 100%;
	height: 0px;
	border-top: 1px dotted #666;
	margin: 0 0 12px 0;
	}
#right ul {
	list-style-image: url(../images/bullet.gif);
	font: 1em/125% Georgia, Times New Roman, Times, serif;
	color: #000;
	text-align:left;
	}
.dl  {
	list-style-image: url(../images/bullet_dl.gif);
	font: 1em/125% Georgia, Times New Roman, Times, serif;
	color: #000;
	text-align:left;
	}

/*===================INDEX PAGE LAYOUT=====================*/


/* SEPERATE STYLESHEET */



/*===================GENERAL LAYOUT=====================*/

#infoscotland { /*all this info must come from Civic I think*/
	width: 760px;
	height: 25px;
	border-bottom: 1px solid #CCC;
	margin: 0px;
	text-align: center;
	padding: 0px;
	}

#wrap {
	width: 760px;
	margin: 0 auto;
	text-align: center;
	padding: 0px;
	}
#header {
	background-image: url(../images/header_bg.gif);
	background-repeat: none;
	margin-bottom: 10px;
	text-align: left;
	width: 760px;
	height: 78px;
	clear: both;
	}
#topright {
	height: 50px;
	float: right;
	padding: 0px;
	margin: 0px;
	width: 267px;
	}
#nav {
	width: 760px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}
#content {
	margin: 0px;
	text-align: left;
	width: 760px;
	}
#left {
	min-height: 420px; /*will it validate?*/
	width: 185px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	/* for Internet Explorer */
	/*\*/
	* html #left {
	height: 420px;
	}
	/**/
#right {
	min-height: 420px; /*will it validate?*/
	width: 560px;
	padding-left: 15px;
	float: right;
	}
	/* for Internet Explorer */
	/*\*/
	* html #right {
	height: 420px;
	}
	/**/
#campaign-left {
	min-height: 420px; /*will it validate?*/
	width: 370px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	/* for Internet Explorer */
	/*\*/
	* html #campaign-left {
	height: 420px;
	}
	/**/
#campaign-right {
	min-height: 420px; /*will it validate?*/
	width: 360px;
	padding-left: 15px;
	float: right;
	margin: 0px;
	}
	/* for Internet Explorer */
	/*\*/
	* html #campaign-right {
	height: 420px;
	}
	/**/
#footer {
	height: 30px;
	width: 760px;
	margin-top: 20px;
	border-top: 1px solid #CCC;
	}
/*hr {
	border: 0;
	color: #CCC;
	background-color: white;
	height: 1px;
	width: 90%;
	text-align: center;
	}*/	
.clear {
	clear: both;
	height: 0px;
	width: 760px;
	}

/*===================PANELS=====================*/


.left_panel {
	width: 185px;
	margin: 0 0 20px 0;
	padding: 0px;
	clear: both;
	}
.right_panel {
	width: 185px;
	margin: 0 0 20px 15px;
	padding: 0px;
	float: right;
	clear: both;
	}
	
.bluetop {
	width: 185px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_bluetop.jpg);
	background-repeat: no-repeat;
	}
.bluetop p {
	font: 115%/100% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: white;
	margin: 0px;
	padding: 7px 0px 4px 8px;
	text-align: left;
	list-style: none;
	display: none;
	}
.redtop {
	width: 185px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_redtop.jpg);
	background-repeat: no-repeat;
	}
.redtop p {
	font: 115%/100% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: white;
	margin: 0px;
	padding: 7px 0px 4px 8px;
	text-align: left;
	list-style: none;
	display: none;
	}
.redtopriskscanner {
	width: 185px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_redtop_riskscanner.jpg);
	background-repeat: no-repeat;
	}
.redtopsurvivor {
	width: 185px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_redtop_survivor.jpg);
	background-repeat: no-repeat;
	}
.redtopquiz {
	width: 185px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_redtop_quiz.jpg);
	background-repeat: no-repeat;
	}
.redtopoverloaded {
	width: 185px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_redtop_overloaded.jpg);
	background-repeat: no-repeat;
	}
	
.illotop {
	width: 185px;
	height: 116px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_illotop.gif);
	background-repeat: no-repeat;
	}
.mid, #lhnav {
	width: 185px;
	min-height: 160px; /*will it validate?*/
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_mid.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	/*background-attachment: fixed;*/
	}
	/* for Internet Explorer */
	/*\*/
	* html #lhnav {
	height: 160px;
	}
	/**/
.midtitle {
	font: 1em/110% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	list-style: none;
	padding: 7px 4px 4px 8px;
	margin: 0px;
	}
.whitedots {
	width: 169px;
	height: 0px;
	border-top: 1px dotted white;
	margin: 0px 0px 0px 8px;
	}
.blackdots {
	width: 169px;
	height: 0px;
	border-top: 1px dotted black;
	margin: 0px 0px 0px 8px;
	}
.redmid {
	width: 185px;
	min-height: 120px; /*will it validate?*/
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_mid_red.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	/* for Internet Explorer */
	/*\*/
	* html .redmid {
	height: 120px;
	}
	/**/
.redmid p {
	font: 1em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: white;
	margin: 0px;
	padding: 7px 7px 10px 8px;
	text-align: left;
	list-style: none;
	}
.redmid a {
	font: 1em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	text-decoration: underline;
	color: white;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	list-style: none;
	}
.redmid a:hover {
	font: 1em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	text-decoration: none;
	color: white;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	list-style: none;
	}
.bluemid {
	width: 185px;
	min-height: 120px; /*will it validate?*/
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_mid_blue.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	/* for Internet Explorer */
	/*\*/
	* html .bluemid {
	height: 120px;
	}
	/**/
.bluemid p {
	font: 1em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: white;
	margin: 0px;
	padding: 7px 7px 10px 8px;
	text-align: left;
	list-style: none;
	}
.bluemid a {
	font: 1em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	text-decoration: underline;
	color: white;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	list-style: none;
	}
.bluemid a:hover {
	font: 1em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	text-decoration: none;
	color: white;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	list-style: none;
	}
.littlemid {
	width: 185px;
	min-height: 80px; /*will it validate?*/
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_mid.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	/* for Internet Explorer */
	/*\*/
	* html .littlemid {
	height: 185px;
	}
	/**/
.littlemid p {
	font: 0.9em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: black;
	margin: 0px;
	padding: 7px 7px 10px 8px;
	text-align: left;
	list-style: none;
	}
.littlemid a {
    font: 1em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    text-decoration: underline;
    color: #EC4E33;
    margin: 0px;
    text-align: left;
    font-weight: bold;
    list-style: none;
    }
.littlemid a:hover {
	font: 1em/135% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	text-decoration: none;
	color: #EC4E33;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	list-style: none;
	}
.littlemidtitle {
	font: 1em/110% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	list-style: none;
	padding: 7px 4px 4px 8px;
	margin: 0px;
	}

.reflect {
	width: 185px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_reflect.gif);
	background-repeat: no-repeat;
	}
.redreflect {
	width: 185px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_reflect_red.gif);
	background-repeat: no-repeat;
	}
.bluereflect {
	width: 185px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/panel_reflect_blue.gif);
	background-repeat: no-repeat;
	}


/*===================TOP NAV=====================*/


#nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
#topnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}
#topnav #yayflnk {
	background-image: url(../images/topnav_yayf.gif); 
	width: 160px;
	}
#topnav #fslnk {
	background-image: url(../images/topnav_fs.gif); 
	width: 113px;
	}
#topnav #falnk {
	background-image: url(../images/topnav_fact.gif); 
	width: 116px;
	}
/*#topnav #feplnk {
	background-image: url(../images/topnav_fep.gif); 
	width: 161px;
	}*/
#topnav #yhlnk {
	background-image: url(../images/topnav_yh.gif); 
	width: 121px;
	}
#topnav #homelnk {
	background-image: url(../images/topnav_home.gif); 
	width: 250px;
	}
#topnav a {
	background-position: 0px 0px; 
	height: 78px; 
	float: left; 
	text-indent: -5000px; 
	font-size: 0.9em; 
	overflow: hidden;
	display: block;
	}
#topnav a:hover {
	background-position: 0px 78px;
	}
	
/*===================LH NAV=====================*/


#lhnav ul {
	list-style: none;
	width: 171px;
	margin: 0px;
	padding: 0 0 0 7px;
	}
#lhnav ul li a {
	font: 100%/95% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}
#lhnav ul li a:hover {
	color: #666;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	}
.navtopspacer {
	width: 171px;
	height: 8px;
	padding: 0px;
	margin: 0px;
	}
.navbottomspacer {
	width: 171px;
	height: 12px;
	padding: 0px;
	margin: 0px;
	}
.dots {
	width: 171px;
	height: 1px;
	background-image: url(../images/navdots.gif);
	background-repeat: repeat-x;
	/*border-top: 1px dotted #666;*/
	padding: 2px 0 5px 0;
	/*_margin: 0px;*/
	margin: 0px;
	}
.subnav {
	font: 92%/100% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	padding-left: 10px;
	font-weight: normal;
	margin: 0px;
	}
.subnavdots {
	width: 161px;
	height: 1px;
	background-image: url(../images/subnavdots.gif);
	background-repeat: no-repeat;
	/*border-top: 1px dotted #666;
	padding: 4px 0 4px 0;*/
	padding: 2px 0 6px 0;
	margin-left: 10px;
	}
.subnav1 {
	font: 92%/100% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	padding-left: 18px;
	padding-right: 4px;
	font-weight: normal;
	margin: 0px;
	}
.subnavdots1 {
	width: 153px;
	height: 1px;
	background-image: url(../images/subnavdots1.gif);
	background-repeat: no-repeat;
	/*border-top: 1px dotted #666;*/
	padding: 4px 0 4px 0;
	margin-left: 18px;
	}
	

/*===================FOOTER NAV=====================*/

#footer ul, #footer li {
	font: 0.95em/250% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	}
#footer ul {
	margin: 0px;
	}
#footer ul li {
	color: #666;
	float: left;
	}
#footer ul li a {
	color: #666;
	text-decoration: none;
	display: block;
	font-weight: normal;
	}
#footer ul li a:hover {
	text-decoration: underline;
	}
	
#saferscotland {
	width: 145px;
	height: 52px;
	float: right;
	}

/*===================SKIP INTRO=====================*/
	
#skipintro {
	float: right;
	text-align: right;
	}
#skipintro ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#skipintro li {
	/*display: inline;*/
	}
#skipintro a {
	font: 80%/250% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFA521;
	}
#skipintro a:hover {
	text-decoration: underline;
	}

/*===================SEARCH=====================*/

.searchfield {
	width: 196px;
	height: 19px;
	border: 1px solid #42A3B1;
	margin: 0 2px 0 0;
	padding: 0 0 0 2px;
	font: 100%/100% Lucida, Lucida Grande, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: black;
	float: left;
	vertical-align: middle;
	}

/*===================INFOSCOTLAND STYLES=====================*/	

#infoscotland {
	font: 0.8em/150% Verdana, Arial, sans-serif;
	width: 754px;
	/*height: 30px;*/
	margin: 2px 0 0 0;
	}
#infoscotland #isleft {
	float:left; 
	display:block; 
	padding: 4px 5px 0 0;
	margin: 0px;
	height: 23px;
	}
#infoscotland #ismid {
	float: left; 
	display: block; 
	padding: 0 4px 0 4px; 
	border-left: 1px solid black;
	margin: 4px 0 0 0;
	}
#infoscotland #isright {
	float: right; 
	display: block; 
	padding: 2px 0 0 0;
	}
#infoscotland form {
	float:left; 
	vertical-align:middle; 
	margin:0px; 
	padding:0px; 
	font-size:99%;
	}
#infoscotland form input {
	vertical-align:middle; 
	font-family:verdana; 
	font-size:100%; 
	margin-right:3px!important; 
	background-color:#fff;
	}
#infoscotland form input.searchtext {
	width:100px; 
	font-weight:normal; 
	padding:2px; 
	border:1px inset #333; 
	margin-right:0!important;
	}
#infoscotland form select { 
	vertical-align:middle; 
	font-family:verdana; 
	font-size:100%; 
	background-color:#fff; 
	color:#000; 
	padding:0px;
	}
#infoscotland form input.btnsearch { 
	padding:1px; 
	background-color:#F2F2F2; 
	border-top:1px solid #e8e8e8; 
	border-right:1px solid #232323; 
	border-bottom:1px solid #181818; 
	border-left:1px solid #e5e5e5; 
	color:#333; 
	font-weight:bold;
	}

.FLVplayer {
	width: 370px;
	height: 400px;
	background-image: url(../images/flvplayer_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	}
	
.FLV {
	width: 350px;
	height: 280px;
	margin: 0 10px 10px 10px;
	padding: 0px;
	}