/* styles.css
Modified 7 July 2008
*/


/*
~~~~~~~~~~~~~~~~~~~~~
BEGIN: General Styles
~~~~~~~~~~~~~~~~~~~~~
*/
html, body, div, fieldset {
margin: 0;
padding: 0;
}

fieldset {
border: 0;
}

.textonly, .printonly {
display: none;
}

img {
border: 0px;
}
/*
~~~~~~~~~~~~~~~~~~~
END: General Styles
~~~~~~~~~~~~~~~~~~~
*/




/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BEGIN: Major Markup Sections
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
body {
background: white url(../images/bg.gif) top left repeat-x;
color: #666;
font: medium Tahoma, Arial, Helvetica, sans-serif;
}

	#bar {
	background: rgb(130,78,153);
	border: 1px solid rgb(192,166,204);
	clear: both;
	color: white;
	font-size: small;
	margin: 5px auto;
	padding: 2px 0 3px 0;
	width: 750px;
	}
	
		#bar a {
		background: rgb(130,78,153);
		color: white;
		}
	
		#bar address {
		display: inline;
		margin: 0;
		padding: 0;
		}
		
			#bar address span {
			display: inline;
			padding: 0 10px;
			}
			
			#bar #phone {
			border-right: 1px solid white;
			}
			
		
		#bar h2 {
		background-color: rgb(130,78,153);
		color: white;
		display: inline;
		font-size: small;
		font-weight: bold;
		margin-left: 15px;
		margin-right: 0.5em;
		}
		
	div#pagebody {
	background-color: white;
	border: 1px solid rgb(130,78,153);
	font-size: 0.9em;
	margin: 5px auto 5px auto;
	width: 750px;
	}
	
		div#header, div#footer {
		width: 100%;
		}
	
		/* BEGIN: #header */
		div#header {
		background: rgb(255,255,255) url(../images/judy-headshot-b.jpg) top right no-repeat;
		border-bottom: 1px solid rgb(130,78,153);
		height: 137px;
		}
		
			div#header img#gologo {
			height: 121px;
			position: relative;
			top: 16px;
			width: 433px;
			}
		/* END: #header */
		
		/* BEGIN: #content */	
		div#content {
		width: 100%;
		}
		
			/* BEGIN: #secondary */
			div#content div#secondary {
			border-right: 1px solid rgb(130,78,153);
			float: left;
			font-size: small;
			width: 20%;
			}
		
				/* BEGIN: Global Navigation Styles */
				ul#globalnav {
				font-weight: bold;
				margin: 0;
				padding: 0 0 0 10%;
				width: 90%;
				}
				
					ul#globalnav li {
					background-color: white;
					border-bottom: 1px solid rgb(130,127,234);
					list-style-type: none;
					margin: 0;
					padding: 0;
					}
					
						ul#globalnav li a {
						display: block;
						margin: 0;
						padding: 5px 0 0 2px;
						}
			
					ul#globalnav li#current {
					background-color: rgb(130,78,153);
					color: white;
					padding-left: 2px;
					padding-top: 5px;
					}
	
						/* BEGIN: Global Navigation A Behaviors */
						ul#globalnav li a:link, ul#globalnav li a:visited {
						background-color: white;
						color: rgb(129,129,129);
						text-decoration: none;
						}
						
						ul#globalnav li a:hover {
						background-color: rgb(192,166,204);
						color: white;
						text-decoration: none;
						}
						
						ul#globalnav li a:active {
						background-color: rgb(130,78,153);
						border: 0;
						color: black;
						text-decoration: none;
						}
						/* END: Global Navigation A Behaviors */
				/* END: Global Navigation Styles */
				
				#newsletter-subscription-form {border-bottom: 3px double #827fea; border-top: 3px double #827fea; margin-top: 40px; padding: 10px 0; width: 100%;}
				#newsletter-subscription-form > h2 {background-color: white; color: #91cc4b; font-size: 15px; font-weight: normal; margin: 0 5px 5px 5px;}
				#newsletter-subscription-form > form > fieldset {border: 0; display: block; margin: 0; padding: 0 5px; width: 100%;}
				#newsletter-subscription-form fieldset > label {display: block; color: #666;}
				#newsletter-subscription-form fieldset > input {margin-left: 0;}
				#newsletter-subscription-form fieldset > input[type="text"] {width: 125px;}
				#newsletter-subscription-form fieldset > input[type="submit"] {display: block; margin-top:5px;}
				
				/* BEGIN: Contact Info Styles */
				address {font-size: 90%; font-style: normal; margin: 100px 10%;}
				address span {display: block;}
				/* END: Contact Info Styles */
			/* END: #secondary */
		
		/* BEGIN: #primary */
		div#content div#primary {
		border-left: 1px solid rgb(130,78,153);
		margin-left: 20%;
		}
		
		img.headshot {
		border: 1px solid black;
		float: left;
		margin-bottom: 15px;
		margin-left:20px;
		margin-right: 10px;
		width: 100px;
		}
		
		img.product-photo {
		border: 1px solid black;
		float: left;
		margin: 0 60px 10px 20px;
		width: 200px;
		}
		
		img#seejanework {
		margin-right: 10px;
		width: 120px;
		}
		/* END: #primary */

		/* BEGIN: #footer */
		div#footer {
		background: rgb(130,78,153);
		border: 1px solid rgb(192,166,204);
		clear: both;
		color: white;
		font-size: small;
		margin: 5px auto;
		padding-bottom: 10px;
		width: 750px;
		}

			div#footer div.chunk h2 {
			background-color: transparent;
			color: white;
			font-size: 1.3em;
			font-weight: bold;
			margin: 5px 15px 0 15px;
			}
			
			div#footer div.chunk p {
			background-color: transparent;
			color: white;
			margin: 0 15px 0 30px;
			}
		/* END: #footer */
		
		/* BEGIN: #extras */
		div#extras {
		font-size: small;
		margin: 0 auto;
		width: 750px;
		}
		
			div#extras div.chunk {
			float: left;
			margin-left: 50px;
			width: 200px;
			}
			
				div#extras div.chunk img {
				float: left;
				}
			
				img#napologo{
				height: 104px;
				width: 140px;
				}
				
				img#nsgcdlogo {
				height: 74px;
				width: 171px;
				}
				
			div#extras div.chunk p {
			clear: both;
			font-size: 0.9em;
			margin: 10px 0 15px 0;
			}
			
			div#languages img {
			display: block;
			height: 14px;
			margin: 4px 0;
			width: 167px;
			}
		/* END: #extras */
		
		div#fineprint {
		clear: both;
		font-size: x-small;
		margin: 150px 0 10px 0;
		text-align: center;
		}
		
			div#fineprint p {
			margin: 5px 0;
			}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~
