/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	background: #999966;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*-------------------------------------------------------------------------------------*/

/*apply styles to tags */



h1 { font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:28px;
	 color:white;
	 font-style:oblique;
	 text-align:center;
	}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:26px;
	 color:#808040;
	 font-style:oblique;
	 padding:5px;
	 width:400px;
	}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:24px;
	 font-style:oblique;
	 padding:5px;

	}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:16px;
	 color:white;
	 font-style:normal;

	}
	
p {
	font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:16px;
	 color:black;
	 font-style:normal;
	 line-height:1.3;

	}


/*---------------------------------------------------------------------------*/
/* CLASS STYLES : specific areas to apply style */

.nextpage {
	color:white; font-style:italic;
	}


.backgroundgreen {
	background-color:#3C7700;
	}
	

.backgroundwhite {
	background-color:white;
	}




/*---------------------------------------------------------------------------------*/
/*apply styles to id groups (divs) */
 
#header						 {background-color:#999966;	padding:25px;	}

#top-navigation-bar			 {background-color:#808040;	clear:both; font-size:20px;	}

#top-navigation-bar ul 			{width:100%; float:left; margin:0px; background-color:#808040;
								border-bottom:medium #474723 solid; border-top:thin #919148 solid;	}



#top-navigation-bar ul li 	{display:inline;	margin:5px 10px 5px 5px;	}

#top-navigation-bar a:link 		{color:#56562C;}
#top-navigation-bar a:visited 	{color:#56562C;}
#top-navigation-bar a:active 	{color:#ffffff;}
#top-navigation-bar a:hover 	{color:#ffffff; background-color:#333300;}
#top-navigation-bar a:focus 	{color:#ffffff;}

#top-navigation-bar ul li a {float:left; padding:10px 20px; background-color:#808040;
	
}
	
#welcome-header {
	background-color:#999966; padding:20px 0px 0px 0px;}
	
#welcome-header h3 {	
	padding:45px 0px 10px 0px;
	font-size:26px;
	font-style:oblique;
	color:#494925;
	text-align:center;
	}
	
#banner {
	margin:5px 50px 5px 50px;
	}

#subheading-damsel-dragon-diff {
	text-align:center;
	padding:10px 0px 1px 0px;
	color:#494925;
	}
	
#damsels-pictures {
	float:left;
	padding:5px;
	margin-left:5px;
	}


#damsels-text {
	width:410px;
	font-size:17px;
	font-style:normal;
	color:#494925;
	padding:5px 0px 0px 15px;
	}

#damsels-text li {
	 margin-left:0px 0px 0px 5px;
}


#dragons-text {
	width:430px;
	font-size:17px;
	font-style:normal;
	color:#494925;
	padding:5px 0px 0px 15px;
	}



#dragon-pictures {
	margin-left:460px;
	padding:5px;
	}


#footer { clear:both;
	color:white;
	font-size:15px;
	padding:10px;
	border: 1px white solid;
	width:940px;
	margin:auto;
	
	}


#footer ul li {
	display:inline;
	margin:5px 100px 5px 1px;
	padding:5px;
	text-align:center;
	
	}

#footer a:link 		{color:#56562C;}
#footer a:visited 	{color:#56562C;}
#footer a:active 	{color:#ffffff;}
#footer a:hover 	{color:#ffffff; background-color:#333300;}
#footer a:focus 	{color:#ffffff;}




/* ABOUT PAGE CODES */

#about-sub-headings1 {color:#494925; padding:50px 0px 0px 10px;  	}                                                                                                    




#about-sub-headings h3 {color:#494925; 	padding:10px 0px 0px 10px;  	}


#About-paragraph p {padding:5px 10px 5px 20px;	width:950px; 	}

#john-pictures img {
	float:left;
	padding:5px;
	margin-left:5px;
	}

#john-pictures h2 {
	width:217px;
	text-align:center;
	}
	

#john-text {
	width:620px;
	margin-left:260px;
	padding:0px 0px 10px 0px;
	}


#rob-pictures h2 {
	width:217px;
	text-align:center;
	}

#rob-pictures img {
	float:left;
	padding:5px;
	margin-left:5px;
	}

#rob-text  {
	width:620px;
	margin-left:260px;
	padding:5px 0px 20px 0px;
	}

#Recommendations-paragraph p {
	padding:15px 20px 10px 20px;
	width:900px;
	line-height:1.2;

	}

#Recommendations-paragraph ul li {
	display:inline;
	margin:50px 5px 5px 120px;
	padding:20px 5px 25px 20px;

	}

#acknowledgements-paragraph p {	padding:15px 20px 25px 20px;	}

#saweb {width:940px;  }

#saweb h3 {	padding:0px 0px 0px 10px;}
#sa-website-paragraph {padding:10px;	}

#sa-website-paragraph p {padding:10px;	}
	

#intweb {width:910px; padding:5px;  }
	
#international-website-paragraph p {padding:10px;		}

#international-website-paragraph  {padding:10px;  	}


#copyright {width:400px; padding:5px; }
	
#copyright-paragraph p {
	padding:5px 0px 10px 10px;
	width:910px;

	}


#copyright-paragraph  {
	padding:5px 0px 20px 10px;
	width:910px;

	}

	
	
	
	
	
	
	



/*------------------------------------------------------------------------------------*/
/* BOX MODEL CODES - Padding, borders and Margins */


/* PAGE WIDTH and borders*/

#wrapper {
	width:960px;
	margin: auto;
	border:1px white solid;
	background-color:#999966;	
	}
	
	
/* Determines the background color for the background outside of the main page */	
body {
	background-color:#5A5A2E;
	}


	
/
















#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0px;padding:0px;top:0px;left:0px;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:0px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;margin:5 5 5 5;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url("loading.gif") no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#999966;}
#sb-title,#sb-info{position:relative;margin:0;padding:5;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url("close.png");}
#sb-nav-next{background-image:url("next.png");}
#sb-nav-previous{background-image:url("previous.png");}
#sb-nav-play{background-image:url("play.png");}
#sb-nav-pause{background-image:url("pause.png");}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:whit;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}