/****
	GENERAL SCREEN CSS FILE
		****/

html {
	height: 100%;
	margin: 0;
	padding: 0;
	
}
	
body {
	height: 100%;
	margin: 0;
	padding: 0;
	
	/* background: #f9f7f0; */
	background: #ffffff;
	
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;		
	color: #000000;
}

p {
	margin: 0 0 8px 0;
	padding: 0;
	color: #000000;
	
}

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;  font-family: Arial; }

a {
	color: #a99139;
	text-decoration: none;
}


a:hover,
a:visited {
	color: #a99139;
}

a img { border: 0; }

p.align-right { text-align: right; }
p.align-center { text-align: center; }
p.align-left { text-align: left; }

/****
	PSEUDO
		****/
		
		#top {
			
		}
		
		#end {
		
		}

/****
	CONTAINTER
		****/


		#container {
			position: relative;
			top: 0; left: 0;
			width: 1100px; height: 100%;
			padding: 0;
			margin: 0;
			text-align: left;
			background: #ffffff;
		}		
		
/****
	HEADER
		****/
		
		#header {
			position: fixed;
			width: 139px; height: 421px;
			margin: 0 0 0 260px;
			z-index: 1;
		}
		
		#header h1 {
			position: absolute;
			font-size: 0.01em;
			margin: 20px 0 0 0;
			padding: 0;
			width: 139px; height: 421px;
			color: #ffffff;
		}
		
		#header h1 span {
			position: absolute;
			width: 139px; height: 421px;
			background: url(../img/header_h1_3.png) no-repeat;
		}
		
/****
	CONTENT
		****/
				
		#content {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background: #ffffff;
			/* background: url(../img/content2.png) no-repeat left bottom; */
		}
		
		#col1 {
			position: relative;
			top: 130px; left: 0;
			padding: 0 0 0 425px;
			width: 435px; height: auto;
			
		}
		
		#col1_bg {
			position: fixed;
			bottom: 0; left: 0;
			width: 100%; height: 425px;
			background: url(../img/content2.png) no-repeat;
		}
		
		#col1_content {
			position: relative;
			top: 0; left: 0;
			width: 100%; height: 100%;
			padding: 0 0 110px 0;
		}
		
		#col1 .csc-textpic-text {
			margin: 0 0 15px 0;
		}
		
		#col1 h2 {
			color: #004481;
			font-size: 12px;
			margin: 0 0 10px 0;
		}
		
		#col1 h2 a { color: #004481; }
		
		#col1 p,
		#col1 ul,
		#col1 li,
		#col1 label {
			color: #004481;
			font-size: 11px;
		}
		
		#col1 li {
			margin: 0 0 5px 0;
		}	
		
	
	/* CONTACTFORM */
		#col1 fieldset {
			border: 0;
		}	
		
		#col1 .csc-mailform-field {
			position: relative;
			width: auto; height: 22px;
		}
		
		#col1 .csc-mailform-field label {
			position: absolute;
			margin-top: 2px;
		}
		
		#col1 .csc-mailform-field input,
		#col1 .csc-mailform-field textarea {
			position: absolute;
			left: 120px;
			font-size: 11px;
			border: 1px solid #004481;
			background: #ffffff;
		}
		
		#col1 .csc-mailform-field input.csc-mailform-check {
			left: 0;
		}
		
		#col1 .csc-mailform-field .csc-mailform-submit {
			position: absolute;
			color: #004481;
		}
		
		#col1 .formset {
			font-weight: bold;
			margin-left: -10px;
		}
		
		
		#col2 {
			position: fixed;
			top: 0; left: 880px;
			width: 220px; height: 100%;
			margin: 0;
			background: url(../img/col2_bg.png) repeat;
		}
		
		#col2_bg {
			position: absolute;
			width: 220px; height: 100%;
			background: url(../img/col2.png) repeat-x;
		}
		
		#col2_content {
			position: absolute;
			top: 130px; left: 0;
			width: 190px;
			padding: 0 15px;
		}
		
		#col2_content p,
		#col2_content ul,
		#col2_content li,
		#col2_content .csc-textpic-caption {
			color: #ffffff;
		}
		
		#col2_content .csc-textpic-caption {
			position: relative;
			margin: 2px 0 15px 0;
			font-size: 9px;
		}
		
		#col2 h2 {
			color: #FFFFFF;
			font-size: 12px;
			margin: 0 0 8px 0;
		}
		
/****
	MEDIA
		****/
		
		#media {
			position: absolute;
			top: 0; left: 0;
			margin: 55px 0 0 200px;
			z-index: 99;
		}
		
/****
	MENU
		****/
		
		#menu {
			position: fixed;
			top: 80px; left: 20px;
			width: 120px; height: auto;
			text-align: right;
		}
		
		#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#menu ul li span {
			display: none;
		}
		
		#menu ul li ul { 
			position: relative;
			width: 120px; height: auto;
		}
		
		#menu ul li ul li {
			position: relative;
			width: 110px; height: 16px;
			margin: 0 0 12px 0;
		}
		
		#menu ul li ul li.active {
			/* border-bottom: 1px solid #a99139; */
			margin: 0 0 12px 0;
			background: url(../img/a_top.png) no-repeat left 14px;
		}
		
		/* #menu ul li ul li.active ul { display: block; } */
		
		#menu ul li ul li ul {
			display: none;
			position: absolute;
			top: 0; left: 110px;
			margin: 0;
			padding: 16px 0 0 10px;
			width: 120px; height: auto;
			background:  url(../img/a_top.png) no-repeat 0 14px;
			z-index: 2;
		}
		
		#menu ul li ul li ul li {
			position:  relative;
			top: 0; left: 0;
			width: 120px; height: auto;
			margin: 0 0 2px 0;
			text-align: left;
		}
		
		#menu ul li ul li.active ul li.active {
			border: 0;
			margin: 0 0 2px 0;
		}
		
	/*** TYPO ***/
		
		#menu ul li ul li a {
			font-size: 12px;
			font-family: Arial;
			font-weight: bold;
		}
		
		#menu ul li ul li a:hover {
		}
		
		#menu ul li ul li ul li a {
			color: #666666;
			font-weight: normal;
			font-size: 11px;
		}
		
/****
	SITELINKS
		****/
		
		#sitelinks {
			position: fixed;
			bottom: 47px; left: 230px;
			z-index: 2;
		}
		
		#sitelinks ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
		#sitelinks ul li {
			position: relative;
			display: block;
			float: left;
		}
		
		#sitelinks ul li span {
			display: none;
		}
		
		#sitelinks ul li ul li {
			margin: 0 10px 0 0;
			padding: 0 0 0 9px;
			background: url(../img/sitelinks.png) no-repeat left center;
		}
		
		#sitelinks ul li ul li.sitelinks1 {
			background: none;
			padding: 0;
		}
		
		#sitelinks a {
			color: #ffffff;
			font-weight: bold;
			font-size: 12px;
			font-family: Arial;
		}
		
		#sitelinks a:hover,
		#sitelinks a.active {
			color: #a99139;
		}
		
/****
	FOOTER
		****/
		
		#footer {
			position: fixed;
			bottom: 0;
			width: 1100px; height: 90px;
			padding: 0;
			background: #455d86 url(../img/footer.png) repeat-y right;
			z-index: 1;
		}