/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  March 9, 2010, 8:34 pm with psd2css Online version 1.77
 *
 */
 
 
/* This is a wrapper for the that sets background colour and how far down the site appears - KEEP - it centres the whole site */
body {
  margin-top: 30px; 
  padding: 0;
  background-color: #336600;
}
/* This is a wrapper for the centering layer_empty_center2 layer you made - KEEP - it centres the whole site */
#Layer-1 {
  position: relative;
  width: 800px;
  margin: auto;
}

/* You named this layer athena logo */
.athena-logo {
  position: absolute;
  margin-left: 334px;
}

/* You named this layer athena masthead */
.masthead {
  position: absolute;
  margin-left: 0px;
  margin-top: 115px;
}

/* You named this layer athena mastname */
.mastname {
  position: absolute;
  margin-left: 127px;
  margin-top: 170px;
  padding-bottom: 20px;
}

/* Use this bit of CSS to give frame to main image */
.picture{
	border:1px solid #cccccc;
	padding: 1px;
	margin-top: 220px;
}

/* Use this bit of CSS to position quote 1*/
.quote1{
	position: absolute;
  margin-left: 22px;
  margin-top: 241px;
   z-index: 2;
}

/* Use this bit of CSS to position quote 2*/
.quote2{
	position: absolute;
  margin-left: 482px;
  margin-top: 241px;
   z-index: 2;
}

/* Use this bit of CSS to position quote 1*/
.quote3{
	position: absolute;
  margin-left: 22px;
  margin-top: 241px;
   z-index: 2;
}

/* Use this bit of CSS to position quote 4*/
.quote4{
	position: absolute;
  margin-left: 486px;
  margin-top: 241px;
   z-index: 2;
}





/* This is the formatting for header style 1 */
h1{
color: #003399;
text-align: left;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #666666;
padding-bottom: 10px;
}

/* This is the formatting for header style 2 */
h2{
color: #003399;
text-align: left;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
margin-top: 15px;
margin-bottom: 3px;
}


/* This is to format the depth of the bottom white area */
.bottom-white-area
{
background: #ffffff;
margin: 0, 0, 20px, 0;
height: 100%;
}

/* This is to format the top container that holds the masthead and picture */
.topcontainer
{
background: #ffffff;
margin: 0, 0, 0, 0;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 18px;
padding-left: 20px;
width: 760px;
}



/* This is to format the bottom container that holds the two vertical text columns */
.container
{
background: #ffffff;
margin: 0, 0, 0, 0;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 18px;
padding-left: 20px;
width: 760px;
}




/* You named this layer bottom background_frame */
#bottom-background {
  position: absolute;
  left: 0px;
  top: 304px;
  width: 800px;
  height: 508px; 
}

/* This is for the wider left text column on the index page */
#text-col-1 {
	float: left;
  left: 2px;
  width: 515px;
  padding-right: 45px;
  z-index: 8;}
  
  
  /* This is for the narrow sidebar text column on the index page */
  #text-col-2 {
	float: left;
	top: 0px;
	width: 200px;
  padding: 0px}
  
  
  /* This is for the wide text column on all the other pages */ 
  #text-col-3 {
	float: left;
  left: 2px;
  width: 760px;
  padding-right: 0px;
  z-index: 1;
  text-align: left;}
  
  

	


/* This is Navigation DIV */
#navigation-div {
  width: 758px;
  padding-top: 10px;
  }
  
  
/* Here are some examples of how you might want to change the
 * look and behavior of the Navigation.  Some examples for
 * further customization are included in comments.  */
 
 .nav {
	width: 100%;
	float: left;
	margin: 0 0 25px 0;
	padding: 0px;
	list-style: none;
	background-color: #fbffe6;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc; }
.nav li {
	float: left; }
.nav li a {
	display: block;
	padding: 8px 15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff; 
	}
.nav li a:hover {
	color: #ffffff;
	background-color: #669900;
	}




/* You named this layer body-copy */
.body-copy {
  
  text-align: left;
  left: 2px;
  overflow: none;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #808284;
  line-height: 150%;
}

  .body-copy a:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #669900;
}
.body-copy a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #669900;
}
.body-copy a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #669900;
}
.body-copy a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #669900;
}





/* You named this layer dotted rule top */
#dotted-rule {
  clear: left;
  left: 20px;
  padding-top: 12px;
}

#bottom_nav {
  clear: left;
  left: 20px;
  padding-top: 12px;
}


.bottom-nav {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	color: #c7c9cb;
}
.bottom-nav a:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	color: #c7c9cb;
}
.bottom-nav a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	color: #c7c9cb;
}
.bottom-nav a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	color: #669900;
}
.bottom-nav a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	color: #c7c9cb;
}