/* COLORS
grey		#e6e3db
lt blue		#a3adb6
green		#4d5920
brown		#595334
beige		#a69576
bright blue	#00259e
   
*/


/* SLIDESHOW */
#slideshowContainer
{
	height:230px;
	clear:both;
	padding-bottom:15px;
}

#slideshow
{
	width: 780px;
	height: 230px;
}

/* BODY */
body	{
  font-family:Arial, Helvetica, sans-serif;
  margin: 0px;
  background-color:#a3adb6;
  overflow-y: scroll;
}

h4	{
	margin: 5px 0px 0px 5px;
	font-size:medium;
}

.header	{
	background-color:#e6e3db;
	height: 75px;
	padding-top:10px;
}

.LgHeader	{
	background-color:#dfd8c6;
	height:110px;
}

#capeImage	{
	margin-top:-51px;
}

.stroke	{
	border:15px solid #e6e3db;
	margin-top:-10px;
}

#LgcapeImage	{
	margin-top:-97px;
	padding-bottom:20px;
}

.pgContainer	{
	width: 833px;
	margin:auto;
	text-align:left;
	clear:both;
}

.pgBody	{
	width: 800px;
	margin:auto;
	text-align:left;
	clear:both;
}

.logo	{
	float:left;
	width:285px;
	height:90px;
	margin-top:5px;
}

.navigation	{
	float:right;
	font-size:medium;
	padding-right:35px;
	margin-top:65px;
	
}

.navigation 	a:link		{color:#00259e; text-decoration:none; border-bottom:none;}
.navigation 	a:visited	{color:#00259e; text-decoration:none; border-bottom:none;}
.navigation 	a:hover		{color:#595334; text-decoration:underline;}
.navigation		a:active	{color:#00259e; text-decoration:none;}

.floatLeft	{
	float:left;
	width: 525px;
	font-size:small;
}

.floatRight	{
	float: right;
	width: 275px;
	font-size:small;
}

.LgfloatLeft	{
	float:left;
	width: 350px;
	font-size:small;
}

.LgfloatRight	{
	float: right;
	width: 450px;
	font-size:small;
}

.list	{
	list-style-image:url(../images/arrow-bullet.gif);
}

.list 	a:link		{color:#00259e; text-decoration:none; border-bottom:none;}
.list 	a:visited	{color:#00259e; text-decoration:none; border-bottom:none;}
.list 	a:hover		{color:#ffffff; text-decoration:underline;}
.list	a:active	{color:#00259e; text-decoration:none;}

#linkLarge	{
	font-size:1.2em;
}

#linkLarge 	a:link		{color:#00259e; text-decoration:none; border-bottom:none;}
#linkLarge 	a:visited	{color:#00259e; text-decoration:none; border-bottom:none;}
#linkLarge 	a:hover		{color:#595334; text-decoration:underline;}
#linkLarge	a:active	{color:#00259e; text-decoration:none;}

table	{
	font-size:x-small;
}

tr td	{
	vertical-align:top;
	padding-top: 10px;
}

#exec 	a:link		{color:#00259e; text-decoration:none; border-bottom:none;}
#exec 	a:visited	{color:#00259e; text-decoration:none; border-bottom:none;}
#exec 	a:hover		{color:#ffffff; text-decoration:underline;}
#exec	a:active	{color:#00259e; text-decoration:none;}
/* Vacancies */

.capeVacanciesStats
{

	background:#9bb0d0;
	border: 1px solid #3b5f91;
	margin:20px;
	padding:10px;
	font-weight:bold;
}

.capeVacanciesStats a
{
	text-decoration:none;
	color:#00259e;
}

.capeVacanciesStats a:hover
{
	text-decoration:underline;
	color:#ffffff;
}

/* Lower syndicated content container */

.syndicatedContentContainer
{
	/* do nothing */
}

/* Weather */

.capeWeatherData
{

	background:#9bb0d0;
	border: 1px solid #3b5f91;
	margin:20px;
	padding:10px;
	font-size:small;
}

.temperature
{
	font-size: 22px;
	line-height: 150%;
}

.capeWeatherData h3
{
	text-align:center;
	margin-top:0px;
	color:#00259e;
}

.capeWeatherData h3 a
{
	text-decoration:none;
	color:#00259e;
}

.capeWeatherData h3 a:hover
{
	text-decoration:underline;
	color:#ffffff;	
}



/* Events */

.capeEventsData
{

	width:225px;
	background:#9bb0d0;
	border: 1px solid #3b5f91;
	margin:10px;
	padding:10px;
	font-size:small;
}

.capeEventsData h3
{
	text-align:center;
	margin-top:0px;
	color:#00259e;
}


.capeEventsData a
{
	text-decoration:none;
	color:#00259e;
	line-height:20px;
}

.capeEventsData a:hover
{
	text-decoration:underline;
	color:#ffffff;	
}

/* Tides */

.capeTidesData
{
	width:225px;
	background:#9bb0d0;
	border: 1px solid #3b5f91;
	margin:10px;
	padding:10px;
	font-size:small;
}

.capeTidesData h3
{
	text-align:center;
	margin-top:0px;
	color:#00259e;	
}


.capeTidesData h3 a
{
	text-decoration:none;
	color:#00259e;
}

.capeTidesData h3 a:hover
{
	text-decoration:underline;
	color:#ffffff;	
}

/* FOOTER */

.links	{
	clear:both;
	border-top: 1px solid #595334;
	border-bottom: 1px solid #595334;
	font-size:medium;
	padding-bottom: 10px;
	width:800px;
}

.capeLinks	{
	font-size:small;
	text-align:left;
}

.links 	a:link		{color:#00259e; text-decoration:none; border-bottom:none;}
.links 	a:visited	{color:#00259e; text-decoration:none; border-bottom:none;}
.links	a:hover		{color:#ffffff; text-decoration:underline;}
.links	a:active	{color:#00259e; text-decoration:none;}

#title	{
	font-weight:bold;
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer	{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:x-small;
}

.footer 	a:link		{color:#00259e; text-decoration:none; border-bottom:none;}
.footer 	a:visited	{color:#00259e; text-decoration:none; border-bottom:none;}
.footer		a:hover		{color:#ffffff; text-decoration:underline;}
.footer		a:active	{color:#00259e; text-decoration:none;}
