/* css for the title site 'coastcolour' */
/* mp */
body {
	background-image: url(../images/bg.png);
	margin: 0px;
	padding: 0px;
}

#menu-stripe-all {
	width: 100%;
	height: 24px;
	background-image: url(../images/bg-dark.png);
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	position:absolute; 
	top:16px; 
	left:0px; 
}

#menu-stripe-gradient-right {
	width: 66px;
	height: 24px;
	background-image: url(../images/bg-gradient.png);
	background-position: right;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	position:absolute; 
	top:15px; 
	right:0px; 
	z-index:2;
}

#coastcolour-logo {
	width: 202px;
	height: 92px;
	background-image: url(../images/coastcolour-logo-with-hg.png);
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	position:absolute; 
	top:0px; 
	left:57px; 
	z-index:20;
}

#container {	
	position:absolute;
	margin-top: 16px;
	margin-left:108px;
	width:750px;
	border-color:#AF853E; 
	border-width:1px; 
	border-style:solid;
	height:auto;
	/*height:730px;*/
}

#top-navigation {
	position:absolute;
	height: 23px;
	width:750px;
	background-color:#AF853E;
	border-right:#AF853E 1px solid;
	border-left:#AF853E 1px solid;
}

#top-navi-menu{
	margin-left: 157px;
	margin-top: 4px;
	font-family:Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:white;
}

#top-navi-menu a:link{
	color:#ffffff;
	text-decoration:none;
}
#top-navi-menu a:visited{
	color:#ffffff;
	text-decoration:none;
}
#top-navi-menu a:active{
	color:#ffffff;
	text-decoration:none;
}
#top-navi-menu a:hover{
	color:#ffffff; 
	text-decoration:underline;
}

/**/
#accessoire {
	position:absolute;
	height: 180px;
	width:100%;
	top:23px;
	background-color:#ffffff;
	border-right:#AF853E 1px solid;
	border-left:#AF853E 1px solid;
}
#esa-area {
	position:absolute;
	height: 180px;
	width:160px;
	background-color:#ffffff;
}
#esa-logo{
	position: absolute;
	top: 45px;
	left: 0px;
}
#image-area {
	position:absolute;
	height: 180px;
	width:590px;
	left: 160px;
	background-color:#ffffff;
	background-image: url(../images/banner_image-1.jpg);
}
#contents {
	position:absolute;
	height:auto;
	width:100%;
	top:203px;
	background-color:#ffffff;
	font-family:Verdana, Arial;
	font-size:11px;
	color:black;
	border-right:#AF853E 1px solid;
	border-left:#AF853E 1px solid;
}
#left-area {
	position:absolute;
	height:auto;
	width:160px;
	background-color:#ffffff;
}
#right-area {
	position:absolute;
	height:auto;
	width:590px;
	left: 175px;
	background-color:#ffffff;
	font-family:Verdana, Arial;
	font-size:11px;
	color:black;
}

#contents h2{
	font-size:12px;
	font-weight:bold;
	margin-left: 4px;
	margin-top: 6px;
}
#contents h3{
	font-size:11px;
	font-weight:bold;
	margin-left: 4px;
	margin-top: 6px;
}
#contents p{
	font-size:11px;
	margin-left: 4px;
	margin-right: 4px;
}


#contents-left {
	width:160px;
 	background-image: url(../images/bg-left-contents.png);
 	background-repeat: repeat-y;
 	margin-top:0px;
}
#contents-left a:link{
	color:#000000;
	text-decoration:none;
}
#contents-left a:visited{
	color:#000000;
	text-decoration:none;
}
#contents-left a:active{
	color:#ff0000;
	text-decoration:none;
}
#contents-left a:hover{
	color:#000000; 
	text-decoration:underline;
}

#contents-left h2{
	font-size:12px;
	font-weight:bold;
	margin-left: 7px;
	margin-top: 6px;
}

#contents-left p{
	font-size:11px;
	margin-left: 7px;
	margin-right: 7px;
}

#TextBlocks p{
	margin-top:0px;
}
#TextBlocks h3{
	margin-top:2px; 
	margin-bottom:0px;
}
#TextBlocks a:link{
	color:#000000;
	text-decoration:none;
}
#TextBlocks a:visited{
	color:#000000;
	text-decoration:none;
}
#TextBlocks a:active{
	color:#ff0000;
	text-decoration:none;
}
#TextBlocks a:hover{
	color:#000000; 
	text-decoration:underline;
}


#sites-list{
	font-family:Verdana, Arial;
	font-size:10px;
	color:black;
	width:320px;
}

#announcement {
	background-color:#CEAB6B;
	width:150px;
	height: auto;
	margin-left:5px;
	padding:3px;
	font-family:Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:white;
}

#announcement a:link{
	color:#ffffff;
	text-decoration:none;
}
#announcement a:visited{
	color:#ffffff;
	text-decoration:none;
}
#announcement a:active{
	color:#ffffff;
	text-decoration:none;
}
#announcement a:hover{
	color:#ffffff; 
	text-decoration:underline;
}



#footer {
	float:left;
	width: 750px;
	height: 16px;
	background-color:#AF853E;
	text-align: center;
	font-family: verdana;
	font-size: 9px;
	color:white;
}
#footer a:link{
	color:#ffffff;
	text-decoration:none;
}
#footer a:visited{
	color:#ffffff;
	text-decoration:none;
}
#footer a:active{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	color:#ffffff; 
	text-decoration:underline;
}