/* CSS Document */

body {
background-color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.4em;
min-height:550px;/* for good browsers*/
min-width:850px;/* for good browsers*/
 }

/* --------- centering css -----------*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
font-size: 0.em; }

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 550px;
} 

#inner {
width: 850px;
height: 550px;
text-align: center;
margin-left:auto;
margin-right:auto;
border: 1px #d3ba56 solid;
font-size: 0.7em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffffff; }

#inner a {
text-decoration: none;
color: #d3ba56; }

#inner a:hover {
text-decoration: underline; }


/* --------- background styling -----------*/

.portalScreen {
background-repeat: no-repeat;
background-image: url(../amity_imgs/welcomeBg.jpg); }

.fishCo {
background-repeat: no-repeat;
background-image: url(../amity_imgs/fishCoBg.jpg); }

.langoustine {
background-repeat: no-repeat;
background-image: url(../amity_imgs/langBg.jpg); 
}

/* --------- navigation styling -----------*/

#navigation {
background-color: #dab460;
float: right;
position: relative;
z-index: +500;
width: 850px; 
height: 20px;
margin-top: 120px; }

#nav, #nav ul {
	
height: 20px;
	list-style: none;
	line-height: 1;
	background: #dcb05a;
	font-weight: normal;
	padding: 0;
	border-width: 1px 0;
	margin: 0 0 1em 0;
float: right; }

#nav a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 4px 4px 4px 5px;
text-align: left; }

#nav a:hover {
color: #7a0000;
text-decoration: none;
background-color: #ddb95f; }

#nav .current {
color: #000000;
text-decoration: none;
background-color: #841000; }

#nav li {
	float: left;
border-right: 1px #7a0000 solid;
 }

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	w\idth: 100px;
	font-weight: normal;
	margin: 0;
 }

#nav li li {
	width: 100px;
}

#nav li ul a {
	width: 100px;
	w\idth: 100px;
 }

#nav li ul a:hover {
color: #ffffff;
text-decoration: none; }

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
}


/* --------- text converted to image links -----------*/

.boatLink a {
background-image: url(../amity_imgs/fishCoLogo.jpg);
background-repeat: no-repeat;
height: 389px;
width: 261px;
background-position: top left;
display: block;
border: 5px #d1be5b solid;
padding: 0em;
margin-top: 10px; }

.boatLink a:hover {
border: 5px #ffffff solid; }

.boatLink a span {
display: none; }

.langLink a {
background-image: url(../amity_imgs/langLogo.jpg);
background-repeat: no-repeat;
height: 389px;
width: 261px;
padding: 0;
background-position: top left;
display: block;
border: 5px #d1be5b solid;
margin-top: 10px; }

.langLink a:hover {
border: 5px #ffffff solid; }

.langLink a span {
display: none; }

/* --------- content -----------*/

#content {
float: left;
width: 850px;
height: 364px; 
color: #444444;
overflow: auto; }

#footer {
float: left;
width: 850px;
height: 45px; }

#footerText {
float: right;
height: 30px;
width: 830px;
margin-top: 18px;
color: #ffffff;
text-align: right;
padding-right: 20px; }

#footerText a {
font-weight: bold; }

/* --------- text styling -----------*/

h1 {
color: #dab460;
font-size: 1.3em;
font-weight: bold;
padding-left: 20px;
padding-top: 10px; }

h2 {
color: #ffffff;
font-size: 1.1em;
font-weight: bold;
padding-left: 20px;
 }

.headerWhite {
color: #ffffff;
font-size: 1.6em;
font-weight: bold;
padding-top: 10px;
text-align: left; }

.boldBody {
font-weight: bold; }

.bodyText {
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
font-weight: normal; }

.bodyText a {
text-decoration: none;
color: #d1be5b;
font-weight: bold; }

.bodyText a:hover {
text-decoration: underline; }

.bodyTextWhite {
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: normal;
padding-left: 20px;
padding-right: 20px;
text-align: left;
padding-top: 10px;
line-height: 1.6em; }

.textSpaceLeft {
width: 269px;
}

.textSpaceRight {
}

/* --------- background image styling -----------*/

.amity2 {
background-image: url(../fishco/fishCoImgs/amity2.jpg);
background-repeat: no-repeat; }