/**
 * 100% height layout with header and footer
 */

html, body {
	margin:0;
	padding:0;
    border:0px;	
	height:100%; /* needed for container min-height */
/*	 background: #fff url('../images/pattern1.png') repeat-x 0 0; */
	font-family:"Comic Sans MS",sans-serif;
	font-size:small;
	color:#666;
}

.dropdown-upward { margin-top: 400px !important; }

h1, h2, h3, h4, h5, h6 {font-family:"Comic Sans MS"; font-weight: normal; margin: 0; Padding: 0}

h1 {font-size: 2.5em; color:black; line-height: normal; border-bottom: solid 1px #d9d9d9;}
h1c {font-size: 2.5em; color:black; line-height: normal; border-bottom: solid 1px #d9d9d9; text-align:center;  margin-bottom: 1em; margin-left:0px; margin-right:0px; margin-top:1px }
h2 {font-size:1.25em; color:black; margin:0 0 0.5em; }
h2c {font-size:1.25em; color:black; margin:0 0 0.5em; text-align:center; }
h3 {font-size:2.0em;   color:black; font-weight:bold; text-align:center; margin-bottom: 1em; margin-left:0px; margin-right:0px; margin-top:1px }
h3u {font-size:2.0em;   color:black; font-weight:bold; text-align:center; margin-bottom: 1em; margin-left:0px; margin-right:0px; margin-top:1px; border-bottom: solid 1px #d9d9d9;}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#container2 {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#container3 {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:30; /* real browsers */
}
div#header { padding:0.5em; }
	div#header p { font-family:"Comic Sans MS"; font-size:1.1em; margin:0; }
div#content { padding:1em 1em 5em; /* bottom padding for footer */  overflow:hidden; width:100%; overflow:auto; }

div#content img {float:left; }
div#content p  { font-family:"Comic Sans MS"; text-align:center; color:black;  font-size:1.5em; padding:0 1em; }
div#content pj  { font-family:"Comic Sans MS"; text-align:justify; color:black;  font-size:1.5em; padding:0 1em; }
div#content pc { font-family:"Comic Sans MS"; text-align:left;  width:300px; font-size:1.5em; color:black; margin-bottom:1em; padding:0 1em; }
div#content pcl { font-family:"Comic Sans MS"; text-align:left; float:left; width:300px; font-size:1.5em; color:black; margin-bottom:1em; padding:0 1em; }
div#content col_32 {float:left; position: relative; left: 0px; width:390px; height: auto; }
div#content col_42 {float:right; position:relative; left:0px; width:390px; height: auto; }
.col_12 {width:46%; left:102%}
.col_22 {width:21%; left:85%}

div#footer {
	clear:both;
        position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
/*	background:#ddd;    */
	border-top:6px double gray;}

div#footer p { padding:0.4em; margin:0;}

.fleft   { font-family: "Comic Sans MS"; float:left;   width:40px;  margin:0px; text-align:left; }
.fcenter {font-family:"Comic Sans MS"; float:left; width:800px; margin: 5em auto 2em auto; text-align:center; }
.fright  {font-family:"Comic Sans MS"; float:right;  width:40px;  margin:0px; text-align:center; }

table.border, td.border, th.border {width:100%; border:1px solid blue; border-collapse:collapse; text-align:center;}
th.border {height:20px; background-color:teal;  color: white; text-align:center;}
td.border {vertical-align:bottom; text-align:left; padding:5px;width:auto; color:black;}

table.noborder, td.noborder, th.noborder {width:100%; border:0px; text-align:left;}