/**************************************************************/
/* Basic Layout                                               */
/**************************************************************/

/* ****************  page *************************************/

body, p, h1, h2, h3, h4, ul, li, p
{
	margin: 0px;
	padding: 0px;
}

body 
{
	padding-right: 5%;
	padding-bottom: 2em;
}

.clear
{
	clear: left;
}

/* ****************  header ***********************************/

#header
{
	height: 100px;
}

#header .left
{
	width: 665px;
	height: 100px;
}

#header .left img
{
	float: left;
}

/* ****************  main container ***************************/

#leftborder
{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 106px;
	height: 610px;
}

#main
{
	margin: 0 0 0 106px;
	width:auto;
}


#TwoColumns
{
	position: relative;
	left: 0px;
}

#TwoColumns .LeftSection
{
    padding-right:10px;
    padding-bottom:5px;
    float:left;
	width: 350px;
}

#TwoColumns .RightSection
{
    padding-right:10px;
    padding-bottom:5px;
	width: 350px;
}

/* ****************  navigation *******************************/

#navigation
{
	width: 222px;
	float: left;
}

#navigation2
{
	width: 222px;
	float: left;
}

/* ****************  content **********************************/

#content
{
	width: auto;
	margin-left: 222px;
	padding-bottom: 2em;
	padding-left: 7%;
	padding-top: 1em;
}

#content .padding
{
	width: 57%;
	padding-right: 3%;
	float: left;
}

#content .noteaser
{
	width: 97%;
	padding-right: 3%;
	float: left;
}

#content .sectionBorder
{
    width: 70%;
    border-bottom-width: thin;
    border-bottom-color: Gray;
    border-bottom-style: dotted;      
}

/* ****************  teaser ***********************************/

#teaser
{
	float: right;
	width: 33%;
}

/**************************************************************/
/* Colors and backgrounds                                     */
/**************************************************************/

/* ****************  page *************************************/

body
{
	background-color: #254D64;
	background-image: url(page_back.gif);
	background-repeat: repeat-x;
}

/* ****************  header ***********************************/

#header
{
	background-color: #254D64;
	background-image: url(header_back.gif);
	background-repeat: repeat-y;
}

#header .left
{
	background-color: #FFFFFF;
	background-image: url(header_photo.jpg);
	background-repeat: no-repeat;
	background-position: 390px 0px;
}

/* ****************  main container ***************************/

