/* GENERAL STYLES */
BODY {
	background: #C8DBDB url(../img/start_set/bg_bg.gif) repeat-y left;
	border : none;
	margin : 0px;
	padding: 0px;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
H1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 150%;
	/*color: #006666;*/
	color: #495f5f;
}
H2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #2F4F4F;
}
H3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #006666;
}

P{
	/*line-height : 20px;*/
	color: #495f5f;
}

UL{
	/*list-style-image: url(../img/bullets/tricho_bullet.gif);*/
}

INPUT.TEXTAREA {
	background : #FFDEBD;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	text-transform : uppercase;
	color : #000066;
}
/* END OF GENERAL STYLES */

/* DESIGN */

/* MAIN PAGE STRUCTURE */

#leftArea{
	width: 160px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: url(../img/start_set/bg_bg.gif) repeat-y left top;
	/*border: 1px #990000 solid;*/
}
#rightArea{
	margin: 0 0 0 160px;
	/*border: 1px #FFFF00 solid;*/
}

/* END OF THE MAIN PAGE STRUCTURE */

/* HEADER */
#page_top{
	/*border-bottom: 1px #316363 solid;*/
	/*min-width: 600px;*/
	margin: 1px;
	padding: 1px;
	position: absolute;
	left: 160px;
}
#page_top A{
	text-decoration: none;
	color: #000000;
	font-size: 10px;
}
#page_top A:HOVER{
	color: #3366CC;
}
#login{
	position: absolute;
	right: 10px;
	/*float: right;*/
	padding: 2px 10px 3px 3px;
	font-size: 11px;
}
#login A{
	color: #006600;
	text-decoration: none;
}
#login A:HOVER{
	color: #FF6600;
}
.headerBg{
	background: #c4d7d7 url(../img/design/bg/header_bg.gif) repeat-x top left;
}
#banner{
	position: absolute;
	right: 10px;
	top: 36px;
	/*border: 1px #FF6600 dotted;*/
	/*width: 100px;*/
	height: 27px;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	color: #FF9900;
	text-align: center;
	padding: 3px;
	width: 90px;
}
#banner A{
	color: #FF9900;
	text-decoration: none;
}
#header{
	height: 140px;
	/*min-width: 700px;*/
	padding: 0px;
	margin: 0px;
	background: #c8dbdb url(../img/design/bg/header_bg.gif) repeat-x left top;
	/*position: relative;*/
	border-top: 1px #003300 solid;
}
#header H1{
	padding: 1px 3px 3px 7px;
	margin: 3px 3px 3px 85px;
	font-size: 110%;
	color: #FF9900;
}
#header A{
	font-size: 80%;
	color: #FFFFFF;
	text-decoration: none;
}
#logo{
	padding: 0px;
	background: url(../img/design/logo/logo.jpg) no-repeat left top;
	width: 160px;
	height: 160px;
	margin: 0px;
	border-top: 1px #003300 solid;
}
#logo IMG{
	padding: 0;
	margin: 0;
}
#title{
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 55px 0 0 5px;
	padding: 0 3px 0 7px;
}
#navBar{
	padding: 0px;
	border-top: 1px #517d7d solid;
	background: #4d8585 url(../img/design/bg/navBar_bg_behind.gif) repeat-x left top;
	height: 16px;
	margin: 7px 0 0 0;
}
#navBar UL{
	list-style: none;
	margin: 0px 3px 3px 160px;
	padding: 0px;
}
#navBar LI{
	float: left;
	list-style: none;
	padding: 0px 2px 2px 5px;
	margin: 0px;
}
#navBar A{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	border-left: 1px #c8dbdb solid;
	border-right: 1px #c8dbdb solid;
	padding: 1px 5px 1px 3px;
	margin: 0px;
	background: url(../img/design/bg/navBar_bg.gif) repeat-x top left;
}
#navBar A:HOVER{
	color: #333333;
	background: #CCCCCC url(../img/design/bg/navBar_bg_over.gif) repeat-x top left;
	
}
.clear{
	clear: both;
	height: 1px;
	padding: 0px;
	margin: 0px;
}
/* END OF HEADER */


