/* common */
body {font-family: Tahoma, Helvetica, sans-serif; color: #5f5f5f; background: #f1f1f1; margin: 0px; padding: 0px;}
form {margin: 0px; padding: 0px;}

.books {height: 110px; background: url('../images/books.jpg') bottom right no-repeat;}
.container {width: 100%;}
.red {color: #ce0500;}
.red1 {color: #6c7275;}
.green_back {background-color: #EAF6CB;}
.width200 {width: 200px;}

.reference{text-indent: 20px; padding: 0px 10px 0px 10px; text-align: justify !important;}

a img {border: none;}
table.common {width: 100%; border: none; font-size: 8pt; empty-cells: show; border-collapse: collapse;}
table.common th {background-color: #94D034 /*#7bae2b*/; color: white; padding: 5px; border: 1px dotted white;}
table.common td {padding: 5px; border: 1px dotted silver;}
table.common th a {color: white;}

table.blank {}
table.blank td {vertical-align: middle; border: 0px; padding: 5px;}

/* default links */
a:link, a:visited {color: #1487d4;}
a:active, a:hover {color: #f19300;}

/* nav */
div.nav {padding: 0px 20px 0px 0px;}
div.nav ul {margin: 0px; padding: 0px; list-style: none;}
div.nav ul li {font-size: 8pt; font-weight: normal; line-height: 1.2em; color: #238ecf; margin: 0px 0px 1em 0px;}
div.padding td {font-size: 8pt;}

/* form classes */
select {font-size: 8pt; padding: 2px; border-top: 1px solid #808080; border-right: 1px solid #d3d0c9; border-bottom: 1px solid #d1d0ce; border-left: 1px solid #7f7f7f; color: #777;}
.inputText {padding: 2px; border-top: 1px solid #808080; border-right: 1px solid #d3d0c9; border-bottom: 1px solid #d1d0ce; border-left: 1px solid #7f7f7f; font-size: 8pt;}
.inputTextarea {padding: 2px; border-top: 1px solid #808080; border-right: 1px solid #d3d0c9; border-bottom: 1px solid #d1d0ce; border-left: 1px solid #7f7f7f; font-size: 8pt;color: #555;}
.commandButton {background: url("../images/btn_center.gif") repeat-x #FFA600; border: none; margin: 0px 9px 0px 9px; color: white; font-size: 9pt; font-weight: bold; height: 20px;}

.inputTextWide {
	padding: 2px 2px 2px 2px; width: 300px; height: 15px;
	border-top: 1px solid #808080; border-right: 1px solid #d3d0c9; border-bottom: 1px solid #d1d0ce; border-left: 1px solid #7f7f7f; font-size: 8pt; color: #555;
}
.inputTextareaWide {
	padding: 2px 2px 2px 2px; width: 300px; height: 100px;
	border-top: 1px solid #808080; border-right: 1px solid #d3d0c9; border-bottom: 1px solid #d1d0ce; border-left: 1px solid #7f7f7f; font-size: 8pt; color: #555;
}

/* block titles */
div.title {float: left;}
span.title {font: 16pt/22pt "Times New Roman", Times, serif; color: #1487d4;}
span.title_hot {font: 16pt/22pt "Times New Roman", Times, serif; color: #ce0500;}

/* header */
#header {width: 100%; padding-bottom: 5px; background: #fff;}
#topnav {width: 100%;}
#topnav .title {vertical-align: top; padding: 0px 0px 0px 0px; font-size: 7pt;}
#topnav .title div {margin-bottom: 30px;}
#topnav .title h1 {font-family: "Times New Roman", Times, serif; font-size: 16pt; color: #a70b07;}
#bg_topnav {background: url("../images/green_back.gif") repeat-x;}

#languages {font-size: 8pt; width: 90px; text-align: center; vertical-align: middle;}
#languages div {width: 37px; height: 20px; padding-top: 3px;}
#languages #sel {background: url("../images/lang_oval.gif") no-repeat 0 0 #fff;}

#navigation {/*	width: 100%; */}
#navigation th {width: 1px;}
#navigation td {font-size: 10pt; color: #fff; text-align: center; vertical-align: middle; padding: 0px 10px 0px 10px;}
#navigation td a:link, #navigation td a:visited {font-weight: bold; color: #fff;}
#navigation td a:active, #navigation td a:hover {font-weight: bold; color: #fff88d;}

/* content */
.content {width: 100%; background: #fff;}
.content td {padding: 0px;}

/* left column */
.left {width: 214px; vertical-align: top;}
.left h2 {font-size: 9pt; font-weight: bold; color: #689d14; margin: 10px 5px 0px 0px;}
.left div.box {margin: 5px 0px; background: url('../images/left-center_div_border.gif') repeat-y;}
.left div.box2 {margin: 15px 0px; background: url('../images/left-center_div_border2.gif') repeat-y;}
.left div.padding {padding: 5px 5px 5px 20px;}
a.red:link, a.red:visited {color: #ce0500;font-size: 8pt;}
a.red1:link, a.red1:visited {color: #6c7275;font-size: 8pt;}
a.red1:hover {color: #f19300;font-size: 8pt;}
/*.left div.box div.nav ul li {font-size: 8pt; line-height: 1em; margin: 0 0 1em 0;}*/
.left div.nav2 {padding-left: 5px;}
.left div.nav2 ul {font-size: 8pt; padding: 0px; margin: 1em 0px 1.5em 0px; list-style: square url("../images/square.gif");}
.left div.nav2 ul li {margin: 5px 0px 0px 0px; padding-bottom: 7px; border-bottom: 1px dotted #a2a2a2;}

/* main text */
.center {vertical-align: top; padding: 0px 0px 1.5em 0px;}
.center div.padding {padding: 5px 10px 10px 10px;}
.center h1 {font: bold 12pt "Arial Narrow", Helvetica, sans-serif; color: #ffa800; margin: 8px 0px .2em 0px; padding: 0px; text-transform: uppercase;}
.center h2 {font: bold 12pt "Arial Narrow", Helvetica, sans-serif; color: #359ede; margin: 8px 0px; padding: 0px; text-transform: uppercase;}
.center h3 {font-size: 10pt; font-weight: bold; color: Gray; margin: 10px 0px; padding: 0px;}
.center p {font-size: 9pt; line-height: 1.4em; margin: 0px 0px 1em 0px;}
.center ul {font-size: 9pt; margin: 0px 0px 1em 0px; padding: 0px;}
.center ul li {font-size: 9pt; margin: 0px 0px .2em 3em; padding: 0px;}

.center div.nav2 {}
.center div.nav2 h2 {font-size: 9pt; font-weight: bold; color: #689d14; margin: 0px 5px 5px 0px; text-transform: none; font-family: Tahoma, Helvetica, sans-serif;}
.center div.nav2 ul {font-size: 8pt; margin: 1em 0px 1.5em 20px; list-style: square url(" ../images/square.gif");}
.center div.nav2 ul li {font-size: 8pt; margin: 5px 0px 0px 0px; padding-bottom: 7px;}

.form_back {background-color: #f1f1f1; border-top: 1px dotted silver; border-left: 1px dotted silver; border-right: 1px dotted silver; border-collapse: collapse; empty-cells: show;}
.form_back td {vertical-align: top; border-bottom: 1px dotted silver; text-align: left; font-size: 8pt; padding: 5px;}
.form_back td.header {vertical-align: middle; text-align: right; color: Gray; white-space: nowrap; font-weight: bold; font-size: 8pt;}
.form_back td.header_wrap {vertical-align: middle; text-align: right; border-bottom: 1px dotted silver; color: Gray; font-weight: bold; font-size: 8pt;}
.form_back .white {background-color: #fff;}
.outputLabelStrong {color: Gray; white-space: nowrap; font-weight: bold; font-size: 8pt;}
.outputLabelRequired {color: #359ede; white-space: nowrap; font-weight: bold; font-size: 8pt;}

div.map {width: 100%;}
.map h2 {font-size: 9pt; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; color: #689d14; text-transform: none;}
.map ul {margin: 5px 0px 5px 0px; padding-left: 20px;}
.map ul li {margin: 5px 0px 5px 0px; font-size: 8pt;}
.map ul ul {list-style-type: none;}
.map td {padding: 0px 5px 0px 5px;}
.dotted_right {border-right: 1px dotted silver;}

div.tabs {background-color: #DDDDDD; padding: 10px 5px 0px 5px; margin: 10px 0px 10px 0px;}
.tabs th {background-color: #FFFFFF; color: Gray; font-size: 8pt; padding: 3px 5px;}
.tabs td {background-color: #7BB424; color: #FFFFFF; font-weight: bold; padding: 3px 5px;}
.tabs td.title {background-color: transparent; font-size: 10pt; color: #5F5F5F; padding: 3px 5px;}
.tabs td.separator {background-color: transparent; padding: 3px 2px;}
.tabs td a:link, .tabs td a:visited {color: #fff;}
.tabs td a:active, .tabs td a:hover {color: #fff88d;}

td.discuss {text-align: right; vertical-align: top; width: 320px;}
div.float_right {float: right;}

div.cat_header {font-size: 10pt; font-weight: bold; background-color: #fafaec /*#EAF6CB*/; padding: 5px 10px 5px 10px;}

/* hot news */
div.hot {padding: 5px 15px 5px 15px; background-color: #fafaec;}
div.hot p {font-size: 8pt; margin-top: 5px;}
div.hot a {font-weight: bold;}

/* usual news */
.news {margin-top: 10px; background: url("../images/photo_back.jpg") no-repeat; padding: 10px 0pt 0pt 10px; font-size: 8pt; line-height: 11pt; text-align: justify;}
.date {color: #689d14; font-size: 8pt;}
h4 {font-size: 8pt; font-weight: bold; margin: 5px 0px 10px 0px; text-align: justify;}
.news a {font-weight: bold;}

/* resource catalog */
.center2 {width: 247px;	vertical-align: top;}
.center2 div.padding {padding: 10px 0 0 0;}
.center2 h2 {font-size: 9pt; font-weight: bold; color: #689d14; margin: 10px 5px 0px 0px;}
.center2 div.nav ul {font-size: 8pt; margin: 1em 0 1.5em 20px; list-style: square url("../images/square.gif");}
.center2 div.nav ul li {margin: 5px 0 0 0; padding-bottom: 7px; border-bottom: 1px dotted #a2a2a2;}

/* right column */
.right {width: 187px; vertical-align: top; background: url('../images/pencil.jpg') bottom right no-repeat;}
.right div.box {margin: 10px 0 10px 0;	background: url('../images/right-center_div_border.gif') repeat-y;}
.right div.box2 {margin: 15px 0; background: url('../images/right-center_div_border2.gif') repeat-y;}
.right div.padding {padding: 5px 0px 0px 10px;}
.right h2 {font-size: 9pt; font-weight: bold; color: #689d14; margin: 10px 5px 10px 0px;}
.right a {font-size: 8pt;}
/*.right div.box div.nav ul li {font-size: 8pt; line-height: 1em; margin: 0 0 1em 0;}*/

/* info-panels */
div.information {background: url('../images/icon_information.gif') 5px 10px no-repeat #FAFAEC; padding: 12px 10px 10px 30px; font-size: 8pt;} 
.information h3 {padding: 0px; margin: 0px 0px 10px 0px; color: #689D14; font-size: 10pt;}
div.question {background: url('../images/icon_question.gif') 5px 10px no-repeat #FFFFF1; padding: 12px 10px 10px 30px; font-size: 8pt;} 
.question h3 {padding: 0px; margin: 0px 0px 10px 0px; color: #1487d4; font-size: 10pt;}
div.warning {background: url('../images/icon_warning.gif') 5px 10px no-repeat #feefef; padding: 12px 10px 10px 30px; font-size: 8pt;} 
.warning h3 {padding: 0px; margin: 0px 0px 10px 0px; color: #ce0500; font-size: 10pt;}

/* 'enter' panel*/
div.enter_form {text-align: center; margin: 5px 0px;}
td.enter_form {background: url('../images/center_div_border.gif') repeat-y;}
td.enter_form table {margin: 0px 5px; font-size: 7pt; width: 170px; border: none; text-align: left;}
td.enter_form table a {font-size: 7pt;}
td.enter_form .inputText {width: 155px;}
td.enter_form .commandButton {margin: 0px;}

/* ul for voting */
.voting {font-weight: bold; font-size: 8pt; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
.voting td {font-weight: normal;}

/* page bottom */
#bottom {font-size: 8pt; border-bottom: 1px solid #C3C3C3; background: url('../images/pencil_back.gif') right repeat-y;}
#copyright {font-size: 7pt; color: #898989; vertical-align: top; padding-top: 5px;}

/* composite buttons
.btn_right input {background: url("../images/btn_center.gif") repeat-x; border: none; margin: 0 9px 0 9px; color: white; font-size: 9pt; font-weight: bold; height: 20px;}
.btn_left {float: left;	background: url("../images/btn_left.gif") no-repeat left;}
.btn_right {background: url("../images/btn_right.gif") no-repeat right;}
 - */

/*
.twocolumn {width: 82%; vertical-align: top; background: url("../images/bg_content_center_bottom.gif") repeat-x 0 100%; border-bottom: 5px solid #42a9e9; padding: 0 0 1.5em 0;}
.twocolumn div.padding {padding: 0 10px;}
.twocolumn h1 {font: bold 100% "Arial Narrow", Helvetica, sans-serif; color: #ffa800; margin: 0 0 .2em 0; padding: 0; text-transform: uppercase;}
.twocolumn h2 {font: bold 100% "Arial Narrow", Helvetica, sans-serif; color: #359ede; margin: 0; padding: 0; text-transform: uppercase;}
.twocolumn p {font-size: 80%; line-height: 1.4; margin: 0 0 1.5em 0;}
.twocolumn ul {margin: 0 0 1.5em 0; padding: 0;}
.twocolumn ul li {font-size: 80%; margin: 0 0 .5em 3em; padding: 0;}

.onecolumn {width: 100%; vertical-align: top; background: url("../images/bg_content_center_bottom.gif") repeat-x 0 100%; border-bottom: 5px solid #42a9e9; padding: 0 0 1.5em 0;}
.onecolumn div.padding {padding: 0 10px;}
.onecolumn h1 {font: bold 100% "Arial Narrow", Helvetica, sans-serif; color: #ffa800; margin: 0 0 .2em 0; padding: 0; text-transform: uppercase;}
.onecolumn h2 {font: bold 100% "Arial Narrow", Helvetica, sans-serif; color: #359ede; margin: 0; padding: 0; text-transform: uppercase;}
.onecolumn p {font-size: 80%; line-height: 1.4; margin: 0 0 1.5em 0;}
.onecolumn ul {margin: 0 0 1.5em 0; padding: 0;}
.onecolumn ul li {font-size: 80%; margin: 0 0 .5em 3em; padding: 0;}

.right_no_border{
	border-left: 1px solid #dbf0f3;
	padding-left: 10px;
}

.right_no_border h5{
	font-size: 70%;
}

.sep {width: 1%;}
*/
div.img_left {float: left; margin: 0 10px 5px 0;}
/* div.img_left img {border: 3px solid #fff;} */
/*
#footer .center {width: 60%; vertical-align: top; background: none; border: none; font-size: 60%; color: #9baeae; padding: 6px 0;}
#footer .twocolumn {width: 82%; vertical-align: top; background: none; border: none; font-size: 60%; color: #9baeae; padding: 6px 0;}
#footer .onecolumn {width: 100%; vertical-align: top; background: none; border: none; font-size: 60%; color: #9baeae; padding: 6px 0;}
#footer .right, #footer .left {border: none;}

div.bg_top {width: 100%; height: 16px; background: url("../images/bg_content_center_top.gif") repeat-x 0 100%; margin: 0 0 12px 0;}
*/
/* form */
/*
table.form {}
table.form th {font-size:70%; font-weight: normal; text-align: left;}
table.form td {font-size: 70%;}
table.form td.buttons {font-size: 70%; padding: 5px 0 10px 17px;}
*/
/* title */
/*
.title_text1 {
	font-size:120%;
	font-family:  Myriad, Pro, SemiBold;
	font-style: normal;
	font-weight: bold;
	color: rgb(33,140,206);
}

.title_text2 {
	font-size:120%;
	font-family:  Myriad, Pro, SemiBold;
	font-style: normal;
	font-weight: bold;
	color: color: rgb(255,168,0);
}

.outputLabel {
	COLOR: #42474c;
	font: 11px Tahoma, Helvetica, Verdana;
	white-space: nowrap;
	width: 60%;
}
*/
/*
.outputLabelStrong {
	COLOR: #42474c;
	font: 11px Tahoma, Helvetica, Verdana;
	white-space: nowrap;
	FONT-WEIGHT: bold;
}
*/
/*
.outputLabelHeader {
	COLOR: #d7f0ff;
	font: 9px Tahoma, Helvetica, Verdana;
	white-space: nowrap;
	FONT-WEIGHT: bold;
}

.outputText {
	FONT-SIZE: 11px;
	COLOR: #42474c;
	FONT-FAMILY: tahoma, verdana;
}

.outputTextBold {
	FONT-SIZE: 11px;
	COLOR: #42474c;
	FONT-FAMILY: tahoma, verdana;
	FONT-WEIGHT: bold;
}
*/
/*
.inputTextWide {
	BORDER-RIGHT: #98bec7 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #98bec7 1px solid;
	PADDING-LEFT: 2px;
	FONT-SIZE: 9pt;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #98bec7 1px solid;
	WIDTH: 300px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #98bec7 1px solid;
	FONT-FAMILY: tahoma, verdana;
	HEIGHT: 21px;
}

.inputTextarea_old {
	BORDER-RIGHT: #98bec7 1px solid;
	BORDER-TOP: #98bec7 1px solid;
	FONT-SIZE: 9pt;
	BORDER-LEFT: #98bec7 1px solid;
	WIDTH: 265px;
	BORDER-BOTTOM: #98bec7 1px solid;
	FONT-FAMILY: tahoma, verdana;
	PADDING-TOP: 2px;
	padding-left: 2px;
}
.inputTextareaWide {
	BORDER-RIGHT: #98bec7 1px solid;
	BORDER-TOP: #98bec7 1px solid;
	FONT-SIZE: 9pt;
	BORDER-LEFT: #98bec7 1px solid;
	WIDTH: 303px;
	height: 100px;
	BORDER-BOTTOM: #98bec7 1px solid;
	FONT-FAMILY: tahoma, verdana;
}
*/
/*
.outputLabel {
	COLOR: #42474c;
	font: 11px Tahoma, Helvetica, Verdana;
	width: 60%;
}

.outputLabelBold {
	color:#4E6167;
	font-weight:bold;
	font-size:70%;
}

.commandLink {
	FONT-SIZE: 10px;
	FONT-FAMILY: tahoma, verdana;
}

.panelGridHeader {
	BORDER-TOP: silver 1px dotted;
	BORDER-BOTTOM: silver 1px dotted;
	width: 99%;
}

.standardTable_Row1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: red;
	font-size: 30px;
	text-align: left;

}

.standardTableHeader {
	padding: 7px;
	font-size: 9px;
	background-color: #42AAE9;
}

.standardTable_Column {
	padding: 7px;
	font-size: 11px;
	text-align: left;
}

.portletItem { width: 99%; }
.portletNewsItem { width: 200px; }

.selectBooleanCheckbox {
}
.selectOneRadio {
	FONT-SIZE: 80%;
}
.selectOneRadio_Disabled {
	COLOR: graytext
}
.selectManyCheckbox {
	FONT-SIZE: 80%;
}
.selectManyCheckbox_Disabled {
	COLOR: graytext
}
.selectOneListbox {

}
.selectOneMenu {
	FONT-SIZE: 80%;
}

.selectManyListbox {

}

.tabbedPane{
	font-weight: bolder;
	color: white;
	font-size: 80%;
	margin: 5px 2px 10px 0;
	border-bottom-style: solid;
	border-bottom-color: #7bae2b;
	width: 100%;
}
.tabbedPane .nowidth{
	width: 20px;
}
.tabbedPane a{
	text-decoration: none;
}
.tabbedPane .enable{
	color: white;

}

.tabbedPane .enable a{
	color: white;
}

.tabbedPane .disable a{
	color: gray;
}

.ed_resources{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 80%;
}
.ed_resources .header{
	line-height: 1.4em;
	color: #238ecf;
	font-weight: bolder;
	margin: 10px 0 1em 0;
	padding: 0 0 10px 17px;
	text-transform: uppercase;
}

.ed_resources table{
	width: 100%;
}

.ed_resources th{
	font-size: 70%;
	background-color: rgb(33, 140, 206);
	color: white;
	padding: 5px;
}
.ed_resources td{
	padding-top: 2px;
}
.ed_resources a{
	text-decoration: none;
	color: rgb(97,97,97);
}
.ed_resources a:hover {
	color: #238ecf;
}
*/
.valign_top {
	vertical-align: top !important;
}

.valign_middle {
	vertical-align: middle !important;
}

.align_left {
	text-align: left !important;
}

.align_center {
	text-align: center !important;
}

.align_right {
	text-align: right !important;
}
.no_border{
	border: 0px !important;
}

/*
.count {
	text-align: center;
	width: 50px;
}
.name {

}

table.panelGridHeader span {
	font-size: 10px;
}

table.panelGridHeader a {
	font-size: 10px;
}

table.panelGridHeader span {
	font-size: 10px;
}

span.textlarge {
	font-size: 12px;
}
 
 .align-right {text-align: right;}
  .align-left  {text-align: left;}
  .align-justify {text-align: justify;}
  .align-center {text-align: center;}  
*/