/* CREATIONAL */

/* CSS: General Styles */

* { margin: 0; padding: 0; }

body {
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	color: #000; background: #FFF;
	}

html, body { height: 100%;}

body#home,
body#page,
body#message {
	text-align: center;
	}

a, a:link, a:visited, a:active { color: #666; text-decoration: underline; }
a:hover { color: #DE0000; text-decoration: none; }

img, a img { border: 0; }

ul { padding-left: 2em; padding-bottom: 1em; }
ol { padding-left: 1.8em; }
li { }

h1, h2, h3, h4 { color: #000; }
h1 { font-size: 1.2em; padding-bottom: .8em; }
h2 { font-size: 1.1em; padding-bottom: .5em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }

p { font-size: 1em; padding-bottom: 1em; }

.clear { clear: both; height: 1%; visibility: hidden; font-size: 1px; }

u { text-decoration: none; }


/* CONTAINER */

#container {
	margin: 0; padding: 0; width: auto;
	text-align: left;
	min-height: auto;
	height: auto;
	}
* html #container {
	height: auto;
	}

/* CONTAINER > HEADER */
#header {
	display: none;
	}

#logo {
	display: none;
	}

#logo_print { display: block; position: absolute; top: 0; left: 35%; }



/* CONTAINER > MAIN */
#main { padding-top: 40px; }

/* CONTAINER > MAIN > BOARD */
#board { color: #000; background: none; border: 2px solid #666; margin: 1em 0; padding: 2em; }
#message #board { color: #000; background: none; border: none; padding: 0; }

#board h1, #board h2, #board h3, #board h4 { color: #000; } 

#board a,
#board a:link,
#board a:visited {
	color: #666; text-decoration: underline;
	}
#board a:hover {
	color: #FFEC00; text-decoration: none;
	}
#message #board a,
#message #board a:link,
#message #board a:visited {
	color: #666; text-decoration: underline;
	}
#message #board a:hover {
	color: #DE0000; text-decoration: none;
	}
	
#board_top {
	height: 0;
	background: none;
	}
#message #board_top {
	height: 0;
	background: none;
	}

#board_inner {
	min-height: inherit;
	background-repeat: no-repeat;
	background-position: right bottom;
	background: none !important;
	}	
* html #board_inner {
	height: auto;
	}
	
#home #board_inner {
	min-height: inherit;
	background: none;
	}
* html #home #board_inner {
	height: auto;
	}

#column1 { 
	float: none; width: auto; padding: 0; margin-bottom: 1em; overflow: visible;
	color: #666;
	border-bottom: 1px solid #666;
	}
* html #column1 {
	width: auto;
	w\idth: auto;
	}
#message #column1 { 
	width: auto; padding: 0;
	color: #666;
	border: none;
	}
* html #message #column1 {
	width: auto;
	w\idth: auto;
	}			
#home #column1 {
	padding-top: 0;
	}

#board #column1 h1, #board #column1 h2, #board #column1 h3, #board #column1 h4 { color: #666; }

#message #board h1, #message #board h2, #message #board h3, #message #board h4 { color: #000; } 
#message #board #column1 h1, #message #board #column1 h2, #message #board #column1 h3, #message #board #column1 h4 { color: #666; }

#column2 { 
	float: none; width: auto; padding: 0; margin-bottom: 1em; overflow: visible;
	}
* html #column2 {
	width: auto;
	w\idth: auto;
	}
#message #column2 { 
	float: none; width: auto; padding: 0; overflow: visible;
	}
* html #message #column2 {
	width: auto;
	w\idth: auto;
	}
	
#column3 { 
	float: none; width: auto; padding: 0; margin-bottom: 1em; overflow: visible;
	}
* html #column3 {
	width: auto;
	w\idth: auto;
	}	
#message #column3 { 
	width: auto; padding: 0; overflow: visible;
	}
* html #message #column3 {
	width: auto;
	w\idth: auto;
	}	
		
