/* ###   STANDARD STYLES   ### */
/* These are the default styles. Please don't rename them since some template are dependent on them.
 * If you like to add styles, add them at the bottom of this document
 */


/* HTML elements */

*, A:link, A:visited, A:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
}
HTML {
	height: 100%;
	overflow: -moz-scrollbars-vertical /* Forces vertical scrollbar in FireFox */
	/*
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-FACE-COLOR: #edf4f7;
	SCROLLBAR-ARROW-COLOR: #698a93;
	SCROLLBAR-3DLIGHT-COLOR: #f4f8f9;
	SCROLLBAR-HIGHLIGHT-COLOR: #f4f8f9;
	SCROLLBAR-DARKSHADOW-COLOR: #dae2e5;
	SCROLLBAR-SHADOW-COLOR: #dae2e5;
	*/
}
BODY {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #98342c;
	background-image: url(../../Media/Global/PageBackground.jpg);
	background-repeat: repeat-x;
	background-position: top
}
H1, H2, H3, H4, H5, H6 {
	font-weight: normal
}
H1 {
	font-size: 14px;
	color: #7e7e7e;
	cursor: default;
}
H2 {
	font-size: 12px;
	color: #a63930;
	cursor: default;
	font-weight: bold;
	padding: 0;
	margin: 0
}
H5 {
	font-size: 12px;
	color: #a63930;
	font-weight: bold;
}
IMG {
	border: 0;
}
UL {
	margin-left: 20px;
	margin-top: 0
}
TD {
	vertical-align: top;
}
FORM {
	/*height: 100%;*/
}
TEXTAREA {
	overflow: auto
}
A:hover, A:active {
	text-decoration: none;
}


/* Form elements */
INPUT.text, TEXTAREA.text {
	border: 1px inset #eeeeee;
	padding-top: 3px;
	padding-bottom: 3px
}
INPUT.button {
	border: 1px outset;
	cursor: pointer;
	background-image: url(../../Media/Global/formButtonBackground.gif);
	background-color: #646464;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px
}
.formTable TD {
	padding-bottom: 4px
}
.formTable .col1 {
	width: 1%;
	white-space: nowrap
}
formTable .col2 {
	padding-left: 8px
}


/* Misc */
.superscript {
	vertical-align: super;
	font-size: 0.7em;
}










/* ###   WEBSITE-SPECIFIC STYLES   ### */
/* Here you add new styles that are needed for this website */


/* Main structure */
/* Add here the styles of the main boxes that appear in all pages
 * Please try to keep all the styles of one box (header, footer, 1st menu, 2nd menu, etc)
 * in one place and put the name of that box on top
 */
 
/* main structure */

.mainTable {
	height: 100%
}

.mainLeft {
	text-align: right;
	background-image: url(../../Media/Global/LeftShadow.jpg);
	background-repeat: repeat-y;
	height: 100%
}
.mainLeft DIV {
	overflow: hidden; height: 100%; max-height: 100%
}

.mainRight {
	background-image: url(../../Media/Global/RightShadow.jpg); background-repeat: repeat-y; height: 100%
}
.mainRight DIV {
	overflow: hidden; height: 100%; max-height: 100%
}

.mainCenter {
	background-color: #FFFFFF; background-image: url(../../Media/Global/topBackground.gif); background-repeat: no-repeat; padding: 15px 18px 18px 18px; width: 708px
}
.Top1Logo {
	margin-left: 10px;
}

.mainCenterBottom {
	vertical-align: bottom; padding-bottom: 0; background-color: #FFFFFF; padding: 0 18px 0 18px
}
.mainCenterBottom *, .mainCenterBottom A:link, .mainCenterBottom A:active, .mainCenterBottom A:visited {
	color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9px
}
.mainCenterBottom .bar {
	background-color: #000000; padding: 5px
}
.mainCenterBottom .right {
	float: right
}
.mainCenterBottom A:link, .mainCenterBottom A:active, .mainCenterBottom A:visited {
	text-decoration: none
}
.mainCenterBottom A:hover {
	text-decoration: underline
}



/* menu 1 */
.Menu1 {
	cursor: pointer
}
.Menu1 {
	margin-top: 12px; margin-bottom: 6px
}
.Menu1 * {
	text-decoration: none;
	cursor: pointer
}
.Menu1 TD {
	text-align: right;
}
.Menu1 DIV {
	position: absolute; width: 85px; padding-top: 65px
}
.Menu1 DIV H2 {
	font-size: 12px;
	color:#FFFFFF
}

/* menu page */
/* menu holder */
.Menu {
	margin-top: -0.5em
}

/* general */
.Menu *, .Menu A:link, .Menu A:visited, .Menu A:active {
	font-weight: bold;
	color: #aaaaaa;
	text-decoration: none
}
.Menu A:hover {
	text-decoration: underline
}
.Menu .selected *, .Menu .selected A:link, .Menu .selected A:visited, .Menu .selected A:active {
	color: #a63930;
}

/* menu level 1 */
.Menu .MenuItem {
	background-image: url(../../Media/Global/menuArrowRight.gif);
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	line-height: 2.5em;
	padding-left: 20px;
}
.Menu .selected {
	background-image: url(../../Media/Global/menuArrowBottom.gif);
	padding-bottom: 10px
}

/* menu level 2 */
.Menu .MenuItem DIV {
	background-image: url(../../Media/Global/menuArrowRight.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	line-height: 1.4em;
	padding-left: 20px;
	padding-bottom: 0;
	display: none;
}
.Menu .selected DIV {
	display: block;
}
.Menu .selected DIV.selected {
	display: block;
	background-image: url(../../Media/Global/menuArrowBottom.gif);
}

.Menu .selected DIV *, .Menu .selected DIV A:link, .Menu .selected DIV A:visited, .Menu .selected DIV A:active {
	color: #aaaaaa;
}

.Menu .selected DIV.selected *, .Menu .selected DIV.selected A:link, .Menu .selected DIV.selected A:visited, .Menu .selected DIV.selected A:active {
	color: #a63930;
}




 
/* content */

.contentRight {
	width: 496px; overflow-x: hidden; float: right;
}
.contentRight .tab {
	position: absolute;
	margin-top: -28px;
	margin-left: 4px
}
.contentRight .content {
	width: 480px; padding-left: 15px; padding-top: 40px; padding-right:30px; background-image:url(../../Media/Global/PageNavigationRightBottom.png); background-repeat:no-repeat; background-position:0 32px
}
.contentNavigation {
	width: 202px;
}
.contentNavigation .tab {
	position: absolute;
	margin-top: -28px
}
.contentNavigation .content {
	width: 192px;
	padding-left: 9px;
	padding-top: 40px;
	padding-right: 10px;
	background-image:url(../../Media/Global/PageNavigationLeftBottom.png); 
	background-repeat:no-repeat; 
	background-position:0 32px;
}

.Content1TabText {
	position: absolute;
	margin: 10px 0 0 10px;
	text-transform: lowercase
}

/* Misc */