/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

html {height: 100%;}

body {font: 62.5% Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #333333; background: #ffffff url(../images/bg_page.gif) 0 0 repeat-x; height: 100%;}

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.1em;}
.largest {font-size: 1.2em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 1em 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.cap {text-transform: capitalize;}
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}

hr {margin: 1em 0 1em 0; background: #c1c1c1; width: 100%; height: 1px; color: #c1c1c1; border: none; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px dotted #c1c1c1;}
	.hr hr {display: none;}
	
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: 0;}
	.img-bordered {border: 1px solid #c1c1c1; background: #ffffff; padding: 1px; text-align: center; margin: 0 5px 5px 0;}
	.img-left {margin: 0 20px 10px 0;}
	.img-right {margin: 0 0 10px 20px;}
	
/* for flash and similar */
embed, object {position: relative; z-index: 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #6685c2; text-decoration: none; cursor: pointer;}
	a:hover {color: #333333;}
	a:focus {-moz-outline: none;}
	a.rss {background: url(../images/icon_rss.gif) 0 50% no-repeat; padding: 0 0 0 17px;}

/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em;}

#cms td {padding: 3px;}

/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1 {font-size: 2em; font-weight: normal; color: #003399; margin: 0 0 0.5em 0; text-transform: uppercase;}
	
h2 {font-size: 1.8em; font-weight: normal; color: #6685c2; margin: 0.5em 0 0.5em 0;}

h3 {font-size: 1.6em; font-weight: normal; color: #999999; margin: 0.5em 0 0.5em 0;}

h4 {font-size: 1.4em; font-weight: bold; color: #003399; margin: 0.5em 0 0.5em 0;}

h5 {font-size: 1.2em; font-weight: bold; color: #6685c2; margin: 0.5em 0 0.5em 0; text-transform: uppercase;}

h6 {font-size: 1.6em; font-weight: bold; color: #003399; margin: 0.5em 0 0.5em 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {margin: 0 0 1em 1.5em;}
	ul li {margin: 0 0 0.3em 0;}
	ul.spaced li {margin: 0 0 1em 0;}
	
ul.files {list-style: none; margin: 0.5em 0 1em 0.1em;}
	ul.files li {padding: 2px 0 2px 20px; zoom: 1; /* stop IE6 from forgetting about the arrows */}
		ul.files li.pdf {background: transparent url(../images/icon_pdf.gif) 0 0 no-repeat;}
		ul.files li.doc, ul.files li.docx {background: transparent url(../images/icon_doc.gif) 0 0 no-repeat;}
		ul.files li.ppt, ul.files li.pptx {background: transparent url(../images/icon_ppt.gif) 0 0 no-repeat;}
		ul.files li.xls {background: transparent url(../images/icon_xls.gif) 0 0 no-repeat;}
		
ol {margin: 0.5em 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}

ul.nobullet { list-style-type: none }

ul.nobullet b { font-weight: bold; color: #003399; }

/*
----------------------------------------------------------------------------- 
Forms
-----------------------------------------------------------------------------*/

form {font-size: 1em;}

fieldset {margin: 0; border: none; padding: 0;}
label {padding: 0 5px 0 0;}

input, textarea, select {font: 1em Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #666666; background: #eeeeee; margin: 0 0 3px 0; padding: 1px 2px 1px 2px; border: 1px solid #c1c1c1;}
	input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {background: #ffffff; border: 1px solid #6685c2;}
	textarea {overflow: auto; height: 100px;}
	select {padding: 0;}

	input.btn {float: none; border: 1px solid #6685c2; color: #ffffff; background: #6685c2; margin: 20px 3px 10px 0; cursor: pointer; text-transform: uppercase; font-weight: bold; width: auto !important; padding: 2px 5px 2px 5px;}
		input.btn:hover {color: #6685c2; background: #ffffff;}
	
optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 10px;}

input[type="radio"], input[type="checkbox"], input.checkbox {width: auto !important; margin: 2px 2px 0 0}
input[type="hidden"] {display: none;}
select[multiple="multiple"] {margin-left: 0;}

.redtextbox { border: 1px solid #FF0000 !important ; }

form br {clear: both; line-height: 0; height: 0;}

form .required {border: 1px solid #6685c2;}
.error-message {font-weight: bold; color: #6685c2;}

form.custom1 {}
	form.custom1 fieldset {margin: 0 0 5px 0; border-top: 5px solid #6685c2; background: #f3f3f3; padding: 10px 10px 10px 10px;}
	form.custom1 input, form.custom1 textarea, form.custom1 select {width: 200px; float: left;}
		form.custom1 select {width: 208px;}
		form.custom1 input.file {border: none; width: 100%;}
	form.custom1 label {float: left; text-align: right; width: 200px;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/

#container {position: relative; width: 970px; margin: 0 auto; text-align: left; background: transparent url(../images/bg_container.gif) 0 115px no-repeat; min-height: 100%; _height: 100%; /* min-height for IE6 */}

#header {position: relative; height: 120px;}

#logo {position: absolute; top: 18px; left: 60px; display: block; background: transparent url(../images/logo_moet.png) 0 0 no-repeat;}
	* html #logo {background: transparent url(../images/logo_moet.gif) 0 0 no-repeat;}
	#logo a {display: block; width: 203px; height: 86px;}
		#logo a span {display: none;}

#brandline {position: absolute; top: 51px; left: 338px; display: block; background: transparent url(../images/brandline.png) 0 0 no-repeat; width: 598px; height: 36px;}
	* html #brandline {background: transparent url(../images/brandline.gif) 0 0 no-repeat;}
	#brandline span {display: none;}

#main {padding: 30px 34px 120px 34px; zoom: 1;}
	#main:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#banner {position: relative; width: 100%; height: 250px; overflow: hidden; background: url(../images/bg_banner.gif) 0 0 no-repeat;}

	#banner-txt {position: absolute; width: 250px; height: 180px; top: 30px; left: 25px; overflow: hidden; font-size: 2.8em; color: #99a7c1; font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;}

	#banner-img {position: absolute; width: 600px; height: 250px; top: 0; left: 302px;}

	#banner-strip {position: absolute; width: 100%; height: 30px; top: 220px; left: 0; background: transparent url(../images/bg_banner-strip.png) 0 0 repeat; z-index: 10;}
		* html #banner-strip {background: transparent;}
	
#content {margin: 2px 0 0 0; background: url(../images/bg_content.gif) 0 0 repeat-y; min-height: 100px; _height: 100px; /* min-height for IE6 */}
	
#content-left {float: left; border-top: 1px solid #e5e5e5; width: 300px;}
	#content-left .container {padding: 20px 10px 20px 10px;}

#content-right {float: right; width: 600px; font-size: 1.1em; background: transparent url(../images/bg_content-right.gif) 0 0 repeat-x; min-height: 100px; _height: 100px; /* min-height for IE6 */}
	#content-right .container {padding: 20px;}
	#content-right p {font-size: 1.2em; }

#content-bottom {clear:both; height: 1px; background: url(../images/bg_content-bottom.gif) 0 0 no-repeat;}


#footer {position: relative; width: 100%; color: #d1dbed; font-size: 1em; background: #6685c2 url(../images/bg_footer.gif) 0 0 repeat-x; padding: 0; margin: -100px 0 0 0;}
	
	#footer .container {position: relative; width: 902px; height: 50px; padding: 20px 0 30px 0; margin: 0 auto; zoom: 1;}
		#footer .container:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
	#footer a {color: #d1dbed;}
		#footer a:hover {color: #333333;}
	#footer .contentleft {float: left; padding: 0 0 0 0;}
	#footer .contentright {float: right; padding: 0 0 0 0;}