/* =========================================================================== */
/* PRESENTATION CASCADING STYLE SHEET
/*     This style sheet only defines the presentation of the site.
/*     Definitions include: font types, sizes, text alignment, and other
/*     typographical decorations.
/*     The page layout, background images, positioning and other structural
/*     rules are defined in the structure cascading style sheet.
/*
/*     All styles defined in this style sheet can be used throughout the
/*     site unless noted otherwise.
/* =========================================================================== */

/* =========================================================================== */
/* ELEMENTS                                                                    */
/* =========================================================================== */

body
{
	background-color: #333333;
	color: #000000;
	font-family: Arial, Trebuchet MS, MS Sans Serif;
	font-size: 16px;
}


h1.pageTitle
{
	color: #000000;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0px;
}
a img
{
	border: none;
}
a.imageLink
{
	color: #FFFFFF;
	text-decoration: none;
}
a:hover.imageLink
{
	color: #FFFFFF;
	text-decoration: underline;

}

/* =========================================================================== */
/* ELEMENT IDs                                                                 */
/* =========================================================================== */

/* -------------------------------------------------- */
/* Application Menu                                   */
/* -------------------------------------------------- */
#pageApplicationMenu
{
	background-color: #666666;
}
#applicationMenu
{
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}
#applicationMenu a.currentPage
{
	background-image: url(../images/buttons/button-on.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#applicationMenu a
{
	background-image: url(../images/buttons/button-off.gif);
	background-repeat: no-repeat;
	color: #CCCCCC;
	display: block;
	font-size: 1.5em;
	height: 50px;
	text-align: center;
	text-decoration: none;
	width: 200px;
	
	padding-top: 10px;
}
#applicationMenu a:hover
{
	background-image: url(../images/buttons/button-on.gif);
	background-repeat: no-repeat;
	color: #FFFFFF	;
	display: block;
	font-size: 1.5em;
	height: 50px;
	text-align: center;
	text-decoration: none;
	width: 200px;
}

#footerMenu a
{
	color: #999999;
	font-size: 1em;
	padding-right: 10px;
	text-decoration: none;
}

#footerMenu a:hover
{
	color: #000000;
}

/* -------------------------------------------------- */
/* Contact Area                                       */
/* -------------------------------------------------- */
#contactArea
{
	border: solid 1px #CCCCCC;
	color: #FFFFFF;
	margin: 5px 5px 5px 10px;
	padding-left: 3px;
	text-align: left;
	width: 200px;
	margin-top: 100px;
}
#contactArea a
{
	color: #FFFFFF;
	text-decoration: none;
}
#contactArea a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

/* =========================================================================== */
/* CLASSES                                                                     */
/* =========================================================================== */

.imgFloatLeft
{
	float: left;
}
.imgFloatRight
{
	float: right;
}

/* -------------------------------------------------- */
/* Facebook Area                                      */
/* -------------------------------------------------- */

#facebookArea
{
	margin: 5px 5px 5px 10px;
	padding-left: 3px;
	text-align: left;
	width: 200px;
	margin-top: 20px;
}
#facebookArea a
{
	color: #FFFFFF;
	text-decoration: none;
}
#facebookArea a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


/* -------------------------------------------------- */
/* Portfolio                                          */
/* -------------------------------------------------- */
.portfolioBlock
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 20px;
}
.portfolioBlockLeft
{
	float: left;
	text-align: left;
	vertical-align: top;
	width: 320px;
}
.portfolioBlockRight
{
	float: right;
	text-align: left;
	vertical-align: top;
	width: 320px;
}
.portfolioBlockRight p.text
{
	margin: 0px 0px 10px 0px;
	padding: 0;
}
.portfolioBlockRight p.label
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------- */
/* Contact Us                                         */
/* -------------------------------------------------- */

.tableDataContact
{
	border-collapse: collapse;
}
.tableDataContact tbody th
{
	font-weight: bold;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	width: 150px;
}
.tableDataContact tbody tr td
{
	padding: 5px;
	vertical-align: top;
}
.tableDataContact tfoot
{
	padding: 5px;
	text-align: left;
}

/* -------------------------------------------------- */
/* Screen Messages                                    */
/* -------------------------------------------------- */

.screenMessage
{
	background-color: #FFFF99;
	display: block;
	padding: 5px;
	width: 100%;
}
.screenMessageError
{
	color: Red;
	font-weight: bold;
}
.screenMessageValid
{
	color: #006600;
	font-weight: bold;
}

.validationSummary
{
	background-color: #FFFF99;
	color: Red;
	padding: 5px;
}

.textAlignCenter
{
	text-align: center;
}
.textAlignLeft
{
	text-align: left;
}
.textAlignRight
{
	text-align: right;
}
.textAlignTop
{
	vertical-align: top;
}