/* Overall Layout CSS */

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B3B3B;
	}

img {
	border-width:0px;
	/*behavior: url("/js/pngbehavior.htc");*/
	}
td, th {
	vertical-align:top;
	}
a {
	color:#008291; /* default color */
	text-decoration:none;
	}
a:hover {
	color:#005159; /* default color */
	text-decoration:underline;
	}
body {
	background-color:#EEEFEF;
	background-image:url(images/site_bg.jpg);
	background-repeat:repeat-x;
	}
#layout {
	}
	#loading {
		position:absolute;
		top:100px;
		left:10px;
		}
	#header {
		height:60px;
		width:960px;
		margin:auto;
		background-image:url(images/logo.jpg);
		background-repeat:no-repeat;
		}
		#logo {
			text-indent:-500px;
			float:left;
			}
		/** Main Site Navigation **/
		#top-menu {
			margin-top:20px;
			float:right;
			}
			#top-menu ul {
				}
				#top-menu li {
					float:left;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:0pt 0pt 0pt 3px;
					}
					#top-menu a {
						display:block;
						color:#EAEAEA;
						font-weight:bold;
						padding:7px;
						text-decoration:none;
						}
						#top-menu a.useroption {
							color:#FFE30B;
							}
						#top-menu a:active {
							color:#FFFFFF;
							}
						#top-menu a:hover {
							color:#FFFFFF;
							background-color:#859E54;
							}
	#body {
		padding:30px 0px;
		background-color:#FFFFFF;
		background-image:url(images/body_bg.jpg);
		background-repeat:repeat-x;
		}
		#nav {
			width:900px;
			margin:10px auto 0px auto;
			}
		#loginfo {
			float:right;
			}
			#loginfo ul {
				}
				#loginfo li {
					display:inline;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:0pt 0pt 0pt 3px;
					padding-bottom:10px;
					font-size:0.9em;
					}
					#loginfo a {
						color:#999999;
						font-weight:bold;
						padding:7px;
						text-decoration:none;
						font-size:0.9em;
						}
						#loginfo a:active {
							color:#CCCCCC;
							}
						#loginfo a:hover {
							color:#CCCCCC;
							}
		#appnav {
			float:left;
			}
			#appnav ul {
				}
				#appnav li {
					float:left;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:0pt 0pt 0pt 3px;
					font-size:0.9em;
					}
					#appnav a {
						display:block;
						color:#516F72;
						font-weight:bold;
						padding:6px 9px;
						text-decoration:none;
						background-color:#DFFCFF;
						border-top:1px solid #B5F8FF;
						border-left:1px solid #B5F8FF;
						border-right:1px solid #B5F8FF;
						}
						#appnav a:active {
							}
						#appnav a:hover {
							background-color:#A7E5EB;
							}
		#content {
			width:900px;
			margin:auto;
			}
			/** flash messages **/
			#flashWrapper {
				position:absolute;
				right:0px;
				margin:-15px 10px 0px 0px;
				width:250px;
				padding:3px;
				border:1px solid #BFBF00;
				background-color:#F0F000;
				}
				#flashWrapper #flashMessage {
					padding:7px;
					color:#6A6A00;
					background-color:#FFFFEC;
					text-align:center;
					}
			/** For the Website pages **/
			#content .content-html {
				width:600px;
				margin:auto;
				}
			#content .content-html-home {
				width:900px;
				margin:auto;
				} 
				#content .content-html h1,
				#content .content-html h1 *,
				#content .content-html-home h1,
				#content .content-html-home h1 * {
					font-size:2em;
					color:#DF7417;
					margin-bottom:0.8em;
					font-family:Georgia, "Times New Roman", Times, serif;
					}
				#content .content-html h1 *,
				#content .content-html-home h1 * {
					font-size:1.0em;
					line-height:1.6em;
					} 
				#content .content-html h2,
				#content .content-html-home h2 {
					font-size:1.3em;
					margin-bottom:0.8em;
					line-height:1.6em;
					color:#549E54;
					}
				#content .content-html-home h2 {
					font-size:1.3em;
					margin-bottom:0.8em;
					}
				#content .content-html h3 {
					font-size:1.2em;
					margin-bottom:0.8em;
					color:#554D49;
					}
				#content .content-html-home h3 {
					font-size:1.2em;
					margin-bottom:0.8em;
					color:#554D49;
					font-weight:normal;
					}
				#content .content-html p,
				#content .content-html-home p,
				#content .content-html li,
				#content .content-html-home li {
					line-height:1.6em;
					}
				#content .content-html li,
				#content .content-html-home li {
					line-height:1.6em;
					margin-bottom:0.4em;
					}
				#content .content-html p,
				#content .content-html-home p {
					margin-bottom:0.8em;
					}
				#content .content-html ol,
				#content .content-html ul,
				#content .content-html-home ol,
				#content .content-html-home ul {
					margin-left:30px;
					}
					#hp-features {
						background-image:url(images/hp-features-bg.jpg);
						background-repeat:no-repeat;
						padding:35px 0px 35px 35px;
						}
						#hp-features h2,
						#hp-features li {
							color:#447F43;
							margin-bottom:0.3em;
							line-height:1.3em;
							}
						
					#content .content-html a.button,
					#content .content-html-home a.button {
						/*display: block;*/
						padding:5px 15px;
						border:1px outset #000099;
						background-color:#0066FF;
						color:#D9FFFF;
						text-decoration:none;
						font-size:1.1em;
						font-weight:bold;
						}
					#content .content-html-home .row-home {
						clear:both;
						}
						#content .content-html-home .row-home .row-item {
							float:left;
							width:180px;
							border:2px dotted #FFCF75;
							background-image:url(images/hp-row-bg.jpg);
							background-repeat:repeat-x;
							background-color:#FFFFFF;
							margin:10px;
							padding:10px;
							}
							#content .content-html-home .row-home .row-item h4 {
								color:#A67500;
								font-size:1.1em;
								font-family:Georgia, "Times New Roman", Times, serif;
								}
							#content .content-html-home .row-home .row-item p {
								color:#666666;
								}
					
			/** For the App **/
			#left-content {
				float:left;
				width:680px;
				border-top:1px solid #B5F8FF;
				padding:20px 10px;
				}
				#left-content h1 {
					font-size:1.6em;
					margin-bottom:10px;
					}
				#left-content h2 {
					font-size:1.3em;
					color:#549E54;
					margin-bottom:10px;
					}
				#left-content ul.actions {
					display:block;
					padding:5px;
					border:1px solid #EAEAEA;
					background-color: #FAFAFA;
					margin:5px;
					text-align:right;
					}
					#left-content ul.actions li {
						list-style-type:none;
						display:inline;
						padding:3px;
						font-size:0.9em;
						}
						#left-content ul.actions li a {
							font-size:0.9em;
							}
			#right-content {
				float:right;
				width:169px;
				}
	#footer {
		text-align:right;
		background-image:url(images/footer_bg.gif);
		background-repeat:repeat-x;
		padding:30px 50px 100px 50px;
		font-size:0.8em;
		color:#999999;
		}
		#footer p,
		#footer span,
		#footer a {
			font-size:10px;
			}
		#footer p {
			margin-bottom:10px;
			}
		#footer span {
			padding:5px;
			}
		#footer li {
			margin-top:5px;
			list-style-type:none;
			}