END: Major Markup Sections
~~~~~~~~~~~~~~~~~~~~~~~~~~
*/




/*
~~~~~~~~~~~~~~~~~~~~~~~~~~
BEGIN: General A Behaviors
~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
a:link {
background-color: white;
color: rgb(130,127,234);
text-decoration: underline;
}
#download-error-message > a:link {background-color: transparent; color: red;}

a:visited {
background-color: white;
color: rgb(186,174,212);
text-decoration: underline;
}
#download-error-message > a:visited {background-color: transparent; color: red;}

a:hover {
background-color: rgb(130,127,234);
color: white;
text-decoration: none;
}
#download-error-message > a:hover {background-color: red; color: white;}

a:active {
background-color: white;
border: 1px solid rgb(130,127,234);
color: rgb(130,127,234);
text-decoration: none;
}
#download-error-message > a:active {background-color: white; border: 1px solid red; color: red;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~
END: General A Behaviors
~~~~~~~~~~~~~~~~~~~~~~~~~~
*/




/*
~~~~~~~~~~~~~~~~~~
BEGIN: Text Styles
~~~~~~~~~~~~~~~~~~
*/
em, .italic {
font-style: italic;
}

strong, .bold {
font-weight: bold;
}

cite {
display: block;
margin: 0 50px 0 0;
text-align: right;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
background-color: white;
padding: 0;
}

h2, h3, h4, h5, h6 {
margin: 30px 15px 5px 20px;
}

h1 {
color: rgb(145,204,75);
font-size: 1.6em;
font-weight: normal;
margin: 0 15px 20px 20px;
padding-top: 15px;
}

h2 {
color: rgb(118,80,139);
font-size: 1.2em;
font-weight: normal;
}

h3 {
clear: both;
font-size: 1.1em;
}

h4, h5, h6 {
font-size: 1em;
}

h2 + p, h3 + p, h4 + p, h5 + p {
margin-top: 5px;
}

p {
margin: 15px 15px 15px 20px;
}

p#download-error-message {
background-color: #fcc;
border-bottom: 1px solid red;
border-top: 1px solid red;
color: red;
padding: 7px;
}

#finalelement {
margin-bottom: 0;
padding-bottom: 30px;
}

ul, ol {
font-size: 1em;
margin: 15px 15px 15px 20px;
padding-left: 15px;
}

li {
margin: 0.7em 0;
}
/*
~~~~~~~~~~~~~~~~~~
END: Text Styles
~~~~~~~~~~~~~~~~~~
*/