﻿/* =========================================================================== */
/* STRUCTURE CASCADING STYLE SHEET                                             */
/*     The style sheet only defines the structure of the site.                 */
/*     Definitions include: layout, background images, colors and font         */
/*     definitions when restricted by structure design.                        */
/*     The font types, sizes, and other tyographical rules are defined         */
/*     in the presentation cascading style sheet.                              */
/* =========================================================================== */

/* =========================================================================== */
/* CLASSES                                                                     */
/* =========================================================================== */

.clearBoth
{
	clear: both;
}
.clearLeft
{
	clear: left;
}
.clearRight
{
	clear: right;
}

/* =========================================================================== */
/* ELEMENT IDs                                                                 */
/* =========================================================================== */

#page
{
	background-color: #333333;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 950px;
}
#pageApplicationMenu
{
	/*background-color: green;*/
	/*background-image: url(../images/structure/border-lc.gif);*/
	float: left;
	margin: 25px 0px 0px 10px;
	width: 228px;
	/*min-height: 600px;*/
}
#applicationMenu
{
	width: 200px;
}

#footerMenu
{
	margin: 60px 3px 3px 3px;
	text-align: center;
}

#pageContent
{
	/*background-color: #FFFFFF;
	background-image: url(../images/structure/border-rc.gif);
	background-repeat: repeat-y;
	background-position: right;*/
	float: left;
	width: 702px;
	/*min-height: 500px;*/
	
	/*background-color: Red;*/
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#content
{
	margin: 0px 10px 0px 10px;
	/*margin-left: 10px;*/
	text-align: left;
	vertical-align: top;
	width: 675px;
	
	/*background-color: Blue;*/
}
#pageFooter
{
	/*background-image: url(images/footer.gif);
	background-position: left top;
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;
	height: 110px;
	width: 950px;
}
#pageFooter #footerCenter
{
	background-image: url(../images/structure/border-bc.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	float: left;
	height: 110px;
	width: 702px;
}
#pageFooter #footerLeft
{
	background-image: url(../images/structure/border-blc.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	float: left;
	height: 110px;
	width: 238px;
}
#pageFooter #footerRight
{
	background-image: url(../images/structure/border-brc.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: right;
	height: 110px;
	width: 10px;
}

#pageHeader
{
	background-color: #333333;
	height: 200px;
	width: 950px;
}
#pageHeader #headerCenter
{
	background-image: url(../images/structure/border-tc-2.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	float: left;
	height: 200px;
	width: 365px;
	vertical-align: text-bottom;
}
p.pageTitle
{
	font-size: 2em;
	text-align: left;
	margin-top: 125px;
}
#pageHeader #headerLeft
{
	background-image: url(../images/structure/border-tlc.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
	height: 200px;
	width: 480px;
}
#pageHeader #headerRight
{
	background-image: url(../images/structure/border-trc-2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: right;
	height: 200px;
	width: 105px;
}

#pageMain
{
	background-image: url(../images/structure/border-menu-content.gif);
	background-position: left top;
	background-repeat: repeat-y;
	min-height: 500px;
}
