
/********** defaults **********/
body { background-color:#3d434d; margin:0px; font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #a1a4a9; line-height:18px;}
td { background-color:#3d434d; margin:0px; font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #a1a4a9; }

a:link, a:visited, a:active {color:#ced013; font-family: Arial, Tahoma, Verdana; text-decoration: none;}
a:hover {text-decoration: underline; color:#ffff00;}

hr {color: #565b64; border-bottom: 1px solid #565b64;}
h1 {color: #ffffff; margin-top:30px; font-family: Arial, Tahoma, Verdana; font-size:30px; font-weight:bold;}
h1.subtle {color: #a1a4a9; margin-top:16px; font-family: Arial, Tahoma, Verdana; font-size:16px; font-weight:bold;}
.h1conn {color: #ffffff; margin-top:30px; font-family: Arial, Tahoma, Verdana; font-size:30px; font-weight:bold;}
h2 {color: #ffffff; margin-top:24px; font-family: Arial, Tahoma, Verdana; font-size:24px; font-weight:bold;}
h3 {color: #ffffff; margin-top:18px; font-family: Arial, Tahoma, Verdana; font-size:18px; font-weight:bold;}
h4 {color: #a1a4a9; margin-top:16px; font-family: Arial, Tahoma, Verdana; font-size:16px; font-weight:bold;}
h5 {color: #a1a4a9; margin-top:14px; font-family: Arial, Tahoma, Verdana; font-size:14px; font-weight:bold;}
h6 {color: #a1a4a9; margin-top:12px; font-family: Arial, Tahoma, Verdana; font-size:12px; font-weight:bold;}

ul {margin:0px;}
li {margin:0px;}
li.menu {margin-bottom:0px;}

img {border:0px;}
img.iconsleft {float:left;}
img.iconsright {float:right; padding-left:15px; margin-top:5px;}

select {padding:2px;}

input.button {font-size:11px; font-family:Arial, Verdana; font-weight:bold; background-color:#ced013; border-style:groove; color:#ffffff;}
input.custom {border:none; background:transparent;}
input.custom { color:#a1a4a9; width:290px; border:1px solid #565b64; margin:5px 0; padding:5px 2px; height:15px; background:#4e5663;}
textarea.custom { color:#a1a4a9; width:290px; border:1px solid #565b64; margin:5px 0; padding:2px; background:#4e5663; height:200px;}
select.custom { color:#a1a4a9; width:290px; border:1px solid #565b64; margin:-2px 0; padding:2px; background:#4e5663; height:26px;}

input.custommedium {border:none; background:transparent;}
input.custommedium { color:#a1a4a9; width:490px; border:1px solid #565b64; margin:5px 0; padding:5px 2px; height:15px; background:#4e5663;}
textarea.custommedium { color:#a1a4a9; width:490px; border:1px solid #565b64; margin:5px 0; padding:2px; background:#4e5663; height:200px;}
select.custommedium { color:#a1a4a9; width:490px; border:1px solid #565b64; margin:-2px 0; padding:2px; background:#4e5663; height:26px;}

	input.custommediumfile {border:none; background:transparent; color:#a1a4a9; width:495px; border:1px solid #565b64; margin:5px 0; padding:5px 2px; height:28px; background:#4e5663;}

.eeselect {padding:2px; height: 22px; border:1px solid #cccccc; background-color:#ffffff; font-weight:normal; font-size:11px;}
.eebutton {BORDER-RIGHT:#453045 1px solid; BORDER-TOP:#453045 1px solid; FONT-SIZE:10px; BORDER-LEFT:#453045 1px solid; COLOR:#000000; BORDER-BOTTOM:#453045 1px solid; FONT-FAMILY:Verdana,Arial; BACKGROUND-COLOR:#ffffff}

.blue {	color: #5C7184;}
.white { color: #ffffff;}
.black { color: #555555;}
.green { color: #889F1D;}
.red { color: #D22C2C;}
.orange { color: #FFEA00;}
.grey {	color: #687482;}

.liquid { width: 960px; min-width:960px; margin:0 auto; }
.ninesixty { width: 960px; 	margin:0 auto; }

.hidden {display:none;}
.clear {clear:both;}
.underline { text-decoration: underline; }
.strong {font-weight:bold;}
.strongwhite {font-weight:bold; color:white;}
.strongyellow {font-weight:bold; color:#ced013;}
.boldright {font-weight :bold; float:right;}
.yellowarrow {font-weight:bold; color:yellow; font-size: 14px;}
.noborder {	border:0px;}
.nopadding {padding:0px; margin:0px;}
.vpadding2 {padding: 2px 0px;}
.vpadding5 {padding: 5px 0px;}
.vpadding10 {padding: 10px 0px;}
.vpadding15 {padding: 15px 0px;}
.vpadding20 {padding: 20px 0px;}
.vpadding30 {padding: 30px 0px;}
.hpadding5 {padding: 0px 5px;}
.hpadding10 {padding: 0px 10px;}
.hpadding15 {padding: 0px 15px;}
.hpadding20 {padding: 0px 20px;}
.hpadding30 {padding: 0px 30px;}
.tpadding20 {padding: 20px 0px 0px 0px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.line {border-bottom: 1px solid #565b64; margin:0px; padding:0px;}
.hline {border-bottom: 1px solid #565b64;}
.left { float:left;}
.right { float:right;}

.flush { margin:0px; padding:0px;}
.flushtop { margin-top:0px; padding:0px;}
.flushbottom { margin-bottom:0px; padding:0px;}
.flushleft { margin:0px; padding:0px; float:left;}
.flushright { margin:0px; padding:0px; float:right;}
.flushunderline { margin-top:0px; padding:0px; border-bottom:1px solid #565b64;}
.content {	padding:10px 0px 10px 0px;	text-align: justify;}
.content30 {	padding:30px 0px 10px 0px;	text-align: justify;}
.floatcontent {	padding:1px 0px 0px 0px; text-align: justify;}
.flushcontent {	padding:0px; text-align: justify; }
.underlinebox {	padding:20px 0px; border-bottom: 1px solid #565b64; }
.border5 { border: 5px solid #3d434d; }
.bgbox { background-color: #3d434d; padding:10px;}
.mainportimg { float: left; border: 7px solid #565b64; margin: 0px 40px 0px 0px;}
.portimg { float: left; border: 7px solid #565b64; margin: 0px 40px 40px 0px;}
.execimg { float: right; border: 7px solid #565b64; margin: 0px 0px 10px 20px;}
.leftimg { float: left; border: 7px solid #565b64; margin: 0px 20px 10px 0px;}
.rightimg { float: right; border: 7px solid #565b64; margin: 0px 0px 10px 20px;}
.thumbimg { float: left; background-color:#000000; text-align:right; margin:8px 16px 8px 0px; border:5px solid #565b64; width:80px; height:60px; background-repeat:no-repeat; background-position: center center;}
.blankthumb { width:80px; height:60px; }
.thumbalbimg { float: left; background-color:#565b64; text-align:right; margin:4px; border:2px solid #565b64; width:80px; height:60px;}
.blankalbthumb { width:80px; height:60px; }

/********** end of defaults **********/


/********** layout **********/
.col-container {  padding-right: 300px;}
.col-left { float: left; width: 100%; min-width:300px;}
.col-right { float: left; width: 300px; margin-right: -300px; }
.col-left-content { width:620px; padding: 10px 20px 0px 0px; text-align: justify;}
.col-right-content { padding:10px 0px 20px 20px; text-align: justify;}

.left-col {	width: 630px; float: left; }
.right-col { float: right; width:300px }


#pagecontainer {
	width: 100%;
	height: 100%;
	background-color:#3d434d;
	margin:0 auto;
}

#header_container {
	background-image: url(/img/header_bg.png);
	background-repeat: repeat-x;
 	border-bottom: 1px solid #ced013;	
}

#header {
	background: url(/img/header.jpg);
	background-repeat: no-repeat;	
	height: 124px;
}

#toputil{
	float: right;
	width: 250px;
	margin-top: 15px;	
}

/* menu */	
#menu_container {  padding:0px; background:url(/img/navmenu.jpg) top left; height:40px; }
#menu { padding:0; margin:0; float:left;}
#menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
#menu ul li { float:left; margin:0; padding:0; border:0;}
#menu ul li a { float:left; margin:0; padding:13px 10px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;}
#menu ul li a:hover { color:#ffff00;text-decoration:underline;}
#menu ul li a.active { color:#ffff00;  text-decoration:none;}

#body_container {
	width: 100%;
	margin:0 auto;
	overflow:hidden;
}

#highlight_container {
	width: 100%;
	margin:0 auto;
	background-color: #282c32;
	border-bottom: 1px solid #565b64;	
	overflow:hidden;
}

#highlight_container-nobot {
	width: 100%;
	margin:0 auto;
	background-color: #282c32;
	overflow:hidden;
}

#highlight {
	background: url(/img/highlight.jpg) top left;
	background-repeat: no-repeat;
	margin:0 auto;
	overflow:hidden;
}

#bodis { overflow:hidden; margin: 0 auto; margin-bottom:40px; }
.bodis { overflow:hidden; margin: 0 auto; margin-bottom:40px; }
.threecol-left { width:33%;	float:left; padding:1px 0px 0px 0px; }
.threecol-center { width:33%;	float:left; margin:0 auto; padding:1px 0px 0px 0px; }
.threecol-right { width:33%; float:right; }
.container300-left {	width:300px; padding:0px 0px 0px 0px; float:left;}
.container300-right {	width:300px; padding:0px 0px 0px 0px; float:right;}
.container300-center {	width:300px; padding:0px 0px 0px 0px; margin:0 auto;}

.fourcol-left { width:25%; float:left; }
.fourcol-center { width:25%; float:left; margin:0 auto; padding:1px 0px 0px 0px;  }
.fourcol-right { width:25%; float:right; }
.container230-left {	width:230px; padding:1px 0px 0px 0px; float:left;}
.container230-right {	width:230px; padding:1px 0px 0px 0px; float:right;}
.container230-center {	width:230px; padding:1px 0px 0px 0px; margin:0 auto;}


#gobutton {
	margin-left:5px;
	margin-top:3px;
}

#services_header {
	background-image: url(/img/header_services.gif);
	width:300px;
	height:80px;
	border-bottom: 1px solid #565b64;
}

.col-header {
	border-bottom: 1px solid #565b64;
}

.col-box-first {
	width:300px;
	height:85px;
	padding: 15px 0px 25px 0px;
	text-align: justify;
	overflow:hidden;
	border-bottom: 1px solid #565b64;
}

.col-box-last {
	width:300px;
	height:65px;
	padding: 15px 0px 25px 0px;
	text-align: justify;
	overflow:hidden;
	border-bottom: 1px solid #565b64;
}

#news_header {
	background-image: url(/img/header_news.gif);
	width:300px;
	height:80px;
	border-bottom: 1px solid #565b64;
}

#packages_header {
	background-image: url(/img/header_packages.gif);
	width:300px;
	height:80px;
	border-bottom: 1px solid #565b64;
}

#package1 {
	width:300px;
	height: 162px;
	padding: 20px 0px 0px 0px;
}

#package2 {
	width:300px;
	height: 155px;
	padding: 0px 0px;
	border-bottom: 1px solid #565b64;
}




/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:0px 0px; overflow:hidden;}
#contactform * { color:#a1a4a9;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}

#contactform li.buttons input { padding:3px 0; margin:0 0 0 185px; border:0; color:#FFF; float:right;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}


.item_year {
	font-size: 14pt;
	font-weight: bold;
	padding: 20px 0px 10px 0px;
}

.year_heading {
	 border-bottom: 1px solid #565b64;
}

.item_list {
	font-size:8pt;
	font-weight: normal;
}

.list_item {
	overflow:hidden;
}

.list_item_title {
	float:left;
	width:210px;
	height:16px;
	overflow:hidden;
}

.list_item_title a:link, .list_item_title a:active, .list_item_title a:visited {
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
}

.list_item_title a:hover {
	text-decoration: underline;
	font-size: 8pt;
}

.list_item_date {
	float:right;
}

.item_menu_h1 {
	overflow:hidden;
}

.item_menu_title {
	border-bottom: 1px solid #565b64; 

}

.item_menu_poster {
	width: 300px; 
	font-size:8pt;
	font-style:italic; 
}				


#item_content {
	padding: 20px 0px;
	text-align:justify;
}

#item_comments_holder {
	
}

#item_comments_label {
	border-bottom: 1px solid #565b64}

.item_comment {
	padding:7px;
	margin:4px;
	background-color: #30363d;
}

.opacity {
	background-color: #ffffff;

	
}

.comment_poster {
	border-bottom: 1px solid #565b64}

.comment_poster a:link, .comment_poster a:visited, .comment_poster a:active{
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold
}

.comment_poster a:hover{
	text-decoration: underline;
	font-size: 10pt;
	font-weight: bold;	
}

.comment_date {
	font-size:8pt;
	font-style:italic;
	color: #4e5663;
}	

.comment_content {	
	overflow:hidden;
}

.comment_content_left {float: left; width:60px;}
.comment_content_right{float: left; width:555px; text-align:justify;}

#textarea_comment {width:100%; height:70px; padding: 0px; font-family:Verdana; border:1px solid #565b64; background-color:#ffffff; font-weight:normal; font-size:11px;}


.package-container { overflow:hidden; height: 340px;  border: 1px solid #565b64; margin: 0px 0px 0px 0px;}


#voeter_container {
	margin-left: 32px;
	margin: 0 auto;
	overflow:hidden;
}

#voeter {
	border-top: 1px solid #ced013;	
	padding: 15px 0px;
	height: 60px;
	overflow:hidden;
}

#fineprint {
	float:left;
}

#validation {
	float:right
}


/********** end of layout **********/

/*
 *  FILETYPES CLASSES
 */
a.pdf_icon { background:url(/admin/images/icons/filetypes/pdf.gif) no-repeat left top; float:right; display:inline-block; width: 48px; height:48px; padding:5px; font-size: 14pt; }
a.jpg_icon { background:url(/admin/images/icons/filetypes/jpg.gif) no-repeat left top; float:right; display:inline-block; width: 48px; height:48px; padding:5px; font-size: 14pt; }
a.gif_icon { background:url(/admin/images/icons/filetypes/gif.gif) no-repeat left top; float:right; display:inline-block; width: 48px; height:48px; padding:5px; font-size: 14pt; }
a.xls_icon { background:url(/admin/images/icons/filetypes/xls.gif) no-repeat left top; float:right; display:inline-block; width: 48px; height:48px; padding:5px; font-size: 14pt; }
a.doc_icon { background:url(/admin/images/icons/filetypes/doc.gif) no-repeat left top; float:right; display:inline-block; width: 48px; height:48px; padding:5px; font-size: 14pt; }
a.txt_icon { background:url(/admin/images/icons/filetypes/txt.gif) no-repeat left top; float:right; display:inline-block; width: 48px; height:48px; padding:5px; font-size: 14pt; }
a.bmp_icon { background:url(/admin/images/icons/filetypes/bmp.gif) no-repeat left top; float:right; display:inline-block; width: 48px; height:48px; padding:5px; font-size: 14pt; }
a.mp3_icon { background:url(/admin/images/icons/filetypes/mp3.gif) no-repeat left top; float:right; display:inline-block; width: 48px; height:48px; padding:5px; font-size: 14pt; }


