/*seagreen style sheet */
/*140408 www.nickodalton.net nicko@daltons.net

background for text (styled in wrapper): #FFF
background for website: #389e92
text colour grey: #8f8f91
test line
border: solid 1px red;*/


/*universal selector */

* {padding:0px;
margin:0px;

}


/*common selectors */

body {
	text-align: center;
	background-image: url(../images/bgd.gif);
	background-repeat: repeat-x;
	background-color: #308a7f;
	}

h1 {
	background:url(../images/seagreen_logo.png) no-repeat;
	width:250px;
	height:54px;
	float:right;
	display:inline;
	margin:0px 0 10px 0px;
	text-indent: -9000px;
	border:solid 0px red;
}



h2 {
	font-family: Myriad, Helvetica, Arial;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform:uppercase;
	line-height: 16px;
	padding: 0 0 5px 0;
	color: #389e92;
	font-weight: normal;
}



h3 {
	font-family: Myriad, Helvetica, Arial;
	font-size: 13px;
	font-weight:normal;
	text-transform: uppercase;
	color: #389e92;
	line-height: 14px;
	letter-spacing: 0em;
	padding-bottom: 5px;
	letter-spacing: 0.1em;
	}

h4 {
	background:url(../images/carbon.gif) no-repeat;
	width:235px;
	height:36px;
	margin:0px 0 0 40px;
	padding-bottom:15px;
	text-indent: -9000px;
}

h5 {font-size: 11px;
	font-weight:bold;
	color: #389e92;	
	font-family: Myriad, Helvetica, Arial;
}

/*news title*/
h6 {font-size: 11px;
	font-weight:bold;
	color: #555;	
	font-family: Myriad, Helvetica, Arial;
	margin: 0 0 5px 0;
}

h6 a:link {color: #555;}

p {
	font-family: Myriad, Helvetica, Arial;
	font-size: 11px;
	line-height: 15px;
	color:#8f8f91;
	padding: 0px 5px 10px 0px;
	/*letter-spacing: 0.05em;  doesn't look good IE*/
}

.p1 {
	font-size: 12px;
	line-height: 17px;
	/*letter-spacing: 0.05em;  doesn't look good IE*/
}

.p1e {
	font-size: 12px;
	line-height: 20px;
	padding: 0 10px 0px 0px;
	/*letter-spacing: 0.05em;  doesn't look good IE*/
}

ul{
	font-family: Myriad, Helvetica, Arial;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	padding-left:13px;
	padding-bottom: 8px;
	/*letter-spacing: 0.05em; doeasn't look good in IE*/
}

li { 
	font-family: Myriad, Helvetica, Arial;
	font-size: 11px;
	line-height: 15px;
	color:#8f8f91;
	padding: 0 10px 10px 0px;
}



hr {
	color: #fff; background-color: #fff; border: 1px dotted #8f8f91; border-style: none none dotted;
}


strong {
	color: #389e92;
}

h5+p strong {color: #555;}

a:link {
	text-decoration: none;
		color: #389e92;
}


a:visited {
	text-decoration: none;
	color: #389e92;
	
}

a:hover {
	text-decoration: underline;

}
p a:hover {
	font-weight: bold;
}
a:active {
	text-decoration: none;
}

a img {
border: none;
}




/*layout */



.header {
	float: left;
	margin: -40px 0 0px -25px;
	color:#fff;
	letter-spacing: 0.1em;
}



/*end header items */


#wrapper {
	width: 850px;
	margin: 20px auto auto auto;
	text-align: left;
	padding-bottom: 20px;
}

#seagreen {
		margin: 0 0 0px -30px;
}



/*menu see tabs.css */




	/* 2 col*/

#main_content_large{
	width: 635px;
	float: left;
	margin:20px 0 0 10px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border: solid 1px blue;*/
	border-right: none;
}

#main_content_lib{
	width: 575px;
	float: left;
	margin:20px 0 0 10px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border: solid 1px blue;*/
	border-right: none;
}

#main_content{
	width: 425px;
	float: left;
	margin:20px 0 0 10px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border: solid 1px blue;*/
	border-right: dotted 1px #8f8f91;
}

#main_content_noline{
	width: 445px;
	float: left;
	margin:20px 0 0 0px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border: solid 1px blue;*/
	border-right: dotted 0px #8f8f91;
}
#main_content_equal{
	width: 335px;
	float: left;
	margin:20px 0 0 10px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border: solid 1px blue;*/
	border-right: dotted 1px #8f8f91;
}

#left_content{
	width: 95px;
	float: left;
	margin:20px 0 0 0;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	border-right: dotted 1px #8f8f91;
}

#left_content_lib{
	width: 150px;
	float: left;
	margin:20px 0 0 0;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border-right: dotted 1px #8f8f91;*/
}

/* 3 col with left content above*/

#right_content{
	width: 255px;
	float: left;
	margin:20px 0 0 10px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border: solid 1px red; */
}

#right_content_equal{
	width: 340px;
	float: left;
	margin:20px 0 0 10px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border: solid 1px red;*/
}

#full_width{
	width: 785px;
	float: left;
	margin:20px 0 0 10px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	/*border: solid 1px red;*/
}

#left_box{
	width: 255px;
	float: left;
	margin:0 10px 0 33px;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
}
#middle_box{
	width: 255px;
	float: left;
	margin:0px 10px 0 0;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
}

#right_box{
	width: 265px;
	float: left;
	position:relative;/*IE fix */
	display:inline;/*IE fix */
	z-index:200;
}


#footer{
	clear:both;
	border-top-width: 0px;
	border-top-style: solid;
	padding-top:10px;
	margin-top:20px;
}

.footertxt{
	font-size:10px;
	padding:  5px 0 0 20px;
	float:left;
}

.dot{
	z-index:600;
	float:left;
	position:absolute;
	padding: 223px 0 0 140px;
	border: solid blue 0px;
	}

#map{
	position:relative;
	width: 335px; 
	height: 400px;
	margin: 0 0 10px 0;
	border: solid 1px #389e92;
	z-index:0;
} 

#fabric{
	float:left;
	position:relative;
	z-index:0;
	Margin: 0 0 10px 0;
} 


		
.clear {
	clear: both;
}

.clear_left {
	clear:left;
}

img.right {
	margin: 0px 10px 0 5px;
}

img.left {margin: 0 15px 0 0;}

img.nudge_up {margin:-50px 15px 0 0 ; float:left;}

.right {float:right;}

.left {float:left;}

img.spanner {float:right; margin:-5px 5px 0 3px;}


/*end layout */
.left_links {
	background: url(../images/book-icon.gif) no-repeat left center ;
	padding: 0px 0 0 15px;
	margin-bottom:10px;
	}
	
.switch {
	background: url(../images/switch_icon.gif) no-repeat left center ;
	padding: 10px 25px 10px 0px;
	margin-bottom:5px;
	margin-top:5px;
	}


/*external link finder (not own site links) and icon  ****disabled causing issues with pop up images*** */

/*a[href^="http:"]  {
	background: url(../images/external_link.gif) no-repeat right top;
	padding-right: 10px;
}

a[href^="https:"]  {
	background: url(../images/external_link.gif) no-repeat right top;
	padding-right: 10px;
}

a[href^="http://www.seagreen.com"] {
	background-image: none;
	padding-right: 0px;
}*/
/*mail link finder and icon*/

a[href^="mailto:"]  {
	background: url(../images/mail_link.gif) no-repeat right top;
	padding-right: 11px;
}

/*end mail link finder and icon*/



