/* BEGIN: General layout */

/* Body */
body
{
	background: #060606;
	background-image: url( 'images/bg (060606).jpg' );
	background-repeat: repeat-x;
}
/* Heading 1 */
h1
{
	color: #5ec90f ;
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
}
/* Heading 2 */
h2
{
	color: #5ec90f ;
	font-family: Tahoma, Verdana, Ariall;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
}
/* Heading 3 */
h3
{
	color: #5ec90f ;
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 3px;
}
/* Paragraphs */
p, ul, li
{
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
}
/* Hyperlinks */
a
{
	color: #5ec90f;
	font-family: Tahoma, Verdana, Arial;
	text-decoration: underline;
}
a:hover
{
	color: #FFFF00;
	text-decoration: underline;
}
.themeHyperlink
{
	color: #5ec90f;
	font-family: Tahoma, Verdana, Arial;
	text-decoration: underline;
}
.themeHyperlink:hover
{
	color: #FFFF00;
	text-decoration: none;
}

.menu a
{
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
	font-size: 18px;
}
.menu a:hover
{
	color: #5ec90f;
	text-decoration: underline;
}
.footer a, .footer p
{
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
	font-size: 10px;
}
.footer a:hover
{
	color: #5ec90f;
	text-decoration: underline;
}
/* Random Messages */
.randomMessage
{
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	font-style: italic;
}
/* END: General layout */

/* BEGIN: Divs */

/* Site */
.site
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
}
/* Modal Site */
.modalSite
{
	width: 400px;
	height: 400px;
	position: absolute;
	left: 0px;
}
/* Page */
.page
{
	width: 894px;
	height: 1183px;
	position: relative;
	top: 0px;
}
/* Definitions */
.definitions
{
	width: 400px;
	height: 400px;
	position: relative;
	top: 0px;
	padding: 20px 20px 20px 20px;
}

/* Top Bar */
.topBar
{
	width: 800px;
	height: 75px;
	position: relative;
}
/* Navigation Container */
.navContainer
{
	width: 100%;
	height: 62px;
	position: absolute;
	top: 75px;
	left: 0px;
}
/* Navigation Bar */
.navBar
{
	width: 100%;
	height: 62px;
	position: relative;
	top: 0px;
	background-image: url( 'images/nav.jpg' );
	background-repeat: repeat-x;
}
/* Promotion Container */
.promoContainer
{
	width: 100%;
	height: 170px;
	position: absolute;
	top: 0px;
	left: 0px;
}
/* Promotion Bar */
.promoBar
{
	width: 800px;
	height: 200px;
	position: relative;
	top: 0px;
}
.promo1
{
	position: absolute;
	top: 0px;
	left: 45px;
	width: 248px;
	height: 170px;
	overflow: hidden;
}
.promo2
{
	position: absolute;
	top: 0px;
	left: 323px;
	width: 248px;
	height: 170px;
	overflow: hidden;
}
.promo3
{
	position: absolute;
	top: 0px;
	left: 601px;
	width: 248px;
	height: 170px;
	overflow: hidden;
}
.promoHeader
{
	width: 228px;
	height: 87px;
	position: absolute;
	top: 0px;
	left: 0px;
}
/* Promo Body */
.promoBody
{
	width: 228px;
	height: 83px;
	position: absolute;
	top: 75px;
	left: 0px;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
	text-align: left;
}

