@import url("sectionskin.css");
@import url("sectionlayout.css");
@import url("modules.css");


BODY, P, DIV, TD {
	font-family: arial,helvetica,sanserif;
	font-size: 12px;
	color: #7D7D7D;
	text-decoration:none;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}



/* Background image, is inserted in the body tag in the HTML layout */
.backgroundImage {
	/*background: #C5C6C8 url($ui.image('heiq-bg.jpg')) repeat-x top left;*/
	background-color: #C5C6C8;
	background-image: url(/resources/ui/skins/heiq/images/heiq-bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

/* Layout ------------------------------------------------------------------------------------------------------------------------------------- */

/* Container that wraps around the whole content */
#container {
	/* width is set in the layout, using style="" */
	background-color: #ffffff; 
	border: none;
	padding: 0;
	margin:0 auto;
	/*height:100%;*/
}

#maintable {		
	margin:0 auto 15px auto;
}
		
		#td_logo {
				
			}
				#div_logo {
					
				}
				
			#td_menu_top {
				
			}
				#div_menu_top {
					margin-bottom:20px;
					margin-left:25px;
				}
				
				
			#td_strip_left {
				background-color: #B32C32;
				margin: 0;
				padding: 0;
			}
				#div_strip_left {
					
				}
				
			#td_strip_right {
			
			}
				#div_strip_right {
					overflow:hidden;
					
				}
				
			#td_panel_left {
				width: 186px;
			}
				#div_panel_left {
					margin-top:20px;
				}
				
			#td_main_content_wide {
				width: 624px;
			}
				#div_main_content_wide {
					margin: 20px 0px 0px 10px;
				}
				
			#td_main_content_front {
				width: 438px;
			}
				#div_main_content_front {
					margin: 20px 40px 0px 10px;
				}
				
			#td_main_content_panel {
				width: 438px;
			}
				
				#div_main_content_panel {
					margin: 20px 10px 0px 20px;
				}
				
			#td_panel_right {
				width: 186px;
			}
				#div_panel_right {
					margin-top:20px;
					background-color:#F5F5F5; 
					padding: 5px 5px 5px 5px;
				}
				
			#td_panel_footer {
			
			}
				#div_panel_footer {
					
				}
				
		

/* MAIN LINKS ----------------------------------------------------------------------------------------------------- */
A,A:hover {
	color: #770000;
	font-weight:bold;
	text-decoration: none;
}

A:hover {
	color: #000000;
}



/* GENERAL ----------------------------------------------------------------------------------------------------- */

IMG {
	
}

TABLE {
	margin: 0;
	padding: 0;
}

FORM {
	margin: 0;
	padding: 0;
}

PRE {
	margin:0;
	padding:0;
}

U {
    text-decoration: underline;
}

/* LISTS - set padding, margin etc if necessary */
OL {} /* Ordered, numbered list */
UL {} /* Unordered, bullet list */
DL {} /* Definition list */


STRONG {
    font-weight: bold;
}

CITE {
    font-weight: normal;
	font-style: normal;
	background-color: #B8E4FF;
}

PRE {
	color: #000000;
	margin: 0;
}

U {
    text-decoration: underline;
}


STRONG {
    font-weight: bold;
}

ACRONYM {
	border-bottom: 1px dotted #66A2DE;
}


/* Page titles ---------------------------------------------------------------------------------------------------- */

.pageTitle, h1, .inputPageTitle {
	font-family: arial,helvetica,sanserif;
	font-size: 16px;
	font-weight: normal;
	color: #404040;
	text-decoration: none;
}

/* H2 - "Title" in FCK */
.sectionTitle,.sectionTitle:hover,.inputSectionTitle, H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #606060;
}
	
	.sectionTitle,.sectionTitle:hover, H2 {
		padding-bottom: 5px;
		padding-top: 12px;
		margin: 0;
	}

/* H3 - "Subtitle" in FCK */
.sectionSubTitle,.sectionSubTitle:hover,.inputSectionSubTitle, H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #606060; 
}

.sectionSubTitle,.sectionSubTitle:hover, H3 {
	padding-bottom: 0;
	padding-top: 12px;
	margin: 0;
}


/* Table of Contents ----------------------------------------------------------------------------------------------------*/
.pageIndexTitle {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #404040;
	text-decoration: none;
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
}

	.pageIndexLink,.pageIndexLink:hover {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #7aae00;
		font-weight: normal;
		text-decoration: none;
		line-height: 13pt;
	}
	
	.pageIndexLink:hover {
		text-decoration: underline;
	}