/* LEFT NAVIGATION AREA */
#navigationArea{
	float: left;
	max-width: 150px;
}
.navigationDiv{
	padding: 1px 1px 15px 1px;
	margin: 0px 0px 0px 0px;
	min-width: 148px;
	background: #669999 url(../img/design/bg/navigation_bg_1.gif) repeat-x bottom left;
}
.navigationDiv UL{
	list-style: none;
	margin: 0px;
	padding: 1px;
}
.navigationDiv LI{
	margin: 0px;
	padding: 1px;
}
.navigationDiv A{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
.navigationDiv A:HOVER{
	font-size: 12px;
	color: #333333;
	background-color: #C8D8D8;
}
.navigationDiv H2{
	font-size: 13px;
	color: #FFCC66;
	padding: 2px;
	margin: 0px;
	border-bottom: 1px #508383 solid;
	background: url(../img/design/bg/h2_bg.gif) repeat-x top left;
}
.navigationDiv FORM{
	padding: 2px;
	margin: 0px;
}
.navigationDiv INPUT{
	font-size: 10px;
	/*background-color: #C8DBDB;*/
}
/* END OF LEFT NAVIGATION AREA */

/* CONTENT AREA */
#contentArea {
	background-color: #d1e4e4;
	border-right: 1px #669999 solid;
	border-left: 1px #669999 solid;
	padding: 0px;
	margin: 5px 5px 0px 0px;
}
#pageTitle{
	font-size: 100%;
	font-weight: bold;
	background-color: #669999;
	padding: 1px;
	margin: 0px;
	border-bottom: 1px #FF9900 solid;
}
#pageTitle P{
	font-size: 13px;
	color: #F2F2F2;
	padding: 0 0 0 5px;
	margin: 0px;
}
#pageNavigation{
	padding: 2px;
	float: right;
	font-size: 10px;
	padding: 3px;
	color: #FBFFEA;
}
#pageNavigation A{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	padding: 3px;
}
#pageNavigation A:HOVER{
	color: #FF9900;
}
#pageTitleBottom{
	clear: right;
	background: #E6F2F2 url(../img/design/bg/content_title_shadow.gif) repeat-x left bottom;
	height: 5px;
}
#content{
	padding: 3px 5px 5px 3px;
	margin: 0px;
	background-color: #E6F2F2;
	/*width: 90%;*/
}
#content DIV {
	
}
#content P{
	padding: 5px 5px 2px 5px;
	margin: 2px;
	text-align: justify;
}
#contentBottom{
	background: url(../img/design/bg/content_bottom_shadow.gif) repeat-x left top;
	height: 5px;
	margin: 0 5px 5px 0;
	padding: 0 5px 5px 3px;
}
.newsDiv{

}
/* END OF CONTENT AREA */

/* TEXT Styles */
#pageDescription{
	margin: 3px 12px;
	/*background-color: #F4F4F4;*/
	font-size: 90%;
	/*border: 1px #CED8D9 solid;*/
}
#pageDescription A{
	color: #000099;
	text-decoration: none;
}
#pageDescription A:HOVER{
	color: #003300;
	text-decoration: underline;
}

/***************************************************************************/
/* CONTENT AREA */
#editableArea{
	margin: 3px 3px;
	padding: 3px;
}
#editableArea A{
	color: #000099;
	text-decoration: none;
}
#editableArea A:HOVER{
	color: #006600;
	text-decoration: underline;
}
#editableArea H1{
	margin: 9px 0px 5px 0px;
	padding: 3px 0 3px 10px;
	color: #333333;
	text-shadow: #CCCCCC;
	font-size: 120%;
	border-bottom: 1px #CCCCCC solid;
}
#editableArea H2{
	border-bottom: 1px #666666 dotted;
	font-size: 110%;
	margin: 5px 2px 3px 4px;
	padding: 3px 0 3px 10px;
	background: url(../img/arrows/arrow_11.gif) no-repeat left;
}
#editableArea IMG{
	margin: 5px;
}
#editableArea FORM{
	/*background: #e6f2f2 url(../img/bg/form_bg.gif) repeat-x top;*/
	margin: 0px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	/*border: 1px #CCCCCC solid;*/
}
.openButton{
	text-align: right;
}
.leftFloatedArea{
	float: left;
	margin: 5px;
}

.nestedRegionFirst{
	font-size: 105%;
	font-weight: bold;
	color: #666666;
	margin: 2px 2px 2px 10px;
	padding: 2px;
}
.nestedRegionSecond{
	margin: 2px 2px 2px 15px;
	padding: 2px;
}
.nestedRegionSecond A{
	color: #003399;
	text-decoration: none;
}
.nestedRegionSecond A:HOVER{
	color: #0099FF;
	text-decoration: underline;
}
.nestedRegionThird{
	margin: 2px 2px 2px 25px;
	padding: 2px;
}
.nestedRegionThird A{
	color: #003399;
	text-decoration: none;
}
.nestedRegionThird A:HOVER{
	color: #0099FF;
	text-decoration: underline;
}
.grayText{
	color: #999999;
}
/* END OF CONTENT AREA */
/***************************************************************************/
.redTD{
	background-color:  Red;
	color: #FFFF00;
	font-weight: bold;
}
/* End of TEXT Styles */

/* FOOTER */
#footer{
	/*border-top: 1px #336666 solid;*/
	font-size: 10px;
}
#footer P{
	border-top: 2px #336666 solid;
	padding: 0px;
	margin: 0px;
}
#footer H6{
	padding: 0 5px;;
	color: #336666;
}
#footer IMG{
	padding: 5px 130px 0px 5px;
}
#footer A{
	color: #336666;
	text-decoration: none;
	font-size: 10px;
}
#footer A:HOVER{
	color: #FF9900;
	text-decoration: none;
}
/* END OF FOOTER */

/* END OF DESIGN */
