/* ===  CSS Document for xxxxx ============================================= */
* {
	margin			: 0px;
	padding			: 0px;
	border			: none;
}

body {
	background		: #858B90 url(/images/main/bg-gradient.png) repeat-x;	
}

html, body {
	width			: 100%;
	height			: 100%;	
}

h1 {
	color			: #bda675;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
}

table {
	width			: 100%;
	height			: 100%;
	border			: none;
}

td {
	vertical-align	: middle;
}

#container {
	position		: relative;
	width			: 990px;
	height			: 618px;
	margin			: auto;
	border-top		: 2px solid #BDA675;
	font			: normal 11px Verdana, Geneva, sans-serif;
	line-height		: 18px;
}

#main {
	position		: absolute;
	width			: 990px;
	height			: 618px;
	top				: 0px;
	left			: 0px;
}

#background {
	position		: relative;
	width			: 990px;
	height			: 618px;
	z-index			: -1;
}

/* ===  Columns  =================================================================== */
#col1 {
	position		: relative;
	float			: left;
	width			: 54px;
	height			: 618px;
}

#col2 {
	float			: left;
	width			: 270px;
	height			: 618px;
	background		: #575D62;
	color			: #FFFFFF;
}

#col3 a.blue {
	color			: #BDA675;
	cursor			: pointer;
	text-decoration	: none;
	font-weight		: bold;
}

#col3 {
	float			: left;
	width			: 458px;
	height			: 618px;
	color			: #585D62;
}

#col4 {
	float			: left;
	width			: 208px;
	height			: 618px;
}


/* ===  Menu bar  ================================================================== */
#bar, #home, #menu, #connect {
	height			: 22px;
	background		: #BDA675;
	font-size		: 0px;
}

#bar, #connect {
	position		: absolute;	
	top				: 174px;
}

#bar {
	width			: 54px;	
}

#home {
	padding			: 0px 0px 0px 40px;
}

#home.active {
	padding			: 0px 0px 0px 40px;
	background		: #BDA675 url(/images/main/active.png) no-repeat 21px 0px;
}

#menu {
	padding			: 0px 0px 0px 16px;
}

#connect {
	width			: 124px;
	padding			: 0px 0px 0px 84px;
}

#connect.active {
	width			: 124px;
	padding			: 0px 0px 0px 84px;
	background		: #BDA675 url(/images/main/active.png) no-repeat 65px 0px;
}



/* ===  Content  =================================================================== */
#logo {
	height			: 174px;
	font-size		: 0px;
}

#sidebar {
	position		: relative;
}

#sidebar img {
	margin			: 43px 0px 0px 40px;
}

#sidebar .text {
	position		: absolute;
	width			: 210px;
	top				: 101px;
	left			: 40px;
}

#sidebar a, #sidebar a:hover, #sidebar a:visited {
	color			: #FFFFFF;	
}

#mediasidebar {
	position		: relative;
	padding			: 14px 0px 0px 0px;
}

#mediasidebar a, #mediasidebar a:hover, #mediasidebar .active {
	display			: block;
	margin			: 30px 0px 0px 15px;
	padding			: 0px 0px 0px 22px;
}

#mediasidebar a:hover, #mediasidebar .active {
	background		: url(/images/main/active-media.png) no-repeat;
}

#mediasidebar .thumb, #mediasidebar a:hover.thumb {
	display			: block;
	margin			: 15px 0px 0px 15px;
	padding			: 0px 0px 0px 22px;
	background		: none;
}

#header {
	height			: 129px;
	padding			: 35px 20px 10px 34px;
	background		: #DED2BA;
}

#content {
	height			: 378px;
	padding			: 44px 20px 0px 34px;
	background		: #FFFFFF;
}

#content.scroll {
	display			: inline-block;
	overflow-y		: scroll;
	margin-top		: -8px;
	_margin-top		: 0px;
}