/* end table of contents */




/* MENU ---------------------------------------------------------------------------------------------------- */

/* Menu level 0*/
.menuLevel0, .menuLevel0:hover, .menuLevel0Selected, .menuLevel0Selected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BDBEC2;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

.menuLevel0Selected, .menuLevel0:hover, .menuLevel0Selected:hover {
	color: #606060;
}

/* Menu level 1 */
.menuLevel1, .menuLevel1:hover, .menuLevel1Selected, .menuLevel1Selected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
	font-weight: normal;
	text-decoration: none;
}

	.menuLevel1:hover, .menuLevel1Selected, .menuLevel1Selected:hover {
		color: #000000;
	}
	
/* Menu level 2 */
.menuLevel2, .menuLevel2:hover, .menuLevel2Selected, .menuLevel2Selected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	font-weight: normal;
	text-decoration: none;
}
	
	.menuLevel2:hover, .menuLevel2Selected, .menuLevel2Selected:hover {
		color: #000000;
	}

/* Menu level 3 */
.menuLevel3, .menuLevel3:hover, .menuLevel3Selected, .menuLevel3Selected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	font-weight: normal;
	text-decoration: none;
}
	
	
	.menuLevel3:hover, .menuLevel3Selected, .menuLevel3Selected:hover {
		color: #000000;
	}


/* Menu Cells */
.menuCell0 {
	padding:0 7px 0 7px;
	/*padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 10px;*/
}

.menuCell1 {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
}

.menuCell2 {
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
}

.menuCell3 {
	padding-left:30px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
}
/* end menu */


/* Menu extra options? --------------------------------------------------------------------------- */
.menuTop2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: noormal;
	color: #404040;
	padding: 2 2 8 0;
    background-color:#FFFFFF;
	border-right: 1px none #FFFFFF;
	border-left: 1px none #FFFFFF;
}

.menuBottom2 {
	
}
/* end menu extra options*/













/* ? */
.sectionNbr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #DDDDDD;
	vertical-align: bottom;
	padding-top: 30px;
}

.sectionImageCaption{
	background-color: #ECEBEA;
	font-family: verdana;
	font-size: 10px;
	color: black;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
	font-style: italic;
	text-align: right;
}


.sectionBodytext,.sectionBodytext:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	color:#000000;
}

	.sectionLink,.sectionLink:hover {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ff7c00;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	
	.sectionLink:hover {
		text-decoration: underline;
	}
/* --------------------------------------------------------------------------- */

.docTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #B0B0B0;
	letter-spacing: 0.05em;
	margin-top: 0px;
	margin-bottom: 10px;
}

.tableHead, .tableFooter, .tableSpacer, .tableBg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
	font-weight: bold;
	background-color:#f2f2f2;
}

	.tableHead {
		border-top: 1px none #999999;
		border-bottom: 1px solid #999999;
	}
	
	.tableFooter {
		border-top: 1px solid #999999;
		border-bottom: 1px none #999999;
	}
	
	.tableSpacer {
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}
	
	.tableDark {
		background-color:#FFFFFF;
	}
	
	.tableSelected {
		font-family : Verdana, Helvetica, Arial, sans-serif;
		font-size : 9px;
		font-weight : bold;
		color : #FFFFFF;
		background-color:#FF9900;
	}
/* --------------------------------------------------------------------------- */


/* General  --------------------------------------------------------------------------- */
.sidebarBox {
	border:1px solid #313131;
	background-color:#FFEE99;
	color:#313131;
	padding:3px;
}


.border {
    background-color: #FFFFFF;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.borderFrame {
    background-color: #FFFFFF;
	border-left: 1px solid #996633;
	border-top: 1px solid #996633;
	border-right: 3px solid #776666;
	border-bottom: 3px solid #776666;
}

