* {
	margin: 0;
	padding: 0;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#content {padding-bottom: 355px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -355px; /* negative value of footer height */
	height: 355px;
	clear:both;} 

/* 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;margin-top:0px;}
.clearfixinner {display: block;margin-top:-20px;}
/* End hide from IE-mac */


html {
	background-image: url(../images/gradient-bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

body {
	margin:auto;
	height:100%;
	background-position:top;
	color:#000;
}
a.blue, a.blue:link, a.blue:active{
	color: #18a2d4;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

a{
	color:#8b9a9c;
	text-decoration:none;
}

a:visited{
	color:#8b9a9c;
	text-decoration:none;
}

a:hover{
	color:#2d2d2d;
	text-decoration:none;
}
a.selected{
	color:#2d2d2d;
	text-decoration:underline;	
 }




h1{
	font-size:24px;
	color:#163539;
	font-family:Arial;
}

h2{
	font-size:16px;
	color:#044852;
	font-family:Arial;
	margin:0px;
}

h3{
	font-size:14px;
	color:#066f7e;
	font-family:Arial;
	margin:0px;
}

.header_description{
	color:#2d2d2d;
	font-size:14px;
	margin:0px 0px 10px 3px;
}

#tightblock{
	background-color:#FFF;
	border-right:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	text-align:left;
	padding:0px;
	font-size:12px;
}


#block{
	background-color:#FFF;
	border-right:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	text-align:left;
	padding:15px;
	font-size:12px;
}

#block p{padding: 10px 0px; font-size:14px;}
#block span {color:#20b1e6; font-weight:bold; font-size:14px;}
#block ol {margin-left: 20px}

#block_header{
	background-image:url(../images/block_header.png);
	background-repeat:no-repeat;
	background-position:top;
	height:13px;
	margin-top:20px;
}

#block_footer{
	background-image:url(../images/block_footer.png);
	background-repeat:no-repeat;
	background-position:top;
	height:15px;
	margin-bottom:20px;
}


#main_content{
	width:930px;
	text-align:left;
}





#container {
	 width:1000px;
	 margin:auto;
	 position:relative;	 
}

#masthead{
	height:293px;
	background:#fff url(../images/cloudbg.jpg) 0px 0px no-repeat; 
}	

#logo {
	position:absolute;
	top:40px;
	left:50px;
	width:310px;
	height:125px;
}
	.logo-img{
		background:transparent url(../images/logo.png) top left no-repeat;
		behavior: url(iepngfix.htc);
		width:250px;
		height:60px;
		display:block;
	}
		
	#logo p {
		margin:10px 0px 0px 2px;
		font-size:1.7em;
		color:#fff;
		font-weight:normal;
		text-align:left;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	#logo p a{
		text-decoration:none;
		color:#fff;
	}

#header {
	position:absolute;
	top:10px;
	right:0px;
	z-index:6;
}
	#header ul {
		list-style:none;
		color:#778899;
		font-weight:bold;
	}
	#header ul li{
		float:left;
		margin:0px 50px 0px 0px;
		padding:25px 10px 0px 0px;
	}

	#header ul.login{
		font-size:1.6em;
	}
	#header a.logged{
		color:#ffffff;
		font-weight:bold;
		font-size:0.5em;
		text-align: center;
		display: block;
		padding: 5px 0px 35px 0px;
		text-decoration: none;
		width:100%;				
	}

	#header ul li.settings{
		width:40px;
		height:40px;
		background:transparent url(../images/settings.png) 0px 0px no-repeat;
		behavior: url(iepngfix.htc);		
		margin:0px 0px 0px 0px;
		padding:25px 0px 0px 35px;
	}
	#header ul li.circle{
		width:145px;
		height:65px;
		background:transparent url(../images/circle.png) 0px 0px no-repeat;
		behavior: url(iepngfix.htc);		
		margin:0px 0px 0px 0px;
		padding:25px 0px 0px 35px;
	}
	#header a, #header a:link, #header a:active, #header a:hover{
		color:#778899;
		text-decoration:none;
		cursor:pointer;
	}

#cloudwriting {
	position:absolute;
	top:210px;
	left:145px;
	width:600px;
	height:60px;
}
	
