/****************************************************************/
/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design without sidebar                           */
/*   File:     Grid Toolbox                                     */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     March 13, 2008                                   */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/***********/
/*  RESET  */
/***********/

html{color:rgb(0,0,0); background-color:rgb(240,240,240);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal; clear: both;}
q:before,q:after{content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;} /* to preserve line-height and selector appearance */
sub {vertical-align:text-bottom;} /* to preserve line-height and selector appearance */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* to preserve line-height and selector appearance */
legend{color:rgb(0,0,0);} /*because legend doesn't inherit in IE */

/******************/
/* GLOBAL LAYOUT  */
/******************/
body {font-size:62.5%; background-color:rgb(240,240,240); font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.header {width:958px; min-height:130px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:130px /*IE6*/; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background:rgb(225,225,225) /*Total header background image entered here. Height: 125px*/; font-size:1.0em;}
.header-top {clear:both; width:958px; height:100px; background:rgb(218,218,218) /*Top header background image entered here. Height: 100px*/; font-size:1.0em;}
.header-bottom {clear:both; width:958px; min-height:30px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:30px /*IE6*/; background:rgb(225,225,225) /*Bottom header background image entered here: Height: 25 px*/; font-size:1.0em;}
.navbar {white-space:nowrap /*IE hack*/; float:left; width:958px; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(225,225,225); font-family:tahoma,arial,sans-serif; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;} /*Color navigation bar normal mode*/
.main {clear:both; width:958px; padding:10px 0 20px 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(200,200,200); font-size:1.0em;}
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(225,225,225); font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

/*******************/
/*  HEADER BOTTOM  */
/*******************/

/* BREADCRUMB */
.header-bottom ul {float:left; width:730px; list-style:none; padding:8px 0 3px 10px !important /*Non-IE6*/; padding:8px 0 3px 10px /*IE6*/;}
.header-bottom ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom ul li.nobullet {display:inline; padding:0; background:none; color:rgb(75,75,75);}
.header-bottom ul a {color:rgb(125,125,125); font-weight:bold; text-decoration:none;}
.header-bottom ul a:hover {color:rgb(255,255,255);}

/* SEARCH FORM */
.header-bottom .searchform {float:right; width:100px;}
.header-bottom .searchform form fieldset {float:right; border:none; padding-top:5px; padding-right:10px;}
.header-bottom .searchform input.field {width:15.0em; height:1.2em; padding:1px !important /*Non-IE6*/; padding:2px /*IE6*/; border:solid 1px rgb(200,200,200); background-color:rgb(255,255,255); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom .searchform input.button {width:4.5em; height:1.6em; background-color:rgb(240,240,240); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(100,100,100); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background-color:rgb(220,220,220); color:rgb(80,80,80);}


/*******************************/
/*  SUCKERFISH NAVIGATION BAR  */
/*******************************/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 1000;
}

#nav a {
	display: block;
	/*width: 10em;*/
}

#nav li { /* all list items */
	float: left;
	/*width: 10em; width needed or else Opera goes nuts */
	background-color:rgb(225,225,225);
}

#nav li a {
	display:block; 
	height:3.1em; 
	line-height:3.1em; 
	padding:0 16px 0 16px; 
	text-decoration:none; 
	font-weight:bold; 
	color:rgb(100,100,100); 
	border-right:solid 0px rgb(215,215,215);
}

#nav li:hover {
	background-color:rgb(235,235,235)
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color:rgb(215,215,215);
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul {
	/*display:block; 
	width:10.0em; 
	position:absolute;
	z-index:1000; 
	top:3.0em; 
	margin-top:0.1em; 
	left:0; 
	padding:0px 16px 0px 16px;*/
	padding-left: 10px;
	border-top:solid 1px rgb(215,215,215);
}

#nav li ul li a {
	white-space:normal; 
	display:block; 
	width:10.0em; 
	height:auto; 
	line-height:1.3em; 
	/*margin-left:-17px; */
	padding:4px 16px 4px 16px; 
	border-right:solid 1px rgb(215,215,215); 
	border-left:solid 1px rgb(215,215,215); 
	border-bottom: solid 1px rgb(215,215,215); 
	background-color:rgb(235,235,235); 
	font-weight:normal; 
	color:rgb(100,100,100);
}

#nav li ul li a:hover {
	background-color:rgb(225,225,225); 
	text-decoration:none;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 12.5em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* Special Menu Items */
