/************************************** BEGIN: General layout *******************************************/

/* Body */
body
{
	background-image: url(   'images/grid-pattern_full.gif' );
	background-repeat: repeat;
}
/* Heading 1 */
h1
{
	color: #ffffff;
	font-family: 'Futura Heavy', Arial, Tahoma;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 3px;
}
/* Heading 2 */
h2
{
	color: #ffffff;
	font-family: 'Futura Heavy', Arial, Tahoma;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.5px;
}
/* Paragraphs */
p
{
	color: #ffffff;
	font-family: 'Futura Heavy', Arial, Tahoma;
	font-size: 12px;
	letter-spacing: 2px;
}
/* Hyperlinks */
a
{
	color: #636363;
	font-family: 'Futura Heavy', Arial, Tahoma;
	letter-spacing: 2px;
	text-decoration: underline;
}
a:hover
{
	color: #5464a0;
	text-decoration: none;
}

/* Menu Hyperlinks */
.menuButton a
{
	color: #ffffff;
	font-family: 'Futura Heavy', Arial, Tahoma;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
.menuButton a:hover
{
	color: Teal;
	letter-spacing: 1px;
}
/* Bottom Menu Hyperlinks */
.bottomMenu a
{
	color: #636363;
	font-family: 'Futura Heavy', Arial, Tahoma;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 3px;
	text-decoration: none;
}
.bottomMenu a:hover
{
	color: #5464a0;
	text-decoration: underline;
}
.footer p
{
	color: #636363;
}

/************************************** END: General layout *******************************************/

/************************************** BEGIN: Divs ***************************************************/

/* Page */
.site
{
	width: 100%;
	position: absolute;
	top: 0px;
}

/* Site Page */
.page
{
	width: 762px;
	vertical-align: top;
	position: relative;
}
/* Header */
.header
{
	width: 100%;
	height: 175px;
	vertical-align: top;
	position: relative;
}
/* Body */
.body
{
	width: 100%;
	height: 424px;
	vertical-align: top;
	background-image: url(   'images/main_body_bg.jpg' );
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
/* Menu */
.menu
{
	width: 172px;
	height: 242px;
	vertical-align: top;
	background-image: url(   'images/buttons-full.gif' );
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
	left: 45px;
	overflow: hidden;
}

/* Photo */
.photoContainer
{
	width: 225px;
	height: 78px;
	vertical-align: top;
	position: absolute;
	top: 300px;
	left: 20px;
	overflow: visible;
}
/* ContentContainer */
.contentContainer
{
	width: 455px;
	height: 374px;
	vertical-align: top;
	background-image: url(   'images/inset-bkgd.gif' );
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
	left: 262px;
	overflow: hidden;
}
/* Content */
.content
{
	width: 435px;
	height: 354px;
	vertical-align: top;
	position: absolute;
	top: 10px;
	left: 10px;
	overflow: auto;
	text-align: left;
}
/* Footer */
.footer
{
	width: 100%;
	height: 106px;
	vertical-align: top;
	background-image: url( 'images/footer.jpg' );
	background-repeat: no-repeat;
	position: relative;
}
/* Menu Button */
.menuButton
{
	width: 167px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	padding-top: 5px;
}


/************************************** END: Divs ***************************************************/

/************************************** BEGIN: Tables ***************************************************/

/* Main Body */
.mainBody
{
	width: 100%;
	vertical-align: top;
}

/************************************** END: Tables ***************************************************/

/************************************** BEGIN: Classes ***************************************************/

/* Menu Bar 1 */
.menuBar1
{
	background-position: center;
	background-image: url(  'images/blue_tab.png' );
	background-repeat: no-repeat;
	width: 33%;
	height: 49px;
}
/* Menu Bar 2 */
.menuBar2
{
	background-position: center;
	background-image: url( 'images/green_tab.png' );
	background-repeat: no-repeat;
	width: 34%;
	height: 49px;
}
/* Menu Bar 3 */
.menuBar3
{
	background-position: center;
	background-image: url( 'images/pink_tab.png' );
	background-repeat: no-repeat;
	width: 33%;
	height: 49px;
}

/* Flash Buttons */
.flashButton1
{
	background-position: center;
	text-align: center;
	vertical-align: middle;
	background-image: url(  'images/newpics_button_plain.png' );
	background-repeat: no-repeat;
	height: 419px;
	width: 33%;
	padding-top: 10px;
}
.flashButton2
{
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	background-image: url( 'images/misc_button_plain.png' );
	background-repeat: no-repeat;
	height: 419px;
	width: 33%;
	padding-top: 10px;
}
.flashButton3
{
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	background-image: url( 'images/sdharbor_button_plain.png' );
	background-repeat: no-repeat;
	height: 419px;
	width: 33%;
	padding-top: 10px;
}

/* Bottom Menu */
.bottomMenu
{
	background-image: url( 'images/circle-button.gif' );
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 25px;
	padding-right: 15px;
}

/* Content Body */
.contentBody
{
	width: 100%;
	vertical-align: top;
	height: 407px;
	overflow: auto;
}
/* Text Box */
.textBox
{
	color: #000000;
	font-family: 'Futura Heavy', Arial, Tahoma;
	font-size: 12px;
	border: solid 1px #000000;
}
/* Drop Down */
.dropDown
{
	color: #000000;
	font-family: 'Futura Heavy', Arial, Tahoma;
	font-size: 12px;
	border: solid 1px #000000;
}
/* Button */
.button
{
	color: #ffffff;
	background-color: #000000;
	font-family: 'Futura Heavy', Arial, Tahoma;
	font-size: 12px;
	border: solid 1px #ffffff;
}
/* Error Label */
.errorLabel
{
	color: #FF3E96;
}

/* Link Buttons */
.linkButton
{
	color: #00CD00;
}

/* Title Label */
.titleLabel
{
	font-weight: bold;
}

/* Grid */
.grid
{
	text-align: left;
	border: none;
}
.grid image
{
	width: 250px;
}
.grid a
{
	text-decoration: underline;	
}
.grid a:hover
{
	color: #D9B968;
	text-decoration: none;
}
/************************************** END: Classes ***************************************************/