#content {
	
	padding-top:0px ;
	padding-right:30px;
	padding-left:30px;
	text-align:left;
	line-height:2em;
	background: #fff;
}

	#content a, #content a:link, #content a:active{
		color: #18a2d4;
		text-decoration:underline;
	}
		#content a:hover{
			text-decoration:none;
		}

	#content .home-container{
		height:170px;
		width:100%;
		clear:both;
	}
	
	#content .home-box{
		float:left;
		width:250px;
		border-right: #ccc solid 1px;
		padding: 0px 30px;
	}
		#content .home-box img{
			float:left;
			padding: 0px 20px 0px 0px;
			height:70px;
		}
		#content .home-box h2{
			font-size:32px;
			color: #000;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight:normal;
			height:40px;
			padding-top:45px;
		}
		#content .home-box p{
			color:#666;
			font-size: 17px;
			font-weight:normal;
			padding:10px 0px;
		}
		#content .home-box-last{
			border:none;
		}
		
	#content .text-box{
		clear:both;
		height:110px;
		padding:20px 30px 0px 30px;
	}
	
	#content .kwtextarea{
		font-size:30px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		padding:15px 0px 0px 15px;
		
	}
	#content .kwinput{
		font-size:30px;
		width:590px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		padding:5px 5px 5px 15px;
		
	}
	#content .kwselect{
		font-size:16px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		padding:5px 5px 5px 5px;
		width:400px;
	}
	
	#content .kwtable{
		font-size:16px;
		padding:10px 20px 20px 40px;
	}
	#content .kwtr{
		padding:3px 3px 3px 3px;
	}
	
	#content .kwrestable{
		padding:0px 20px 20px 20px;
	}
	#content .kwrestr{
		line-height:15px;
		padding:5px 5px 5px 5px;
		font-size:13px;
	}

	#content .savebutton{
		width:275px;
		height:69px;
		background: url(../images/home-textbox-btn.jpg) top left no-repeat;
		border:none;
		float:left;
		font-size:30px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color:#fff;
		cursor:pointer;
	}

		#content .text-box .searchinput{
			width:575px;
			height:69px;
			background: url(../images/home-textbox.jpg) top left no-repeat;
			border:none;
			float:left;
			font-size:30px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			padding:17px 0px 0px 30px;
		}
		#content .text-box .showbutton{
			width:275px;
			height:69px;
			background: url(../images/home-textbox-btn.jpg) top left no-repeat;
			border:none;
			float:left;
			font-size:30px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color:#fff;
			cursor:pointer;
		}
		#content .text-box p{
			color: #778899;
			padding:10px 0px 5px 0px;
			font-size:14px;
		}
			#content .text-box span{
				font-weight:bold;
			}

#footer{
	background: url(../images/footerbg.jpg) top center repeat-x;
	height:355px;
	width:100%;
	clear:both;
}
	#footer ul {
		list-style:none;
		color:#5b5b5b;
		font-size:12px;
		width:975px;
		margin:auto;
		height:40px;
		padding-top:216px;
		padding-left:30px;
	}
	#footer ul li{
		float:left;
		margin:0px 20px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#footer a, #footer a:link, #footer a:active{
		color:#5b5b5b;
		text-decoration:none;
	}
		
#login-box{
	width:271px;
	height:229px;
	background: url(../images/login-box.png) top left no-repeat;
	position:absolute;
	top:28px;
	left:50%;
	z-index:5;
	margin-left:142px;
	padding:50px 0px 0px 10px;
	color:#778899;
}
#login-box p{
	padding:2px 0px;
}
#login-box  .inputbg{
	background: url(../images/login-box-input.jpg) top left;
	border:none;
	width:239px;
	height:25px;
	padding-top:7px;
	padding-left:10px;
}

#loggedin-box{
	width:440px;
	height:240px;
	background: url(../images/loggedin-box.png) top left no-repeat;
	position:absolute;
	top:10px;
	left:50%;
	z-index:5;
	margin-left:30px;
	padding:60px 0px 10px 10px;
	color:#778899;
}
#loggedin-box p{
	padding:2px 0px;
}
#loggedin-box  .inputbg{
	background: url(../images/login-box-input.jpg) top left;
	border:none;
	width:239px;
	height:25px;
	padding-top:7px;
	padding-left:10px;
}