/* ===  Navigation  =================================================================== */
#footer {
	width			: 990px;
	height			: 13px;
	margin			: 20px auto 0px auto;
	font			: normal 11px Verdana, Geneva, sans-serif;
	line-height		: 13px;
	color			: #FFFFFF;
}

#footer #language, #footer #left, #footer #middle, #footer #right {
	float			: left;	
}

#footer #language {
	width			: 54px;
	padding			: 0px 0px 0px 0px;
}

#language .english {
	padding			: 0px 0px 0px 4px;
}

#footer #left {
	width			: 230px;
	padding			: 0px 0px 0px 38px;
}

#footer #middle {
	width			: 424px;
	padding			: 0px 0px 0px 34px;
}

#footer #right {
	width			: 178px;
	padding			: 0px 0px 0px 30px;
}

#footer a, #footer a:visited {
	color			: #FFFFFF;
	text-decoration	: none;
}

#footer a:hover {
	text-decoration : underline;	
}



/* ===  Tabs  ======================================================================== */
#tabs {
	height			: 27px;
	padding			: 0px 0px 30px 0px;
}

#tabs a {
	display			: block;
	float			: left;
	cursor			: pointer;
	margin			: 0px 1px 0px 0px;
}

#tab1, #tab2, #tab3, #tab4, #tab5 {
	clear			: both;
	display			: block;
	overflow		: hidden;
}

#tab2, #tab3, #tab4, #tab5 {
	display			: none;
}

/* ===  Navigation  =================================================================== */
#nav, #nav ul { /* all lists */
	list-style		: none;
	cursor			: pointer;
}

#nav li { /* all list items */
	position		: relative;
	float			: left;
	margin			: 0px 12px 0px 0px;
	padding			: 0px 0px 0px 18px;
}

#nav li.active { /* all list items */
	position		: relative;
	float			: left;
	margin			: 0px 12px 0px 0px;
	padding			: 0px 0px 0px 18px;
	background		: url(/images/main/active.png) no-repeat;
}


#nav li ul { /* second-level lists */
	position		: absolute;
	display			: none;
	top				: 22px;
	left			: 8px;
	width			: 158px !important;
	width			: 148px;
	padding			: 1px 0px 0px 0px;
	background		: #FFFFFF;
}

#nav li ul li { /* second-level lists */
	margin			: 1px 0px 0px 0px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	display			: block;
/*	right			: 6px !important; */
	right			: 6px;
}

#nav li ul a { /* link in submenu */
	display			: block;
	padding			: 3px 0px 3px 10px;
	margin			: 0px 0px 0px -18px;
	font-size		: 11px;
	line-height		: 15px;
	text-decoration	: none;
	color			: #FFFFFF;
	width			: 148px !important;
	width			: 150px;
	background		: none;
	background		: #BDA675;
}

#nav li ul a:hover {
	color			: #FFFFFF;	
	background		: #907F5B;
	text-decoration	: none;
}


/* === Various  =================================================== */
.pdf {
	display			: block;
	height			: 14px;
	padding			: 0px 0px 0px 18px;
	background		: url(/images/main/pfd-icon.png) no-repeat;
	line-height		: 13px;
	color			: #585D62;
}

/* === Various  =================================================== */
.formrow {
	clear			: both;
	height			: 28px;
}

.formtitle {
	float			: left;
	width			: 100px;
	padding			: 4px 0px 0px 0px;
}

.textfield {
	width			: 260px;
	height			: 19px;
	margin			: 0px 4px 0px 0px;
	padding			: 3px 3px 0px 3px;
	background		: url(/images/main/textfield.png);
}

.textarea {
	width			: 262px;
	height			: 120px;
	margin			: 0px 4px 0px 0px;
	padding			: 0px 0px 0px 3px;
	/* background		: url(/images/textfield.png); */
	border			: 1px solid #c1c1c1;
	overflow		: scroll;
	overflow-y		: scroll;
	overflow-x		: hidden;
	overflow		: -moz-scrollbars-vertical;
	font			: normal 12px Verdana, Arial, Helvetica, sans-serif;
}