html,body{
	color: #555;
	margin: 0;
	/*background:#FEFEFE url('/images/Bg.gif') fixed;*/
}

html{
	background:#FEFEFE url('/images/Bg.gif') fixed;
}
body{
	background:transparent url('/images/bg_color.png') repeat-x top left;
}

html.iframe, body.iframe{
	background: none;
	background-color: transparent;
}

#popupdiv{
	border: 1px solid #B5421C;
	background-color: #D54E21;
	color: #fff;
}

/*Main stuff*/

#top{
	border-top: 1px solid #282828;
	border-left: 1px solid #282828;
	border-right: 1px solid #282828;
	border-bottom: 1px solid #555;
	/*background-color: #464646;*/
	background: #464646 url('/images/top.jpg') no-repeat center center;
}

#menu{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #282828;
	border-left: 1px solid #282828;
	background-color: #464646;
}
#menu a{
	color: #999;
}
#menu a:hover{
	color: #FFF;
}
#menu li{
	padding: 2px 5px;
}

#menu li.current, #menu li.current.extra{
	background-color: #E4F2FD;
	padding: 1px 1px;
	border: 1px solid #CCC;
}
#menu li.current a{
	padding: 2px 2px 9px 2px;
	background-color: #E4F2FD;
}

#menu li.current.NoSub{
	background-color: #FFF;
	padding: 1px 1px;
	border: 1px solid #CCC;
}
#menu li.current.NoSub a{
	padding: 2px 2px 10px 2px;
	background-color: #FFF;
}

#menu li.current.NoSub a, #menu li.current a{
	color: #555;
}
#menu li.current.NoSub a:hover, #menu li.current a:hover{
	color: #555;
}

#menu li.extra{
	background-color: #D54E21;
	padding: 1px 4px 1px 4px;
	border: 1px solid #B5421C;
	margin: 2px 2px 2px 2px;
}
#menu li.extra a{
	color: #FFF;
}
#menu li.extra a:hover{
	color: #FFAC90;
}
#menu li.current.extra a{
	color: #555;
}
#menu li.current.extra a:hover{
	color: #555;
}

#menu li.facebook
{
	float: right;
	
	border: 0px solid yellow;
}
#menu li.facebook a
{
	display: block;
	width: 61px;
	height: 20px;

	padding: 0;
	border: 0px solid #B5421C;
	margin: 1px 0 0 0;

	background: url('/images/facebook_logo.jpg') repeat-y left top;
	/*border: 0px solid red;*/
}
#menu li.facebook a:hover
{
	background: url('/images/facebook_logo.jpg') repeat-x left top;
}

#submenu{
	border-bottom: 1px solid #C6D9E9;
	border-right: 1px solid #282828;
	border-left: 1px solid #282828;
	background-color: #E4F2FD;
}
#submenu li.current{
	background-color: #FFF;
	border: 1px solid #C6D9E9;
	padding: 1px 1px;
}
#submenu li.current a{
	background-color: #FFF;
	padding: 2px 4px 7px 4px;
	color: #555;
}


/*Content*/
#content{
	border-left: 1px solid #282828;
	border-right: 1px solid #282828;
	border-bottom: 1px solid #282828;
	background-color: #FFF;
}

#left{}

#main{
	/*width: 680px;*/
	width: 771px;
	/*border-left: 1px solid black;*/
	border-right: 1px solid #CCC;
}

#right{
	width: 200px;
	padding: 0 0 4px 0;
}

/*Bottom*/
.bottom{

}
#bottom{
	border-top: 1px solid #282828;
	background-color: #F9F9F9;
	text-align: center;
}
#bottom .text{
	padding: 2px 20px 0 0;
	letter-spacing: 20px;
}


div.mainPageContent{
	border-right: 0px solid black;
}
div.mainPageContent .newsItem{
	border-bottom: 1px solid #464646;
	padding: 1px 1px 0 1px;
}
div.mainPageContent .newsItem:hover{
	background-color: #E4F2FD;
	border-top: 1px solid #C6D9E9;
	border-left: 1px solid #C6D9E9;
	border-right: 1px solid #C6D9E9;
	border-bottom: 1px solid #555;
	padding: 0;
}
div.mainPageContent .newsItem .newsHeader{
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #464646;
	line-height: 22px;
	padding: 0 0 0 4px;
}
div.mainPageContent .newsItem:hover .newsHeader{
	background-color: #464646;
	border-bottom: 1px solid #ccc;
	color: #FFF;
}