.borderSolid {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.borderTop {
	border-top: 1px solid #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px none #999999;
}

.borderTopSolid {
	border-top: 1px solid #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px none #999999;
}

.borderBottom {
	border-top: 1px none #999999;
	border-right: 1px none #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px none #999999;
}

.borderRight {
	border-top: 1px none #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px none #999999;
	border-left: 1px none #999999;
}

.borderLeft {
	border-top: 1px none #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px solid #999999;
}

.borderBottomSolid {
	border-top: 1px none #999999;
	border-right: 1px none #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px none #999999;
}

.eventRegistrationInput {
	color: #ffffff;
    text-align: left;
    text-decoration: none;
	background-color: #000000;
	border-top: 1px solid #909090;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #909090;
	margin-bottom: 4px;
	padding: 4px;
	height: 25px;
}

/* FORMS input --------------------------------------------------------------------------- */
.input,.inputMedium,.inputWide,.inputNarrow,.inputSectionBodyText,.inputSectionLink {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #404040;
}

.input,.inputMedium,.inputWide,.inputNarrow,.inputPageTitle,.inputSectionTitle,.inputSectionSubTitle,.inputSectionBodyText,.inputSectionLink {
    text-align: left;
    text-decoration: none;
	background-color: #ffffff;
	border-top: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
}

.inputPageTitle {
	width:350px;
}

	.input {
		width:120px;
	}
	
	.inputMedium {
		width:200px;
	}
	
	.inputWide {
		width:350px;
	}
	
	.inputNarrow {
		width:35px;
	}
	
	.inputSectionTitle,.inputSectionSubTitle {
		width:173px;
	}
	
	.inputSectionBodyText {
		width:348px;
	}

	.inputSectionLink {
		color: #993300;
		width:173px;
	}
/* end insert */

/* ContactForm Module -----------------------------------------------------------------------------------*/

.contactForm {
	font-family:Arial;
	font-size:11px;
	color:#333333;
	width:100px;
}

.contactForm2 {
	width:150px;
	font-family:arial;
	font-size:11px;
	padding-bottom:1px;
	padding-top:0px;
}
.contactForm3 {
	width:150px;
	font-family:arial;
	font-size:11px;
	padding-bottom:0px;
	padding-top:0px;
}

/* Buttons, submit, reset etc --------------------------------------------------------------------------- */
.button,.buttonWide {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    text-decoration: bold;
    color: #ffffff;
	background-color: #404040;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #ebebeb;
	padding: 2px;
}

	.button {
		width: 65px;
	}
	
	.buttonWide {
		width: 110px;
	}
/* end buttons */


.beige {
	color:#B5973B;
}

.breadcrumb, .breadcrumb:hover, .breadcrumbActive, .breadcrumbActive:hover, .shortcut, .shortcut:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
	
	.breadcrumbActive, .breadcrumbActive:hover {
		font-weight: bold;
	}
	
	.shortcut:hover, .breadcrumb:hover, .breadcrumbActive:hover {
		text-decoration: underline;
	}

/* Panel --------------------------------------------------------------------------- */
.panelBorder {
	border-left: 1px solid #634221;
}

.panelImageCaption{
	background-color: #ECEBEA;
	font-family: verdana;
	font-size: 10px;
	color: black;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
	font-style: italic;
	text-align: right;
}

.panelTitle,.panelTitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 1px;
	padding-left: 4px;
}

.panelSubTitle,.panelSubTitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding-left: 4px;
	color: #914903;
	padding-top: 20px;
	padding-bottom: 2px;
}

.panelBodytext,.panelBodytext:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding-left: 12px;
	color:#000000;
}

.panelLink,.panelLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #914903;
	font-weight: normal;
	text-decoration: none;
	padding-left: 12px;
	line-height: 12pt;
}

.panelLink:hover {
	text-decoration: underline;
}
/* end panel --------------------------------------------------------------------------- */




.sectionQuote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	color: #914903;
	width: 150px;
	margin: 20px;
	padding: 20px;
}

	.headerLink, .headerLink:hover, .headerLink:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		font-weight: normal;
		text-decoration: none;
	}
	
	.headerLink:hover {
		color: #88B4E0;
	}
	
	.headerLink:visited {
		color: #CCCCCC;
	}

.headerInput {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
	background-color: #000000;
	border-top: 1px solid #88B4E0;
	border-right: 1px solid #88B4E0;
	border-bottom: 1px solid #88B4E0;
	border-left: 1px solid #88B4E0;
	width:60px;
}
.dummy{
	background-color: #88B4E0;
	border-top: 1px solid #66A2DE;
	border-right: 1px solid #ABD5FF;
	border-bottom: 1px solid #ABD5FF;
	border-left: 1px solid #66A2DE;
}
.headerButton {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    text-decoration: bold;
    color: #FFFFFF;
	background-color: #88B4E0;
	border-top: 1px solid #ABD5FF;
	border-right: 1px solid #66A2DE;
	border-bottom: 1px solid #66A2DE;
	border-left: 1px solid #ABD5FF;
    width: 8px;
    height: 8px;
	vertical-align:middle;
	margin-bottom:5px;
}