/* Home Body Container */
.homeBodyContainer
{
	width: 570px;
	height: 375px;
	position: absolute;
	top: 195px;
	left: 45px;
	overflow: hidden;
}
/* Page Body Container */
.pageBodyContainer
{
	width: 560px;
	height: 575px;
	position: absolute;
	top: 10px;
	left: 45px;
	overflow: hidden;
}
/* Statement Container */
.statementContainer
{
	width: 209px;
	height: 120px;
	position: absolute;
	top: 195px;
	left: 640px;
	background-image: url( '/images/statement_box.png' );
	background-repeat: no-repeat;
	overflow: hidden;
}
/* Statement Header */
.statementHeader
{
	width: 133px;
	height: 47px;
	position: absolute;
	top: 5px;
	left: 5px;
}
/* Statement Body */
.statementBody
{
	width: 200px;
	height: 70px;
	position: absolute;
	top: 47px;
	left: 0px;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
	text-align: left;
}
/* Services Container */
.servicesContainer
{
	background-position: center top;
	width: 209px;
	height: 240px;
	position: absolute;
	top: 330px;
	left: 640px;
	background-image: url( 'images/services_box.png' );
	background-repeat: no-repeat;
}
/* Services Header */
.servicesHeader
{
	width: 133px;
	height: 47px;
	position: absolute;
	top: 5px;
	left: 5px;
}
/* Services Body */
.servicesBody
{
	width: 228px;
	height: 190px;
	position: absolute;
	top: 47px;
	left: 0px;
	padding: 5px 5px 5px 5px;
	overflow: hidden;
	text-align: left;
}
/* Tag Container */
.tagContainer
{
	width: 100%;
	height: 45px;
	position: absolute;
	top: 337px;
	left: 0px;
}
/* Tag Line */
.tag
{
	width: 800px;
	height: 45px;
	position: relative;
	top: 0px;
	background-image: url( 'images/tagline.gif' );
	background-repeat: repeat-x;
	padding-top: 15px;
}
/* Bod Container */
.bodyContainer
{
	width: 894px;
	height: 615px;
	position: absolute;
	top: 498px;
	left: 0px;
}
/* Body */
.body
{
	width: 100%;
	height: 615px;
	position: relative;
	top: 468px;
	background-image: url( '/images/body.jpg' );
	background-repeat: no-repeat;
}
/* Left Content */
.leftContent
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 5px 5px 5px 5px;
	width: 390px;
	height: 290px;
	text-align: left;
	overflow: auto;
}
/* Right Content */
.rightContent
{
	position: absolute;
	top: 0px;
	left: 400px;
	margin: 5px 5px 5px 5px;
	width: 390px;
	height: 290px;
	text-align: left;
	overflow: auto;
}
/* Full Content */
.fullContent
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 5px 5px 5px 5px;
	width: 790px;
	height: 290px;
	text-align: left;
	overflow: auto;
}
/* Page Images */
.pageImage
{
	width: 150px;
	margin-right: 3px;
	margin-bottom: 3px;
}
/* Footer Container */
.footerContainer
{
	width: 100%;
	height: 50px;
	position: absolute;
	top: 1075px;
	left: 0px;
}
/* Footer */
.footer
{
	width: 894px;
	height: 50px;
	position: absolute;
	top: 0px;
}
/* Header */
.header
{
	width: 894px;
	height: 468px;
	vertical-align: top;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url( 'images/header_temp.jpg' );
	background-repeat: no-repeat;
}
/* Logo */
.logo
{
	position: absolute;
	top: 20px;
	left: 5px;
	width: 190px;
}
/* Menu */
.menu
{
	width: 790px;
	height: 20px;
	vertical-align: bottom;
	text-align: right;
	position: relative;
	top: 0px;
	padding-right: 5px;
}
/* Left Container */
.leftContainer
{
	width: 300px;
	height: 300px;
	vertical-align: top;
	position: absolute;
	top: 0px;
	left: 0px;
}
/* Right Container */
.rightContainer
{
	width: 490px;
	height: 300px;
	vertical-align: top;
	position: absolute;
	top: 0px;
	left: 300px;
	overflow: auto;
}