div.mainPageContent .newsItem .newsText{
	padding: 1px 4px 2px 2px;
}

div.startContent{
	width: 469px;
}

/* Right Content */

#right input{
	font-size: 1em;
	padding: 1px 2px 1px 2px;
}

#right input[type="text"], input[type="password"]{
	width: 90px;
}


#right div.item{
	border-bottom: 1px solid #CCC;
	background-color: #F9F9F9;
}

#right div.item div.header{
	padding: 2px;
	width: 196px;
	border-bottom: 1px solid #ccc;
	background-color: #464646;
	line-height: 18px;
	color: #FFF;
}
#right div.item div.header a{
	display: block;
	color: #FFF;
}


#right div.item div.info{
	width: 200px;
	background-color: #E4F2FD;
	/*border-top: 1px solid #ccc;*/
}
/*
#right div.item div.info .button{
	border: 1px solid #C6D9E9;
	background-color: #F9F9F9;
}

#right div.item div.info .button:hover{
	border: 1px solid #555;
	background-color: #EFEFEF;
}
*/
#right div.item div.text{
	padding: 4px;
	max-height: 94px;
	overflow: hidden;
	border-top: 1px solid #C6D9E9;
}

/* NEWS */
div.news{}

#right div.news div.item:hover{
	cursor: pointer;
	background-color: #EFEFEF;
	border-bottom: 1px solid #555;
}

/*div.news div.newsItem div.newsHeader{
	padding: 2px;
	width: 196px;
	border-bottom: 1px solid #ccc;
	background-color: #464646;
	line-height: 18px;
	color: #FFF;
}
div.news div.newsItem div.newsHeader a{
	display: block;
	color: #FFF;
}


div.news div.newsItem div.newsInfo{
	width: 200px;
	background-color: #E4F2FD;
	border-bottom: 1px solid #C6D9E9;
}*/
div.news div.item div.info div.avd{
	margin: 0 2px 0 4px;
}
div.news div.item div.info div.class{
	margin: 0 2px 0 2px;
}
div.news div.item div.info div.date{
	margin: 1px 4px 0 2px;
	font-size: 0.8em;
}

/*div.news div.item div.text{
	margin: 4px;
	max-height: 100px;
	overflow: hidden;
}*/

/* SHOW NEWS */

#showNews{}
#showNews .newsInfo{
	background-color: #E4F2FD;
	border-bottom: 1px solid #C6D9E9;
	border-top: 1px solid #555;
	color: #555;
}
#showNews .newsInfo.date{}
#showNews .text{}

/*Links*/

a{
	text-decoration:none;
	color: #21759B;
}
a:hover{
	color: #D54E21;
}

/*elements*/

input[type="text"], input[type="password"]{
	/*background-color: #F9F9F9;*/
	background-color: #FeFeFe;
	border: 1px solid #C6D9E9;
	/*font-size: 0.9em;
	padding: 4px 1px 3px 2px;*/
	padding: 2px 1px;
}

input[type="text"]:focus, input[type="password"]:focus{
	border: 1px solid #C6D9E9;
	background-color: #E4F2FD;
}

input[type="submit"], input[type="button"], button{
	margin: 0;
	padding: 1px 2px 1px 2px;

	background-color: #F9F9F9;
	border: 1px solid #C6D9E9;
	color: #21759B;
	cursor: pointer;
}
input[type="submit"].ok{
	background-color: #F9FFF9;
	border: 1px solid #C6D9E9;
	color: #21AA9B;
	cursor: pointer;
}