#main
{
	background-image: url(main_back.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#main .padding
{
	background-image: url(nav_back.gif);
	background-repeat: repeat-y;
}

#main .padding .padding
{
	background-image: none;
}

#leftborder
{
	background-image: url(left_border_back.jpg);
}

/**************************************************************/
/* Typography                                                 */
/**************************************************************/

/* ****************  page *************************************/

body
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
}

a
{
	color: #2E5064;
}

a:hover
{
	text-decoration:  none;
}

ul
{
	list-style-image: url(list-item.gif);
	margin-left: 18px;
}

.button
{
	background-color: #D7D7D7;
	color: #000000;
	display: inline-block;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}

/* ****************  header ***********************************/

#header
{
	font-weight: bold;
	font-size: x-small;
}

#header p
{
	padding-top: 8px;
	line-height: 1.7em;
}

/* ****************  main container ***************************/

#main h2
{
	background-image: url(h2_back.jpg);
	background-repeat: no-repeat;
	text-align: right;
	font-size: small;
	padding-right: 1em;
	padding-top: 6px;
	height: 21px;
}


/* ****************  navigation *******************************/

/* first level */

#navigation ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#navigation ul a
{
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(nav_level_1.gif);
	background-repeat: repeat-x;
	background-color: #4785A6;
	display: block;
	height: 1.7em;
	padding-left: 15px;
	padding-top: 0.2em;
	border-top: 1px solid #77A9C3;
}

#navigation ul a:hover
{
	background-image: url(nav_level_1_hover.gif);
	background-color: #5492B2;
	border-top: 1px solid #223E4D;
}

#navigation ul strong
{
	background-image: url(nav_level_1.gif);
	height: 1.9em;
	background-repeat: repeat-x;
	display: block;	
}

#navigation ul a.selected, #navigation ul a.selected:hover
{
	background-image: url(nav_level_1_sel2.gif);
	background-position: center left;
	background-repeat: no-repeat;
	background-color: transparent;
	font-weight:bold;
	/*border-top: 1px solid #223E4D;*/	
}

#navigation2 ul a:hover, #navigation2 ul a.selected:hover, #navigation2 ul a.selected
{
    background-image: url(teaser_h2.gif);
    color:Black;
	background-color: #5492B2;
	border-top: 1px solid #223E4D;
	text-align:center; 
}

#navigation2 ul .highlight a
{
    color:White;
    font-weight:bold;
	background-color: #5492B2;
}
#navigation2 ul .highlight a:hover, #navigation2 ul .highlight a.selected:hover, #navigation2 ul .highlight a.selected
{
    background-image: url(teaser_h2.gif);
    color:Black;
	background-color: #5492B2;
	border-top: 1px solid #223E4D;
	text-align:center; 
	font-weight:bold ;
}


/* second level */

#navigation ul ul a
{
	border-top: 1px solid #FFFFFF;
	background-image: url(nav_level_2.gif);
	color: #000000;
	padding-left: 27px;
}

#navigation ul ul a:hover
{
	background-image: url(nav_level_2_hover.gif);
}


#navigation ul ul a.selected
{
	font-weight:bold;
}

#navigation ul ul a.selected, #navigation ul ul a.selected:hover
{
	background-image: url(nav_level_2_sel.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	border-top: 1px solid #E6850F;
	font-weight:bold;
}

/* ****************  content **********************************/

#content
{
	font-size: medium;
}

#content p
{
	margin-bottom: 1em;
}

#content h1
{
	font-size: 1.3em;
	border-bottom: 1px solid #4485AC;
	margin-bottom: 0.5em;
	margin-top: 0.3em;
}

#content h2
{
	background-image: none;
	text-align: left;
	font-size: 1.1em;
	height: auto;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#content h3
{
	font-size: 1em;
	margin-bottom: 0.5em;
}

#content .box
{
	background-color: #DEE8EE;
	padding-bottom: 1em;
}

#content .box h1
{
	background-color: #4485AC;
	padding-left: 0.5em;
	margin-bottom: 0.2em;
	font-size: 1em;
	color: #FFFFFF;
}

#content .box h2
{
	margin-top: 0px;
	border-bottom: 1px solid #4485AC;
	padding-left: 0.5em;
	font-size: 1em;
}

#content .box h3
{
	color: #4485AC;
	padding-left: 0.5em;
	font-size: 1em;
}

#content .box p
{
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 0.5em;
}

#content .box .button
{
	background-color: #4485AC;
	color: #FFFFFF;
}	

/* ****************  teaser ***********************************/

#teaser 
{
	font-size: small;
}

#teaser h2
{
	background-image: url(teaser_h2.gif);
	height: 26px;
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	padding-left: 35px;
	font-size: 1em;
	margin-top: 0.5em;
}

#teaser p
{
	background-image: url(teaser_back.gif);
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	padding-right: 5px;
	padding-bottom: 1em;
	line-height: 1.5em;
}

#teaser h3
{
	background-image: url(teaser_back.gif);
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
}

#teaser ul
{
	list-style-image: url(list-item_teaser.gif);
	margin-left: 53px;
}

#teaser .button
{
	background-color: #FF9211;
	color: #FFFFFF;
}




/* ****************  teaser ***********************************/

#teaserWindow 
{
	font-size: small;
	width: 300px;
}

#teaserWindow h2
{
	background-image: url(teaser_h2.gif);
	height: 26px;
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	padding-left: 35px;
	font-size: 1em;
	margin-top: 0.5em;
}

#teaserWindow p
{
	background-image: url(teaser_back.gif);
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	padding-right: 5px;
	padding-bottom: 1.5em;
	line-height: 1.5em;
}
.crossout
{
    text-decoration: line-through;
    color: #C0C0C0;
}

label
{
    text-align:center;
    font-size:small;
}

.dateHot
{
    color: red;
}
.dateGone
{
    text-decoration: line-through;
    color: #C0C0C0;
}