/* Tempest Productions */

/* ZERO MARGINS/PADDINGS*/
* {margin: 0; padding: 0;}

body {
	font: 65%/1.6 "Arial", "Lucida Grande", "Lucida Sans","Verdana", "Lucida Sans Unicode", sans-serif;
	text-align: center;
	padding-top:5px;
	background-color: #ffffff;}

/*WRAPPER*/
#wrapper {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	border:0px solid #000000;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;}

/*HEADER*/
#header {
	margin: 0px;
	padding: 0px;
	height:270px;
	position:relative;
	width: 981px;
	border-bottom: 0px solid #ffffff;
	background-image: url(img/tempest_header.jpg);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	border-bottom-width: 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;}

/*LOGO*/
#logo {
	margin: 0px;
	padding: 0px;
	height:277px;
	position:absolute;
	width: 230px;
	float:left;
	border-bottom: 0px solid #ffffff;
	padding-top: 0px;
	padding-left: 30px;
	left: 43px;}

#logo h1{text-indent: -9999px; width:0px; height:0px;}

#logo img{	border:0px;}
	
/*END OF HEADER INFO*/
	
/*MAIN BODY*/		
#mainbody{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(img/tempest_bodybg.jpg);
	background-repeat: repeat;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 3px;}
	
/*MAIN BODY 1*/		
#mainbody1{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(img/tempest_bodybg1.jpg);
	background-repeat: repeat;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 3px;}
	
/*MAIN BODY 2*/		
#mainbody2{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(img/tempest_bodybg2.jpg);
	background-repeat: repeat;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 3px;}	
	
/*MAIN BODY ADMIN*/		
#mainbodyadmin{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 3px; background-color:#cccccc;}

/*FRONT PAGE PIC*/
#frontpic{
	position:absolute;
	width:125px;
	height:392px;
	left: 397px;
	top: 4px;
	z-index: 10;}

#frontpic1{
	position:relative;
	width:250px;
	height:135px;}
	
#frontpic2{
	position:relative;
	width:194px;
	height:394px;}	
		
/*MAIN CONTENT*/	
#maincontent{
	width: 490px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 40px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;}
			
#mainContent a:link,  a:visited {
	color: #666666;
	text-decoration: underline;} 

#mainContent a:hover,  a:active {
	color: #999999;
	text-decoration: underline;}
	
#mainContent ul{
	padding-left: 20px;}


/*MAIN CONTENT ADMIN*/	
#maincontentadmin{
	width: 860px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 40px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;
}
			
#maincontentadmin a:link,  a:visited {
	color: #666666;
	text-decoration: underline;} 

#maincontentadmin a:hover,  a:active {
	color: #999999;
	text-decoration: underline;}
	
#maincontentadmin ul{
	padding-left: 20px;}


	
	
#maincontent1{
	width: 495px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 20px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;
}
			
#mainContent1 a:link,  a:visited {
	color: #666666;
	text-decoration: underline;} 

#mainContent1 a:hover,  a:active {
	color: #999999;
	text-decoration: underline;}
	
#mainContent1 ul{
	padding-left: 20px;}
	
#maincontent2{
	width: 685px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 20px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;
}	
	

/*TEXTINNER */
#textinner {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 340px;
	position: relative;
	margin-top: 10px;}

#textinner p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}
	
#textinner h1{
	font-size: 2em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #000000;
	text-align: left;}	
	
#textinner ul{
	color:#666666;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 20px;
	list-style-position: outside;}
		
#textinner a:link,  #textinner a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinner a:hover,  #textinner a:active {
	color: #666666;
	text-decoration: underline;}
	
	/*TEXTINNER */
#textinneradmin {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 800px;
	position: relative;
	margin-top: 10px;}

#textinneradmin p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}
	
#textinneradmin h1{
	font-size: 2em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #000000;
	text-align: left;}	
	
#textinneradmin ul{
	color:#666666;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 20px;
	list-style-position: outside;}
		
#textinneradmin a:link,  #textinneradmin a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinneradmin a:hover,  #textinneradmin a:active {
	color: #666666;
	text-decoration: underline;}

	
	
	
	
#textinner1 {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 480px;
	position: relative;
	margin-top: 10px;
}

#textinner1 p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}
	
#textinner1 h1{
	font-size: 2em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #000000;
	text-align: left;}	
	
#textinner1 ul{
	color:#666666;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 30px;
	list-style-position: outside;
	padding-top: 10px;
	padding-bottom: 20px;
}
		
#textinner1 a:link,  #textinner1 a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinner1 a:hover,  #textinner1 a:active {
	color: #666666;
	text-decoration: underline;}
	
#textinner2 {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 670px;
	position: relative;
	margin-top: 10px;
}
	
#textinner2 p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}	

/*TEXTINNER INTERNAL*/
#textinner_internal {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 15px;
	color: #666666;
	top: 0px;
	z-index: 0;
	position: relative;}	

/*TEXTINNER 21*/
#textinner21 {
	margin-left: 10px;
	text-align: justify;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 140px;}

/*TEXTINNER 2a INNER*/
#textinner2a_inner {
	text-align: left;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size:1.2em;
	padding-left: 10px;}
	
