html { font-size: 14px; }
* {
	margin: 0;
	padding: 0;
}

body {

	font-family: Helvetica, Arial, sans-serif;
	background-image: url('http://jg-website-assets.s3.amazonaws.com/bg3.jpg'); 
	background-repeat: repeat-y; 
	background-position: 1000px 0px;
	background-attachment: fixed;
}

/* padding: auto; */

body.section-1 { width: 1000px; margin-right: auto;}
body.section-2 { }
body.section-3 { }

a:link { color: #1E90FF; text-decoration: none;}
a:active { color: #FF1493; text-decoration: none;}
a:visited { color: #4169E1; text-decoration: none;}
a:hover {  color: #000080; text-decoration: none; 
border-bottom: 1px dotted #4169E1; }

a img { border: none; }

#menu {
    width: 200px;
    overflow: hidden;
    /* top: 0;
    bottom: 0;
	left: 0;
    position: fixed; */
	float: left;
    height: 100%;
	margin-right: 10px;
}

ul li {
	
}

#menu ul {
	list-style: none;
	margin: 0 10px 10px 15px; 
	/* border-bottom: 1px solid red; */
}

#menu ul li {
	
	font-size: 16px;
	margin-bottom: 10px;
	
}


#menu a {	
	text-decoration: none;	
}

#menu a:hover { 
	text-decoration: none; 
	border-bottom: 1px dotted #4169E1;
}

#menu ul li.section-title { 
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
	width: 170px;
	height: 1px;
	}

#content {

    height: 100%;
    margin: 0 0 0 210px; 
	padding-left: 0px;
	padding-right: 5px;
    top: 0;
	position:absolute;
	left: 0px;
	top: 0px;
	width: 790px;
	
}

.container {
    padding: 5px 7px 25px 5px;
}

#content .container {
	padding: 5px 0px 25px 0px;	
}

#content H1 {
	
	margin-top: 20px !important;
	margin-bottom: 13px;
	
	
}

div.hr {
	width: 100%;
	height: 1px;
	border: 0;
	background-color: #777777;
	margin-top: 5px;
	margin-bottom: 20px;
}

#content p { 
	
	margin-bottom: 16px; 
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 22px;

}
	
#poshtitle {

	padding-bottom: 12px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
	/*
	
	background-image: url('http://jg-website-assets.s3.amazonaws.com/jg-icon.gif'); 
	background-repeat: repeat; 
	background-position: 120px 8px;
	background-attachment: fixed;
	
	*/
	
	/*
	
	background-color: #FAFAD2;
	border: 1px dotted #CCCCCC;
	
	*/

}
	
#poshtitle a {
	
	text-decoration: none;
	
	/* background-color: #444444;
	color: #FFFFFF; */
	
}

#poshtitle a:hover { text-decoration: none; }

#poshtitle h1 {
	
	padding-top: 5px;
	line-height: 44px;
	padding: 0;
	margin: 1px;
	padding-bottom: 0px;
	font-size: 52px;
	padding-right: 4px;
	color: #FFFFFF;
	margin-bottom: 4px;
	letter-spacing: -2px;
	
}

#poshtitle h2 {
	
	/* background-color: #999999; */
	color: #666666; 
	font-size: 18px;
	margin-top:0px;
	padding-left: 3px;
	font-weight: normal;
	line-height: 10px;
	white-space: nowrap;

}

#poshtitle a {

	color: #000000;

}
	
	

p {
    margin: 0 0 9px 0;

	line-height: 16px;
}

#intro-box {
	
	
	/* border: 1px dotted #CCCCCC;
	background-color: #EEEEEE; */
	
	margin-bottom: 20px;
	padding: 0;

	
}

#intro-box p {
	
	font-size: 18px;
	line-height: 24px;
	/* color: #666666; */
	
	
}

h1 { font-family: Helvetica, Arial, sans-serif; font-size: 48px; line-height: 48px; letter-spacing: -1px;}
h2 { font-family: Helvetica, Arial, sans-serif; font-size: 32px; color: #828386; line-height: 32px;}
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; letter-spacing: -1px;}
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; }

#content h1 {
	
	color: #000000;
	margin-top: 7px;
	/* padding-top: 7px; */
	/* padding-top: 15px; */
	font-size: 36px;
	line-height: 36px;
	letter-spacing: -2px;

	
}

#content h2 {
	/*padding-bottom: 20px; */
	background-color: #FFFFFF;
	color: #000000;
	margin-bottom: 7px;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: -1px;

}

.creditsfrontpage {

	width: 200px !important;
	 margin-bottom: 15px !important; 
	
	
}

#content img {
	
	border: 1px solid #777777;
	margin-bottom: 5px;
	
}

.feature {
	
	padding-top: 7px;
	
}

.projectdata {
	
	color: #777777;
	font-style: italic;
	line-height: 13px !important;
	
}

.w3c-correct {
	background: white; line-height: 24px;
	display: inline;
	
}

.frontpage {
	width: 210px !important;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 3px;
	
}

#address {
	
	border: 2px #777777 dotted;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	width: 200px;
	background-color: #FCF0AD;
	margin-left: 24px;
	
}

#content h3 { padding-bottom: 10px;}

#content h4 { padding-bottom: 7px;}

#content ul {

	padding-bottom: 9px;
	list-style-type: disc;
	margin-left: 35px;
	margin-right: 35px;
	padding: 5px;
	
}

#content ul li {
	list-style: square;
	margin-bottom: 5px;
	padding-left: 10px;
	line-height: 16px;
}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#footer {
	color: #CCCCCC;
}

#footer p {
	font-size: 10px;
	float:right;
	padding:0;
	margin:0;
}

#footer a {
	
	color: #B0C4DE;
	
}