input[type="button"].delete, input[type="submit"].delete{
	background-color: #FFF9F9;
	border: 1px solid #FFD9E9;
	color: #DD759B;
}
input[type="button"].delete:hover, input[type="submit"].delete:hover{
	background-color: #FFEFEF;
	border: 1px solid #FF5555;
	color: #DD4E21;
	cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover{
	background-color: #EFFFEF;
	border: 1px solid #555;
	/*color: #D54E21;*/
	color: #4EA521;
	cursor: pointer;
}
button:hover{
	background-color: #EFEFEF;
	border: 1px solid #555;
	color: #555;
	cursor: pointer;
}

option.header{}

span.header_small, td.header_small, div.header_small{
	font-weight: bold;
}

div.header_medium, span.header_medium{
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: underline;
	color: #464646;
}

div.header_large{
	font-weight: bold;
	font-size: 1.5em;
	border-bottom: 1px solid black;
	margin: 6px 4px 8px 4px;
	color: #464646;
}


table.list{
	border: 0;
}

table.list td{
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 4px 1px 4px;
	color: #555555;
}

table.list tr.header td{
	border-bottom: 2px solid #CCCCCC;
	background-color: #464646;
	color: #D7D7D7;
}
table.list td a{
	display: block;
}


table.list tr:hover, table.list tr.alt:hover{
	background-color: #EEE;
}
table.list tr.alt{
	background-color: #F9F9F9;
}

table.list td.extImg{}
table.list td.size{}
table.list td.date{}


table.form{}

table.form td{}

table.form tr.header td{
	border-bottom: 2px solid black;
}

table.form td.label{}


div.dropDown{}
div.dropDown div.box{
	border: 1px solid #CCC;
}
div.dropDown:hover div.box{
	border: 1px solid #888;
}
div.dropDown div.box div.label{
	color: #000;
}
div.dropDown div.box div.button{
	text-indent: -3000px;
	width: 10px;
	background:#ffffff url('/images/arrow_down.gif') no-repeat center center;
}
div.dropDown:hover  div.box div.button{
	border-left: 1px solid #888;
}
div.dropDown div.box div.button{
	border-left: 1px solid #CCC;
}

div.dropDown div.box div.button:hover{
	background-color: #CCC;
}

div.dropDown div.drop{
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	background-color: #F9F9F9;
}
div.dropDown div.drop div.item{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #fff;
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	min-width: 113px;
	padding: 0 4px 0 0;
	vertical-align: middle;
	height: 22px;
}
div.dropDown div.drop div.item.seperator{
	border-top: 0;
	border-bottom: 0;
	line-height: 8px;
	height: 8px;
}

div.dropDown div.drop div.item.button{
	border-top: 0;
	border-bottom: 0;
}

div.checkbox{
	border: 1px solid #CCC;
	background-color: #fff;
	color: #fff;
	line-height: 10px;
	margin: 0 4px 4px 4px;
}
div.checkbox:hover{
	border: 1px solid #555;
	background-color: #CCC;
}
div.checkbox div.checkboxInner{
	background-color: #fff;
	text-indent: -3000px;
}
div.checkbox div.checkboxInner:hover{
	background-color: #F9F9F9;
}
div.checkbox.checked div.checkboxInner{
	/*color: #000;*/
	text-indent: -3000px;
	background:#ffffff url('/images/check.gif') no-repeat center center;
}
div.checkbox.disabled div.checkboxInner{
	color: #CCC;
}
div.checkbox.disabled:hover{
	border: 1px solid #CCC;
	background-color: #fff;
}

/* Calendar */
div.calendar{
	border: 1px solid #ccc;
}

div.calendar div.header{
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #555;
	background-color: #464646;
	color: #FFF;
}
div.calendar div.dayHeader{
	border-top: 1px solid #555;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #F9F9F9;
	padding: 1px 4px 1px 1px;
}
div.calendar div.dayHeader.today{
	background-color: #FFFBCC;
}
div.calendar div.dayHeader.otherMonth{
	color: #888;
}

div.calendar div.day{
	padding: 2px 0 0 0;
}
div.calendar div.day.today{}
div.calendar div.day a, div.calendar div.day a:hover
{
	color: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}


div.calendar div.weekNbr{
	border-top: 1px solid #555;
	border-bottom: 1px solid #CCC;
	padding: 1px 2px 1px 1px;
	text-align: right;
	
}
div.calendar div.weekNbrDay{}
div.calendar div.weekNbrHeader{
	border-bottom: 1px solid #555;
	background-color: #464646;
	padding: 2px 0 2px 0;
}
div.calendar div.today{}
div.calendar div.otherMonth{}

div.calendar div.event{
	float: none;
	font-family: arial;
	border: 1px solid #888;
	/*background-color: #ffeeee;*/
	color: #464646;
	margin: 0 1px 2px 2px;
	padding: 1px;
	overflow: hidden;
	white-space: nowrap;
	font-size: .9em;
	font-weight: bold;
}
div.calendar div.event .time{
	font-size: .8em;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

div.calendar div.event.allDay{
	text-align: center;
}
div.calendar div.event.allDay .time{
	font-size: 0em;
	padding: 0 0 0 0;
}

div.calendar div.event.filler{
	float: none;
	font-family: arial;
	border: 0px solid #888;
	margin: 0 1px 2px 2px;
	padding: 2px;
	overflow: hidden;
	white-space: nowrap;
	font-size: .9em;
	font-weight: bold;
}