/*TEXTINNER 2a INNER 1*/
#textinner2a_inner1{
	text-align: left;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size:1.2em;
	padding-left: 10px;}
	
		
/*SECONDARY CONTENT*/
#secondaryContent {
	padding-bottom: 0px;
	height: auto;
	width: 222px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	position:relative;
	color: #FFFFFF;
}

#secondaryContent a:link, #secondaryContent a:visited {
	color: #cccccc;
	text-decoration: underline;} 

#secondaryContent a:hover, #secondaryContent a:active {
	color: #ffffff;
	text-decoration: underline;}
	
#secondaryContent h2{
	font-size:1.3ems;
	color:#ED3529;
	padding-left:10px;
	font-weight:bold;
}
#secondaryContent h3{
	font-size:1.2ems;
	color:#666666;
	padding-left:10px;
	font-weight:bold;
	padding-top: 10px;
	text-align: left;}	
	
	
#secondaryContent p {font-size: 1.2em;color: #CCCCCC;}


#secondaryContent1 {
	padding-bottom: 0px;
	height: auto;
	width: 250px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 10px;
	position:relative;
	color: #EF3125;
}

#secondaryContent1 a:link, #secondaryContent1 a:visited {
	color: #cccccc;
	text-decoration: underline;} 

#secondaryContent1 a:hover, #secondaryContent1 a:active {
	color: #ffffff;
	text-decoration: underline;}
	
#secondaryContent1 h2{
	font-size:1.3ems;
	color:#ED3529;
	padding-left:35px;
	font-weight:bold;
}

#secondaryContent1 h3{
	font-size:1.2ems;
	color:#666666;
	padding-left:10px;
	font-weight:bold;
	padding-top: 10px;
	text-align: left;}	

	
#secondaryContent1 p {font-size: 1.2em;color: #CCCCCC;}

/*THIRD CONTENT*/
#thirdContent {
	padding-bottom: 0px;
	height: auto;
	background-repeat: repeat;
	width: 194px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: right;
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
	color: #efefef;
	text-align:left;
	padding-top: 0px;
	margin-right: 0px;
}
		
#thirdContent a:link, #thirdContent a:visited {
	color: #eaeaea;
	text-decoration: underline;} 

#thirdContent a:hover, #thirdContent a:active {
	color: #cccccc;
	text-decoration: underline;}
	
#thirdContent p {font-size: 1.1em;}

/*THIRD CONTENT 1*/
#thirdContent1 {
	padding-bottom: 0px;
	height: auto;
	background-repeat: repeat;
	width: 194px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: right;
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
	color: #efefef;
	text-align:left;
	padding-top: 0px;
	margin-right: 0px;
}
		
#thirdContent1 a:link, #thirdContent1 a:visited {
	color: #eaeaea;
	text-decoration: underline;} 

#thirdContent1 a:hover, #thirdContent1 a:active {
	color: #cccccc;
	text-decoration: underline;}
	
#thirdContent1 p {font-size: 1.1em;}



/*START OF FOOTER*/
#footer {
	color:#FFFFFF;
	padding: 0px 0px;
	width:981px;
	clear: both;
	height: 86px;
	position: relative;
	float: left;
	background-color: #231F20;
	border-bottom-color: #064288;
	border-top: 5px solid #ffffff;
	border-top-color: #FFFFFF;
	border-bottom: 0px solid #064288;
	background-image: url(img/tempest_footer.jpg);
} 

#footer a:link,  #footer a:visited {
	color: #ffffff;
	text-decoration: underline;} 

#footer a:hover,  #footer a:active {
	color: #cccccc;
	text-decoration: none;}

#footertext{
	float:right;
	padding-top:15px;
	width: 380px;
	padding-right: 180px;
	font-weight:lighter;
	font-size: 1.1em;
}


#footerbold{
	color:#F37454;
	width: 374px;
	position: absolute;
	margin-left: 30px;
	margin-top: 15px;
}

#footerbold h1{
	font-size:3em;
	font-family: Arial, Helvetica, sans-serif;
}

/*MISC. STYLES & INFO.*/

.bold{font-weight:bold;}

li{
	font-size: 1.2em;
	color: #000000;
	padding-left: 0px;}

.button1{ background-color:#231F20; color:#C4CA9C;}
	
#jollie{
	padding-left:10px;
	padding-right: 20px;
	padding-top:5px;
	height: auto;
	width: 951px;
	float: left;
	color: #333333;
	text-align: center;
}

#jollie p{color: #231F20;}

#jollie a:link,  a:visited {
	color: #333333;
	text-decoration: underline;} 

#jollie a:hover,  a:active {
	color: #999999;
	text-decoration: underline;}

#scotlandmap{
	position: relative;
	width: 197px;
	height:213px;
	right: 0px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	float: left;
	background-color: #FFFFFF;
	padding-left: 2px;}
	
#scotlandmap1{
	position: relative;
	width: 197px;
	height:213px;
	right: 0px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	float: left;
	background-color: #FFFFFF;
	padding-left: 5px;}	

.style8{color:#666666;}

.style2{ font-size:1.1ems;}

.ppad{padding-left:10px;padding-top:10px;}

.style11 {color: #ED3529; font-weight: bold; }