@charset "UTF-8";

/*------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------
BODY
1. 	Wrapper: 		#wrapper
2. 	Main:			#main
2. 	Header: 		#header
2.1 Logo:			#logo
2.2 Navigation:		#nav
3. 	Main content: 	#content
3.1 Title: 			#content h1
3.2 Paragraph: 		#content p
4. 	Left Column: 	#sidebar
5. 	Footer: 		#footer
------------------------------------------------- */

* {margin:0;padding:0;} /* for sticky footer */

body {margin:0; padding:0; border:0;}

html {height:100%; text-align:center; background-color:#FFFFFF;}





/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--------------------------------------------------*/
/* Standard HTML Tag Def.
/*--------------------------------------------------*/

body {
	color:#999999;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	}

p {font-size: 1.1em;}
h1 {font-size:1.5em; /* ...other properties... */}
h2 {font-size:1.4em; /* ...other properties... */}
h3 {font-size:1.3em; /* ...other properties... */}
small {font-size: 1.0em;}

a, a:link, a:visited, a:active {color:#666666; text-decoration:underline;}
a:hover {color:#000000;}

/* image */
img {border:0; background:#FFF;}
p img {	padding: 0; max-width: 100%; border:0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

hr {clear: both; display: block; color: #fff; background-color: #fff; border: 1px dotted #d8d8d8; border-style: none none dotted; padding:5px 0px; margin-bottom:15px; }

.alignright { float: right; }
.alignleft { float: left; }
.center { text-align: center; }
.hidden { display: none; }
.clear {clear: both; visibility: hidden; height:0; content: ".";}

/*--------------------------------------------------*/
/* Contents
/*--------------------------------------------------*/

html, body, #wrapper {height: 100%;} /* for sticky footer */
body > #wrapper {height: auto; min-height: 100%;} /* for sticky footer */

#wrapper {
	}

#main {
	margin:0 auto;
	padding-bottom: 120px; /* for sticky footer */
	}

#header {background:#deebe0; height:120px;}

#content {
	margin:0 auto;
	width:820px;
	padding-bottom: 30px;
}

#rightCol {
	float:right;
	width:500px;
	line-height: 18px;
	}
	
#rightCol p {text-align:left; margin-bottom:10px;}	

#leftCol {
	float:left;
	width:280px;
	line-height: 18px;
	}
	
#leftCol p {margin:10px 0px; text-align:left;}	

#logo {margin-top:30px;}


#footer {
	position: relative;
	margin-top: -120px; /* for sticky footer */
	margin:-120px auto 0;
	height: 120px;
	clear:both;
	text-align:center;
	background:#deebe0;
	} 

#footer p {padding-top:15px; font-size:1.0em;}

#mainImg {padding-top:30px;}