.parentItem {
  background: url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
}

.externalItem {
  background: url(../img/bg_bullet_square.gif) no-repeat 0 50%;
}

/*****************/
/*  GRID STYLES  */
/*****************/




/************/
/*  FOOTER  */
/************/
.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}

/*********************/
/*  ROUNDED CORNERS  */
/*********************/

/* PAGE */
.corner-page-top {width:978px; height:10px; background:transparent url(../img/bg_corner_page_top.gif) no-repeat; overflow:hidden;}
.corner-page-bottom {width:978px; height:10px; padding-bottom:20px; background:transparent url(../img/bg_corner_page_bottom.gif) no-repeat; overflow:hidden;}


/*************/
/*  CONTENT  */
/*************/

/* PAGETITLE */
.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px; background: url(../img/icon_pagetitle.gif) no-repeat; background-position:center left; color:rgb(255,255,255); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}

/**********/
/* IMAGES */
/**********/

.main img {clear:both; float:left; margin:3px 15px 7px 0;  border:solid 3px rgb(200,200,200);}
.main img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px rgb(200,200,200);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);}

/*********/
/* LINKS */
/*********/

/* Text links */
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

/*Image links */
.main a img {border:solid 3px rgb(200,200,200);}
.main a:hover img {border:solid 3px rgb(175,175,175);}

/******************************************/
/*  YOUR OWN USER STYLES                  */
/*  If you want to add your own styles,   */
/*  then add them here below in order to  */
/*  avoid a mixup with default styles.    */
/******************************************/

/* BILLEDER */
.csc-textpic-imagerow {
  margin-top: 10px;
}

p.no-content-img {
  margin-top: 0 !important;
  padding-top: 1.0em !important;
}

.align-center {
  text-align:center;
}

.align-left {
  text-align:left;
}

.align-right {
  text-align:right;
}

/* WEC-DISCUSSION */
.tx-wecdiscussion-forumMessageReply .replydiv {
  border-top:solid 1px rgb(215,215,215);
}

.tx-wecdiscussion-form div.inputFormRow {
	clear: both; display:block;  margin:0px; padding:0px; padding-top: 4px;
}
.tx-wecdiscussion-form div.inputFormRow span.label {
	display: block; float: left;  width: 25%; text-align: right;
}
.tx-wecdiscussion-form div.inputFormRow span.textacross {
	display: block; float: left;  width: 100%;  text-align: center; margin: 0px auto;
}
.tx-wecdiscussion-form div.inputFormRow span.inputBox {
	display: block; float: right; width: 73%; text-align:left;
}
.tx-wecdiscussion-form div.inputFormRow span.inputBox input {
	width: 95%;
}
.tx-wecdiscussion-form div.inputFormRow span.inputBox textarea {
	 width:	95%;	height:85px;
}
.tx-wecdiscussion-form div.inputFormRow span.inputBox textarea .large {
	 width:	95%;	height:300px;
}
.tx-wecdiscussion-form fieldset {
	border: 0;
	margin: 3px;
	padding: 3px;
}
.tx-wecdiscussion-form div.header {
	display: block; float: left;  width: 100%;  text-align: center; margin: 0px auto;
}
.tx-wecdiscussion-spacer-req {
	display: inline;  width: 10px;  line-height: 1px;  margin: 0px;  padding: 0px; margin-left:4px;
}
.tx-wecdiscussion-spacer {
	clear:both;	height:0.1em; width:100%;
}
.tx-wecdiscussion-form-requiredMarker {
	color: #CC0000;
}

/* CALENDAR BASE */
.tx-cal-controller img {clear:none; float:none; margin:0;  border:0;}

/*  TT_NEWS */
p.news-info { 
	margin-top: 0; 
	padding-top: 0; 
	font-size: 95% !important;
}
p.news-list-morelink { 
	margin-top: 0; 
	padding-top: 0; 
	text-align: right; 
}

.manchet {
	font-style: italic;
}

/* MISC STYLES */
.contenttable {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-right: 20px;
  margin-left: 20px;
}

.contenttable tbody td {
  background-color: white;
  vertical-align: top;
  border: 0;
  font-size: 100% !important;
  font-size: 100%;
  padding-right: 10px;
  padding-bottom: 10px;
}
.contenttable tbody td P {
  margin-top: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0;
}