/* Right Title */
.rightTitle
{
	position: relative;
	top: 10px;
	left: 10px;
	height: 20px;
	vertical-align: middle;
	text-align: left;
	width: 450px;
}
/* Right Area Content */
.rightAreaContent
{
	position: relative;
	top: 10px;
	left: 0px;
	height: 440px;
	overflow: auto;
	vertical-align: top;
	text-align: left;
	width: 420px;
}
/* Content 1 Div */
.content1Div
{
	width: 250px;
	height: 250px;
	vertical-align: top;
	position: absolute;
	text-align: center;
	top: 0px;
	left: 0px;
}
/* Content 1 */
.content1
{
	width: 230px;
	height: 230px;
	vertical-align: top;
	overflow: auto;
	margin: 10px 10px 10px 10px;
	text-align: center;
}
/* Content 2 Div */
.content2Div
{
	width: 440px;
	height: 480px;
	vertical-align: top;
	position: absolute;
	top: 0px;
	left: 250px;
	margin: 10px 10px 10px 10px;
}
/* Content 2 */
.content2
{
	width: 420px;
	height: 390px;
	vertical-align: top;
	overflow: auto;
	margin: 10px 10px 10px 10px;
	text-align: left;
}
/* Content 3 Div */
.content3Div
{
	width: 250px;
	height: 250px;
	vertical-align: top;
	position: absolute;
	top: 250px;
	left: 0px;
	background-color: #ADE483;
}
/* Content 3 */
.content3
{
	width: 230px;
	height: 230px;
	vertical-align: top;
	overflow: auto;
	margin: 10px 10px 10px 10px;
	text-align: left;
}
/* Main Content */
.mainContent
{
	overflow: auto;
}




/* 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;
}

/* Error Label */
.errorLabel
{
	color: #5ec90f;
}

/* Link Buttons */
.linkButton
{
	color: #191970;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	letter-spacing: 2px;
}

/* Title Label */
.titleLabel
{
	color: #5ec90f;
	font-weight: bold;
}

/* Grid */
.grid
{
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-align: left;
	border: none;
}
.grid image
{
	width: 250px;
}
.grid a
{
	color: #5ec90f;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-decoration: underline;	
}
.grid a:hover
{
	color: #FFFF00;
	text-decoration: none;
}

.inputBox, .textBox, .dropDown
{
	color: #303030;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	border: solid 1px #A9A9A9;
}

.button
{
	background-color: #5ec90f;
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	border: solid 1px #ffffff;
	height: 20px;
}
/* Row Div */
.rowDiv
{
	position: relative;
	padding: 5px 0px 5px 0px;
	width: 100%;
	min-height: 20px;
}
/* Row Div 2 */
.rowDiv2
{
	position: relative;
	padding: 0px 0px 0px 0px;
	width: 100%;
	min-height: 20px;
}
/* Column H Div */
.colHDiv
{
	position: absolute;
	top: 0px;
	left: 10px;
	min-height: 20px;
	width: 100%;
	text-align: left;
}

/* Column 1 Div */
.col1Div
{
	position: absolute;
	top: 0px;
	left: 10px;
	min-height: 20px;
	width: 150px;
	text-align: left;
}
/* Column 2 Div */
.col2Div
{
	position: absolute;
	top: 0px;
	left: 160px;
	min-height: 20px;
	width: 150px;
	text-align: left;
}
/* Column 3 Div */
.col3Div
{
	position: absolute;
	top: 0px;
	left: 320px;
	min-height: 20px;
	width: 150px;
	text-align: left;
}
/* Column A Div */
.colADiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	min-height: 20px;
	width: 200px;
	text-align: left;
}
/* Column B Div */
.colBDiv
{
	position: absolute;
	top: 0px;
	left: 200px;
	min-height: 20px;
	width: 80px;
	text-align: center;
}
/* Column C Div */
.colCDiv
{
	position: absolute;
	top: 0px;
	left: 280px;
	min-height: 20px;
	width: 80px;
	text-align: center;
}
/* Column D Div */
.colDDiv
{
	position: absolute;
	top: 0px;
	left: 360px;
	min-height: 20px;
	width: 80px;
	text-align: center;
}
/* Column E Div */
.colEDiv
{
	position: absolute;
	top: 0px;
	left: 440px;
	min-height: 20px;
	width: 80px;
	text-align: center;
}
/* Column F Div */
.colFDiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	min-height: 20px;
	width: 200px;
	text-align: left;
}
/* Column G Div */
.colGDiv
{
	position: absolute;
	top: 0px;
	left: 200px;
	min-height: 20px;
	width: 300px;
	text-align: left;
}

.panelImage
{
	padding: 5px 5px 5px 5px;
	width: 125px;
	height: 125px;
}
.productImage
{
	padding: 5px 5px 5px 5px;
	width: 150px;
	height: 150px;
	border: none;
}
/* END: Classes */