.note {
	margin: 30px 0 20px 0; padding: 10px; position: relative;
	border: 1px solid #666; border-top: 1px solid #666; border-left: 1px solid #666; border-bottom: 1px solid #666;
	background: #FFF;
	}
.pushpin,
.pushpin_red,
.pushpin_yellow,
.pushpin_blue,
.pushpin_green,
.pushpin_purple {
	display: none; position: absolute; top: -23px; left: 45%; width: 31px; height: 37px;
	background: none;
	}
.pushpin_red { background:none; }
.pushpin_yellow { background:none; }
.pushpin_blue { background:none; }
.pushpin_green { background:none; }
.pushpin_purple { background:none; }


/* CONTAINER > MAIN > CONTENT */
#content {
	padding: 0 2em; padding-bottom: 1em; min-height: inherit;
	background-repeat: no-repeat;
	background-position: right top;	
	background: none !important;
	}
* html #content {
	height: auto;
	}	

#home #content {
	min-height: inherit;
	background: none;
	}
* htlm #home #content {
	height: auto;
	}

/* CONTAINER > MAIN > FOOTER */
#footer {
	padding: 0 2em;
	color: #666;
	}

#footer a,
#footer a:link,
#footer a:visited {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}	

#footer_books { display: none; }
#footer_books li { float: left; margin-right: 30px; padding-top: .5em; }	
	
#copyright {
	text-align: left; font-size: 85%;
	}	
#copyright a,
#copyright a:link,
#copyright a:visited {
	color: #000;
	}

/* FORMS */

form { margin: 0; margin-top: 2em; padding: 0; color: #000; font-size: 1em; }

fieldset { border: 0px none; margin: 0; padding: 0; padding-bottom: 1.6em; }
* html fieldset { padding-bottom: 1em; }
fieldset legend { display: none; }
fieldset div { margin: 10px 0; }
fieldset br { display: none; }
fieldset div br { display: block; }

fieldset input, fieldset textarea, fieldset select {
	width: 300px; padding: 2px; font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;
	background: #FAFAFA; color: #000;
	}
fieldset select { width: 306px; }

fieldset textarea { font-size: 100%;}

fieldset label, fieldset div.cr p {
	margin: 0; padding-right: 10px; padding-top: 4px;
	display: block; float: left;
	width: 100px;
	text-align: left;
	}
        
fieldset div.cr label {
	margin-left: 113px;
	text-align: left;
	width: auto;
	float: none;
	}
	
fieldset div span { display: block; margin-left: 108px; padding-top: 4px; }
* html fieldset div span { margin-left: 111px; }

fieldset .removed { display: none !important;}
fieldset .mandatory { }

fieldset div.cr input { border: none; width: auto; margin-right: 5px; background: none; }
fieldset div.cr_label input { border: none; width: auto; }

fieldset .remark,
fieldset.footnotes { 
	font-size: 87%;
	color: #666; 
	}

fieldset.buttons { padding-top: 2em; clear: both; width: 100%; }
fieldset.buttons label { width: 80px; float: left; }
fieldset.buttons input { 
	width: 110px; font-weight: bold;
	border: 1px solid #CCC; border-right: 1px solid #666; border-bottom: 1px solid #666;
	background: #EAF4F8 url(../img/cl_button.gif) repeat-x; color: #080A40; margin-left: 20px; 
	}
fieldset.buttons input.inactive { 
	border: 1px solid #DDD; border-right: 1px solid #637595; border-bottom: 1px solid #637595;
	background: #DBEDF3 url(../img/cl_button_inactive.gif) repeat-x; 
	}
fieldset.buttons .remark {
	display: inline;
	}

fieldset .error { color: #F00; font-weight: bold; }

fieldset .badinput { color: #F00; }
fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	background: #EEE; color: #000;
	border: 1px solid #F00; border-right: 1px solid #F00; border-bottom: 1px solid #F00;
	}