body
{
	margin:0px;
}
#container {
	overflow: hidden;
}
#container-wrapper {
	background-color: #DBEAE8;
}
#header {
	background-color: #DBEAE8;
	width: auto;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(Images/header_author_pj_tierney.jpg);
}
#nav_bar {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 1em;
	font-family: Perpetua;
	text-align: center;
	font-weight: bold;
	height: 40px;
	width: 100%;
	background-color: #000;
	letter-spacing: .2em;
}

/* to stretch the container div to contain floated list */
#nav_bar:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul.navlist
{
	list-style: none;
	padding: 0;
	width: 940px;
	margin: 0 auto;
	background-color: #CCC;
}

#content p {
	margin-bottom: 30px;
	
		
}

ul.navlist li
{
display: block;
float: left;
margin: 0;
padding: 0;
}

.navbutton1 {width:10%;}	
.navbutton2 {width:16%;}
.navbutton3 {width:25%;}
.navbutton4 {width:25%;}
.navbutton5 {width:24%;}

#nav_bar>ul.navlist li a { width: auto; }
#content  {
	padding: 50px 20px 1px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	font-family: Perpetua;
	font-size: 1.1em;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	/*margin-top: 60px;*/
	margin-bottom: 0px;
	background-color: #DBEAE8;
	line-height: 250%;
}

.grey-background
{
	background-color: #DBEAE8;
	text-align: center;
	width: auto;
	height: px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(Images/footer_mist.png);
}

#footer_header  {
	height: 350px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
}
.footer_nav {
	margin-right: auto;
	margin-left: auto;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 0.6em;
	font-family: Perpetua;
	text-align: center;
	font-weight: bold;
	height: 0px;
	width: 1019px;
	letter-spacing: .2em;
	background-repeat: repeat;
	background-position: left;
	position:relative;
	top:315px;
}

/* to stretch the container div to contain floated list */
.footer_nav:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul.navlist li a
{
	display: block;
	width: 100%;
	padding: 0.5em;
	color: #FFF;
	text-decoration: none;
	background-color: #0A0A0A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #292929;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #292929;
}

.footer_nav>ul.navlist li a { width: auto; }

ul.navlist li.current a
{
	color: #000;
	background-color: #8C8C8C;
}

ul.navlist li a:hover, ul.navlist li.current a:hover
{
	color: #599E9C;
	background: transparent;
	border-top-color: #0A0A0A;
	border-right-color: #282828;
	border-bottom-color: #282828;
	border-left-color: #0A0A0A;
}
#footer_copyright {
	font-family: Perpetua;
	font-weight: bold;
	font-size: .8em;
	text-align: center;
	background-color: #000;
	width: auto;
	color: #FFF;
	height: 50px;
	letter-spacing: 0.1em;
}

.addthis-smartlayers, div#at4-share, div#at4-follow, div#at4-whatsnext, div#at4-thankyou {
    margin: 0;
    padding: 0;
    top: 382px;
}
label {
	font-size: 1em;
	color: #666;
}

form {
	border: 1px solid #ddd;
	width: 715px;
	background: #fff;
	height: 425px;
	/* -- CSS3 - define rounded corners for the form -- */	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* -- CSS3 - create a background graident -- */
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF));
	margin-top: 75px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-color: #E9F3F0;
	background-position: 0% 40%;
 		
}	

fieldset { border: none; }

#user-details { 
	float: left;
	width: 230px; 
}

#user-message { 
	float: right;
	width: 405px;
}

input, textarea {
	padding: 8px;
	margin: 4px 0 20px 0;
	background: #F0F7F4;
	width: 220px;
	font-size: 1em;
	color: #333;
	border: 1px #ddd solid;
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	-webkit-box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa;
	box-shadow: 0px 0px 4px #aaa;
	/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
	-webkit-transition: background 0.3s linear;
	font-family: Perpetua, "Times New Roman";
}

textarea {		
	width: 390px; 
	height: 175px; 		 		
}

input:hover, textarea:hover {
	background-color: #FFF;
}
	
input.submit {
	width: 150px;
	color: #FFF;
	text-transform: uppercase;
	margin-top: 10px;
	background-color: #0AC600;
	border: thin solid #900;
	/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
	-webkit-transition: -webkit-box-shadow 0.3s linear;
	/* -- CSS3 - Rounded Corners -- */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-position: 25% 75%;
	font-size: 1em;
	font-family: Perpetua, "Times New Roman";
	font-weight: bold;
} 

input.submit:hover { 		
	-webkit-box-shadow: 0px 0px 20px #555;
	-moz-box-shadow: 0px 0px 20px #aaa; 
	box-shadow: 0px 0px 20px #555;	
	cursor:  pointer;