/* SELFCLEAR */
.selfClear:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.selfClear { display: inline-block; }
* html .selfClear { height: 1%; }
.selfClear { display: block; }

/* ELEMENTS */
HTML {overflow: -moz-scrollbars-vertical;}
BODY { background: #ffffff url(../images/background.png) top center repeat-y; font-family: Tahoma, Sans-Serif; font-size: 11px; text-align:center;color: #0f0a04;}
P {text-align:left;margin-bottom: 0.75em;}
H3 {margin: 0 0 5px 0; padding:0; font-size:11px; font-family: Tahoma, Sans-serif; font-weight:normal;color: #0f0a04;}
H2 {margin: 0 0 5px 0; padding:0; font-size:1.1em; font-family: Tahoma, Sans-serif; font-weight:bold;color: #262e99;}
P IMG {vertical-align:top; float:right;margin:0 0 0.75em 0.75em;}
A {color: #B01F1C; text-decoration:none;}
A:active {color: #B01F1C; text-decoration:none;}
A:visited {color: #B01F1C; text-decoration:none;}
A:hover {color: #B01F1C; text-decoration:underline;}
HR {background-color: #cecece;}
select {
	font-family: Tahoma, Sans-Serif; font-size: 11px; 
}


/* PAGE LAYOUT */
#page {margin-bottom:25px;}
#background {background: transparent url(../images/page_background.png) top center no-repeat; min-height:500px;padding-top: 106px; width: 1062px; position: relative;margin: 0 auto;}
#content {width: 854px; margin: 0px auto; text-align: left}

#content_top {width: 854px; height: 11px; background: transparent url(../images/content_top.png) top center no-repeat;}
#content_bottom {width: 854px; height: 7px; background: transparent url(../images/content_bottom.png) top center no-repeat;}
#content_borders {width: 854px; background: transparent url(../images/content_borders.png) top center repeat-y; }
#content_backdrop {width: 854px; background: transparent url(../images/content_backdrop.png) bottom center no-repeat;padding-bottom: 72px;}
.content_padding {padding: 0 11px 0 11px;}

#topmenu {background: transparent url(../images/topmenu_background.png) bottom left repeat-x;  height: 37px; float:left; }
#topmenustart {background: transparent url(../images/topmenu_background_start.png) bottom left no-repeat; width: 7px; height: 37px; float: left; }
#topmenuend {background: transparent url(../images/topmenu_background_end.png) bottom left no-repeat; width: 8px; height: 37px; float: left; }
#topmenucontainer {height: 37px;}

#topmenu UL {padding:0; margin:11px 0 0 2px;list-style:none; height: 26px;}
#topmenu LI {display:block; height: 26px; float:left;}
#topmenu LI.separator SPAN {display:block; height: 20px; line-height:20px; margin-bottom:6px;}
#topmenu LI.selected {display:block; background: transparent url(../images/topmenu_background_selected.png) bottom left repeat-x; height: 26px; float:left;}
#topmenu LI.selected DIV.left {background: transparent url(../images/topmenu_background_left.png) top left no-repeat; height: 26px; float:left;}
#topmenu LI.selected DIV.right {background: transparent url(../images/topmenu_background_right.png) top right no-repeat; height: 26px; float:left;}
#topmenu LI A {float:left; display: block; line-height: 20px; height:20px; color: #120b05; text-decoration:none;padding: 1px 5px 0 5px;font-weight: bold;margin-bottom:6px;}
#topmenu LI.selected A {float:left; display: block; line-height: 20px; height:20px; color: #ffffff; text-decoration:none;padding: 1px 8px 0 8px;font-weight: bold;margin-bottom:6px;}
#topmenu A:hover {color: #262E99;}

#topcontrols {position: absolute; top: 8px; width:577px;left:379px;float:left;}
#login {height: 60px; text-align:right; width:400px;margin-bottom:8px;}
INPUT.loginbox {height: 19px; width: 142px; margin: 0 2px 0 0;padding: 0; vertical-align:middle; background-color: #ffffff; line-height: 19px;}
INPUT.watermark_username {color: #ffffff; text-align:right; height: 19px; width: 142px; margin: 0 2px 0 0;padding: 0; vertical-align:middle;background: #ffffff url(../images/watermark_username.gif) 3px 5px no-repeat;line-height: 19px;}
INPUT.watermark_password {color: #ffffff; text-align:right; height: 19px; width: 142px; margin: 0 2px 0 0;padding: 0; vertical-align:middle;background: #ffffff url(../images/watermark_password.gif) 3px 5px no-repeat;line-height: 19px;}
INPUT.loginbutton {height: 21px; width: 22px; background: transparent url(../images/button_login.png) top left no-repeat;padding:0; margin:0;vertical-align:middle; border:none;}
A.button IMG {vertical-align:middle;}
A.rightmargin {margin-right: 10px;}

#leftmenu { position: absolute; width: 206px; top: 0px; display:inline; left: 137px;}
#leftmenu_background {width: 206px; background: transparent url(../images/leftmenu_background.png) top left repeat-y; }
#leftmenu_bottom {width: 206px; height: 10px; background: transparent url(../images/leftmenu_bottom.png) top left no-repeat;}
#leftmenu_logo {padding: 17px 0 25px 0; text-align:center; border:none;}

#logincontrols {float:right; width: 314px;}
#logincontrols A {color: #040201; font-weight:bold;margin-left:7px;text-decoration:none;}
#logincontrols A.password {color: #040201; font-weight:normal;margin-left:7px;text-decoration:none;}
#pagecontrols {float:right; margin-top: 20px;}
/* CONTENT */
#maincontent {width: 504px; margin-top: 31px;margin-left: 280px;}
#frontpagecontent {width: 427px;}
#subpagecontent { padding: 27px 35px 27px 27px;background-color: #f9f9f9; border-top: solid 1px #ededed;border-bottom: solid 1px #ededed;}
.topimage { height: 170px; width: 854px;}
.topimage2 {height: 170px; width: 854px;}


#subpagecontent H1 {font-family: Arial, Sans-serif; font-size: 20px; font-weight: normal;color: #0f0a04;margin-bottom: 5px;}
#subpagecontent H2 {font-family: Tahoma, Sans-serif; font-size: 13px; font-weight: bold;color: #0f0a04; margin-bottom: 2px;}
#subpagecontent P {margin-bottom: 14px;}

#subpagecontent H2.subject {margin: 0 0 5px 0; padding:0; font-size:1.1em; font-family: Tahoma, Sans-serif; font-weight:bold;color: #262e99;}
#subpagecontent H3.date {margin: 0 0 5px 0; padding:0; font-size:11px; font-family: Tahoma, Sans-serif; font-weight:normal;color: #0f0a04;}



/* LEFTMENU SPOTS*/
#spots {
	margin-left: 3px;
}
.first  {margin-top: 148px;}
.second {margin-top: 24px;}

/* FRONTPAGE NEWS */
.newsitem {margin-bottom: 16px; clear: both;}
A.readmore {ccolor: #262e99; ffont-weight:bold; ttext-decoration:none;}


#menu {padding: 0 27px 27px 20px;}
#menu H2 {padding-left: 7px;}
#menu H2 A {background:none;padding:0;border:none;color:inherit;}
#menu UL {padding:0;margin:0;list-style:none;}
#menu LI {padding-left: 7px;}
#menu LI.selected {border-top: solid 1px #ededed; border-bottom: solid 1px #ededed;background-color: #f9f9f9;}
#menu LI UL LI.selected A{color: #262E99;}
#menu A {padding: 4px 0 4px 0;border-top: solid 1px #ededed;display:block; line-height:16px;color:#333333;text-decoration:none;}
#menu A.close {padding: 4px 0 4px 0;border:none;display:block; line-height:16px;color:#333333;text-decoration:none;}
#menu A.selected {padding: 4px 0 4px 0;border-top:none;display:block; line-height:16px;color:#333333;text-decoration:none;font-weight:bold;}
#menu UL A:hover {color: #262E99;}
#menu UL UL{padding:0;margin:0 0 15px 10px;list-style:none;}
#menu UL UL UL {padding:0;margin:0 0 0 10px;list-style:none;}
#menu UL UL LI { border:none;}
#menu UL UL LI.selected { border:none;}
#menu UL UL A {padding: 2px 0 2px 0;border:none;display:block; line-height:16px;color:#333333;text-decoration:none;}
#menu UL UL A.selected {padding: 2px 0 2px 0;border-top:none;display:block; line-height:16px;color:#333333;text-decoration:none;font-weight:bold;}
#menu UL UL A:hover {color: #262E99;}


#search {}
#searchresults {}
.searchcontrols {height: 23px;margin-bottom:20px;}
.searchsummary {padding-bottom: 15px; border-top:none; border-right:none;border-left:none;border-bottom: solid 1px #000000; margin-bottom:15px;}
.searchitem {padding-bottom: 15px; border-top:none; border-right:none;border-left:none;border-bottom: solid 1px #c2c2c2; margin-bottom:15px;}
.searchbutton {background-color: #ffffff;border: solid 1px #dddddd;margin:1px 0; vertical-align:top;}
.searchbox {height: 17px; width: 273px; border: solid 1px #c2c2c2; padding: 1px;margin:1px 0; vertical-align:top;}
.searchkeyword {color: #3942a9;}
#searchheader {background: transparent url(../images/searchicon.png) center left no-repeat; padding-left: 29px;font-family: Arial, Sans-serif; font-size: 20px; font-weight: normal;color: #0f0a04;margin-bottom: 5px;}

.searchname A,.searchname A:visited, .searchname A:active {text-decoration:none; font-family: Tahoma, Sans-Serif; font-size: 11px; font-weight: bold; color: #3942a9;}
.searchname A:hover {text-decoration:underline; font-family: Tahoma, Sans-Serif; font-size: 11px; font-weight: bold; color: #3942a9;}
.searchdescription {font-family: Tahoma, Sans-Serif; font-size: 11px;}
.searchdate {font-family: Tahoma, Sans-Serif; font-size: 11px;}
.noItems { margin-top: 50px; margin-bottom: 50px; font-weight: bold; }
.tblGridHead { padding-right: 2px; padding-left: 2px; font-weight: normal; padding-bottom: 2px; color: #000000; padding-top: 2px; }
.tblGridHead td { padding: 2px; font-weight: bold; color: #000000; }
.tblGridHead a, .tblGridHead a:visited { font-weight: bold; padding: 2px; color: #000000; text-decoration:none;}
.tblGridHead a:hover { color: #000000; text-decoration:underline;}
.tblGridItem TR {border-bottom: solid 1px #dddddd;}
.tblGridItem td { padding: 2px; height: 25px; font-size: 10px; border-bottom: solid 1px #dddddd;}
.tblGridPager td { padding-left: 25px; height: 20px; font-size: 11px; font-weight: bold; word-spacing: 5px; } 
.tblGridPager td a { font-weight: normal; text-decoration: none; font-size: 11px;}
.tblGridItem a, .tblGridAlt a, .tblGridAlt a:visited, .tblGridAlt a:active, .tblGridItem a:visited, .tblGridItem a:active { line-height: 25px; font-weight: normal; padding: 2px; color: #000000; text-decoration: none;font-size: 11px;}
.tblGridItem a:hover, .tblGridAlt a:hover { font-weight: normal; text-decoration: underline; font-size: 11px; }
.tblGridSel { color: #000000; }
.tblGridAlt TR {border-bottom: solid 1px #dddddd;}
.tblGridAlt td {padding: 2px; height: 25px; font-size: 10px; border-bottom: solid 1px #dddddd; }
.tblGridFoot { font-weight: bold; text-align: right; }

DIV.subpagetext {margin-bottom: 1em;}
DIV.subpagespecial {margin-bottom: 1em;}
DIV.linkitem {margin-bottom: 1em;}
DIV.memberregisteritem {margin-bottom: 1em;}
DIV.memberviewitem {margin-bottom: 1em;}

.tblForum a:link, .tblForum a:visited { font-weight: normal; }
.forumSubject { font-weight: bold; padding: 2px; }
.forumDate { color: #757575; padding: 2px; }
.forumText { padding: 2px; }
.forumMargin { padding-left: 20px; padding-top: 2px; }
.forumMarginTop { padding-top: 2px; }



.newsletterlabel {vertical-align: middle !important;}
/*.newslettertable { width: 200px !important;}*/
.newslettertable TD { vertical-align: middle !important; padding-bottom: 5px !important;}
.newslettertable TD.first {text-align: left !important;}
.newslettertable TD.second {text-align: right !important;}
.newslettertable TR { padding-bottom: 5px !important;}
.newslettertable INPUT.button { width: 50px !important; margin: 0 0 0 5px !important; }
.newslettertable INPUT.widebutton { width: 75px !important; margin: 0 0 0 5px !important; }
.newslettertable INPUT.textbox { width: 180px !important; margin: 0 0 0 5px !important; }
DIV.subscribebutton {margin-top: 6px;}
DIV.unsubscribelink {margin-top: 6px;}

 .adress_input {height: 18px; padding: 1px; border: solid 1px #aaafb6; width: 144px; margin: 0 5px 0 0;}
 .adress_dropdown {height: 22px; padding: 1px; border: solid 1px #aaafb6; width: 144px; margin: 0 5px 0 0;}
 .adress_button {height: 22px; padding: 1px; border: solid 1px #aaafb6; width: 144px; margin: 0 5px 0 0;}
 
 .documentCatName {font-weight: bold; font-size: 14px; margin-bottom: 6px;}
 .documentHeading { font-weight:bold; font-size: 1.1em; }
 .documentText {}
 .documentText P { margin-bottom: 10px !important;}
 .documentLink {margin-bottom: 12px;}
 
 .newsletter INPUT {margin-right: 5px;}
 
 .contractDivider, .newsitem {	border-bottom: solid 1px #C2C2C2; }
 .contractDivider { margin: 0 0 10px 0; clear: both;}
 
 .newsHead { font-family: Arial, Sans-serif; font-size: 20px; font-weight: normal;color: #0f0a04;margin-bottom: 5px; }

.groupPages .p1 { margin: 5px 0; }
.groupPages .middle { vertical-align: middle; } 
.groupPages p { } 
.groupPages h2 { margin-top: 15px; }
.groupPages .groupImage { float: right; padding: 0 0 3px 3px; }
.groupPages .dimmedText { color: #777; font-size: 90%; }
.groupPages table .center { text-align: center; }
.groupPages .lCol { float:left; width: 332px; }
.groupPages .rCol { float:right; width: 100px; }
.groupPages .rCol img { margin-top: 15px; }
.groupPages .red { color: #B01F1C; font-weight: normal; }
.groupPages .calendar th,
.groupPages .calendar td { text-align: center; padding: 2px; }
.groupPages .dimmed td,
.groupPages .dimmed th { background-color: #C0C0C0; color: #fff; }
.groupPages hr { margin: 5px 0 5px 0; }
.groupPages textarea { border: solid 1px #E8E8E8; width: 300px; font-size: 1em; font-family: Verdana,Arial,Helvetica,sans-serif }


.groupPages .tableForm .alt { background-color: #eee; }
.groupPages .tableForm .middle { vertical-align: middle; } 
.groupPages .tableForm th { font-weight: bold; }
.groupPages .tableForm td { vertical-align:top; padding: 0 5px 5px 0; }
.groupPages .tableForm label { font-weight: normal; }
.groupPages .tableForm textarea { border: solid 1px #E8E8E8; width: 250px; }
.groupPages .tableForm .textField { width: 250px; }
.groupPages .tableForm .textFieldWide { width: 370px; }
.groupPages .tableForm td input { vertical-align: middle; margin: 0; }
.groupPages .groupPosts a,
.groupPages .groupPosts a:visited, 
.groupPages .groupPosts a:active, 
.groupPages .groupPosts a:visited,
.groupPages .groupPosts a:active { color: #B01F1C; line-height: 16.5px; }
.groupPages .tableList .tableForm td { padding: 5px 5px; }
.groupPages .legal { font-size: 90%; color: #777; padding-top: 20px; }

/* SPOTS  */
.spot {
	width: 200px;
	background: url(../images/spot/spotbg.gif);
	margin: 0 0 20px 0;
}
.spot h1 {
	font-family: Arial;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}
.spot .top {
	height: 6px;
	font-size:1px;
}
.spot.Red .top {
	background: url(../images/spot/spottop_red.gif);
}
.spot.Blue .top {
	background: url(../images/spot/spottop_blue.gif);
}
.spot.Orange .top {
	background: url(../images/spot/spottop_orange.gif);
}
.spot .bottom {
	height: 5px;
	background: url(../images/spot/spotbottom.gif);
	font-size:1px;
}
.spot .content {
	line-height: 14px;
	padding: 8px 13px 0px 13px;
}
.spot .content div{
	border-bottom: solid 1px #ededed;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
.spot.Red h1 {
	color: #ce2421;
}
.spot.Blue h1 {
	color: #24308e;
}
.spot.Orange h1 {
	color: #df9600;
}


DIV.calendar {margin: 12px 0 0 0;}
.coursestable {margin-bottom: 0.75em;}

DIV.subscribe {margin-top: 12px;}
TABLE.newsletter {margin-top: 6px;}

.divAudition {
	border-bottom:1px solid #C2C2C2;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
}
.printTop {
	display: none;
}

/* ---- calendar ------------------------------------------- */
#calendarTop #textContent { float: left; margin-right: 20px; width: 210px; }
#calendarTop #calendarContent { width: 200px; float: right; }
#calendarTop .spot .content { padding: 0; }

#calendarList { margin-top: 0px; }

#calendarList .calendarItem { border-bottom: 1px solid #C2C2C2; padding-top: 10px; }
#calendarList .calendarItem h2 { font-size: 1em; }

.calendar td { text-align: center; }
.calendar .calHeader {
	background-color: #fff;
	color: #df9600;
	font-size: 1.1em;
}
.calendar .calHeader td {
	padding: 5px 0 5px 0;
	font-weight:bold !important;
}
.calendar .mnav { padding: 0 3px 0 3px; }
.calendar .mnav a { color: #df9600 !important; }
.calendar .day a { color: #000 !important; }
.calendar .oday a { color: #dfc7c7 !important; }
.calendar .sel a { color: #c1c1c1 !important; }
.calendar .selday { background-color: #e6e6e6 !important; }
.calendar .highlighted,
.calendar .highlighted a { font-weight: bold; color: #101b73 !important; }

.rememberme {margin-top:7px;}
.rememberme INPUT {vertical-align: middle; margin:0;}
.rememberme LABEL {vertical-align: middle; margin:0 0 0 7px;}

.tooltip { float:right;}
.tooltiptext {display: none; padding: 4px; width: 175px; border: solid 1px #ededed; background-color: #f9f9f9 ; position:absolute; font-size: 9px; text-align:left; z-index: 1000;}

UL.rssfeed {margin: 0 0 6px 0; padding:0; list-style-position:outside; list-style-type: none;}
UL.rssfeed LI {border-bottom: solid 1px #ededed; padding: 6px 0;}
UL.rssfeed LI A, UL.rssfeed LI A:hover, UL.rssfeed LI A:visited, UL.rssfeed LI A:active {color: #171717;}
A.rssfeedarchive, A.rssfeedarchive:hover, A.rssfeedarchive:visited, A.rssfeedarchive:active {color: #B01F1C;}


.tdAudLbl {font-weight: bold;}

#footer {width: 840px; margin: 0 7px; text-align:center; color: #ffffff; margin-top: 5px;} 
#footer A {color: #ededed;}
#footer P {text-align:center;} 

H3.source {color: #262E99;margin:0;}

.rsssitem {margin-bottom: 16px; clear: both;}
.rssitem H2.subject {margin-bottom: 2px !important;}
.newssummarychronicle {margin-bottom: 14px;}

.newsimage {float:right; margin: 0 0 1em 1em;}

#subpagecontent UL {list-style-type:disc;}

