/* CSS Document */
/* This is your .css file.  It will load settings for various code functions. */
/* Such as when you have an indicator like <p>, if we have a certain setting for it */
/* like what font to use, what size, if the paragraph is indented, etc. */
/* This will also make sure that on every single page it loads the background */
/* every single time and does it in the manner I tell it to */

body,html {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #bdb59e;
	text-align:center;
}

img,p,a,h1,h2,h3,h4,h5,h6,li,ul {
  padding:0px;
  margin:0px;
  border:solid 0px;
  }

#container {
	width:800px;
	height:1056px;
	background-image:url(background.jpg);
	background-repeat:no-repeat;
    margin: 0 auto;
	text-align:left;
	position:relative;
	}
	
#buttonline {
	position:absolute;
	width:782px;
	height:45px;
	top:186px;
	left:14px;
	}



a.home {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(homebutton1.png);
}

a:hover.home {
    background-position: bottom;
}


html>body a.home {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(homebutton.png);

}

html>body a:hover.home {
    background-position: bottom;
}

a.fund {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(fundraising1.png);

}

a:hover.fund {
    background-position: bottom;
}


html>body a.fund {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(fundraising.png);

}

html>body a:hover.fund {
    background-position: bottom;
}

a.contact {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(contactus1.png);


}

a:hover.contact {
    background-position: bottom;
}


html>body a.contact {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(contactus.png);

}

html>body a:hover.contact {
    background-position: bottom;
}


a.aoty {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(aotybutton1.png);


}

a:hover.aoty {
    background-position: bottom;
}


html>body a.aoty {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(aotybutton.png);

}

html>body a:hover.aoty {
    background-position: bottom;
}


a.training {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(trainingbutton1.png);

}

a:hover.training {
    background-position: bottom;
}


html>body a.training {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(trainingbutton.png);

}

html>body a:hover.training {
    background-position: bottom;
}


a.news {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(newsbutton1.png);

}

a:hover.news {
    background-position: bottom;
}


html>body a.news {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(newsbutton.png);

}

html>body a:hover.news {
    background-position: bottom;
}

a.staff {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(staffbutton1.png);

}

a:hover.staff {
    background-position: bottom;
}


html>body a.staff {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(staffbutton.png);

}

html>body a:hover.staff {
    background-position: bottom;
}

a.articles {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(articlesbutton1.png);
}

a:hover.articles {
    background-position: bottom;
}


html>body a.articles {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(articlesbutton.png);

}

html>body a:hover.articles {
    background-position: bottom;
}

a.bod {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(bod1.png);

}

a:hover.bod {
    background-position: bottom;
}


html>body a.bod {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(bod.png);

}

html>body a:hover.bod {
    background-position: bottom;
}


a.manuals {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(manuals1.png);

}

a:hover.manuals {
    background-position: bottom;
}


html>body a.manuals {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(manuals.png);

}

html>body a:hover.manuals {
    background-position: bottom;
}

a.donations {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(donations1.png);


}

a:hover.donations {
    background-position: bottom;
}


html>body a.donations {
	display:inline-block;
	width: 90px;
	height: 35px;
	background-image:url(donations.png);

}

html>body a:hover.donations {
    background-position: bottom;
}


#footer {
   position: relative;
   width:800px;
   height:129px;
   bottom:-919px;
   }
   
html>body #footer{
   position:relative;
   width:800px;
   height:129px;
   bottom:-919px;
   }


#donationbutton {
   position:absolute;
   width:117px;
   height:128px;
   left:8px;
   }
   
html>body #donationbutton {
	position:absolute;
	width:117px;
	height:129px;
	left:9px;
	top: 14px;
   }
   
#contact {
   position:absolute;
   width:90px;
   height:35px;
   right:45px;
   bottom:10px;

   }

html>body #contact {
   position:absolute;
   width:90px;
   height:35px;
   right:45px;
   bottom:10px;
   }

#advocate {
   position:absolute;
   width:120px;
   height:35px;
   right:110px;
   bottom:10px;

   }

html>body #advocate {
	position:absolute;
	width:120px;
	height:35px;
	right:110px;
	bottom:10px;
   }

#training {
   position:absolute;
   width:118px;
   height:53px;
   right:126px;
   bottom:10px;
   }

html>body #training {
   position:absolute;
   width:118px;
   height:53px;
   right:126px;
   bottom:1px;
   }
   
#bottomquote {
	position:absolute;
	width:600px;
	height:64px;
	right:8px;
	top:-10px;
   }
  
html>body #bottomquote {
	position:absolute;
	width:600px;
	height:64px;
	right:23px;
	top:-1px;
   }   

#bottomquote p {
    font-family: Freestyle Script;
	font-size:1.4em;
	color:#6B3612;
	font-weight:500;
	line-height:normal;
	text-align:right;
	}

html>body #bottomquote p {
	font-family: Freestyle Script;
	font-size:1.4em;
	color:#6B3612;
	font-weight:500;
	line-height:normal;
	clear:both;
	position:absolute;
	top:-18px;
	width: 600px;
	height: 62px;
	text-align:right;
	}

#bottomquote p.index {
    font-family: Freestyle Script;
	font-size:1.4em;
	color:#6B3612;
	font-weight:500;
	line-height:normal;
	text-align:justify;
	position:absolute;
	right:-10px;
	}

html>body #bottomquote p.index {
	font-family: Freestyle Script;
	font-size:1.5em;
	color:#6B3612;
	font-weight:500;
	line-height:normal;
	clear:both;
	position:absolute;
	top:-18px;
	right:-110px;
	width: 600px;
	height: 62px;
	text-align:justify;
	}


#maintextcontent {
	width:595px;
	height:670px;
	top:240px;
	right:100px;
	position: absolute;
	}

#maintextcontent.calender {
	position:absolute;
	width:750px;
	height:670px;
	top:240px;
	right:24px;
	}


html>body #maintextcontent {
	position:absolute;
	width:674px;
	height:680px;
	top:232px;
	right:14px;
	}
	
#maintextcontent h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
    padding-bottom:15px;
	}

#maintextcontent h2 {
    font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
    font-size:1.3em;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
    padding-bottom:15px;
	}
	
#maintextcontent h2 a {
    font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
    font-size:1.3em;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
    padding-bottom:15px;
	text-decoration:none;
	}	
	
#maintextcontent h2 a:hover {
    color:#679a36;
	text-decoration:underline;
		}
	
#maintextcontent h2.clanitra {
    font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
    font-size:1.3em;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
	padding-bottom:0px;
	}	
#maintextcontent p.cstewart {
    color:#6B3612;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size:16px;
	text-align:justify;
	clear:both;
	padding-bottom:15px;
	}
	
#maintextcontent p {
    color:#6B3612;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size:14px;
	text-align:justify;
	clear:both;
	padding-bottom:13px;
	}

#maintextcontent p.contact {
    color:#6B3612;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size:16px;
	text-align:justify;
	clear:both;
	padding-bottom:15px;
	}

#maintextcontent p.donations {
    color:#6B3612;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size:18px;
	text-align:justify;
	clear:both;
	padding-bottom:0px;
	}
	
#maintextcontent p.disclaimers {
    color:#6B3612;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size:18px;
	text-align:justify;
	clear:both;
	padding-bottom:15px;
	font-weight:700;
	}

#maintextcontent p.pub {
    color:#492A0F;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	clear:both;
	padding-bottom:15px;
	}

#maintextcontent p a {
    color:#336633;
	text-decoration:none;
	font-weight:bold;
	}
#maintextcontent p a:hover {
    color:#679a36;
	text-decoration:underline;
		}
		
#maintextcontent li {
    font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
    padding-bottom:15px;
	list-style:none;
	}

#maintextcontent li.bulletins {
    font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
    padding-bottom:5px;
	list-style:none;
	}	

#maintextcontent li.articles {
    font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
    padding-bottom:7px;
	background-image:url(listbutton.gif);
	background-repeat:no-repeat;
	background-position:0 .1em !important;
	background-position:0 .2em;
	padding-left:20px;
	margin-left:25px;
	}	


#maintextcontent li a {
    color:#336633;
	text-decoration:none;
	font-weight:bold;
	}
#maintextcontent li a:hover {
    color:#679a36;
	text-decoration:underline;
    }

/* H3 was used to make the -2009- text that floats off to the left on everypage, except the index */
	
#maintextcontent h3 {
    color:#6B3612;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	right:18px;
	position:relative;
	padding-bottom:10px;
	}
	
html>body #maintextcontent h3 {
    color:#6B3612;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	display:inline;
    right:18px;
	padding-bottom:10px;
	}
	
/* H4 and H5 were used on the Contact page for the phone number at the beginning of the content */

#maintextcontent h4 {
    color:#6B3612;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	padding-top:15px;
	letter-spacing:1px;
	}

#maintextcontent h5 {
    color:#6B3612;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	clear:both;
	text-align:center;
	padding-bottom:20px;
	}
	
/* H6 is for the Print Material sections, basically the heading for it */

#maintextcontent h6 {
    color:#6B3612;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	float:left;
	clear:both;
	padding-top:8px;
	padding-bottom:3px;
	}

/* This is basically the sections fot the links at the bottom of Print Materials */

#pmlinks {
    position:relative;
    width:250px;
    height:150px;
    float:right;
	text-align:left;
	}

   
#pmlinks li {
     list-style:none;
	 margin-top:10px;
	 }
	 
#pmlinks li a {
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#336633;
	text-decoration:none;
	font-weight:bold;
	
	}
	
#pmlinks li a:hover {
    color:#679a36;
	text-decoration:underline;
	}
	
/* This covers all the articles on the Printed Materials Page */
	
#pmarticles {
    position:relative;
	clear:both;
    padding-top:20px;
	padding-left:20px;
	}

#pmarticles ul {
    list-style-type:none;
	}
   
#pmarticles li {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
    padding-bottom:3px;
	background-image:url(listbutton.gif);
	background-repeat:no-repeat;
	background-position:0 0em !important;
	background-position:0 .2em;
	padding-left: 20px;
	margin-bottom:5px;
	}	
	 
#pmarticles li a {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#336633;
	text-decoration:none;
	font-weight:bold;
	
	}
	
#pmarticles li a:hover {
    color:#679a36;
	text-decoration:underline;
	}

/* This is basically where you would be putting in your header images at the top. */

#headerinfo {
	position:absolute;
	width:328px;
	height:100px;
	top:21px;
	left:45px;
   }

/* This is the boxes for the Directors page */

#directors {
    position:relative;
    width:275px;
    height:400px;
    float:left;
	text-align:left;
	}

#directors li {
     list-style:none;
	 margin-top:13px;
	 }
	 
#directors h1 {
    font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
    font-size:1.1em;
    line-height:normal;
    font-weight:bold;
    color:#6B3612;
    padding-bottom:0px;
	}
	
#directors p {
    color:#6B3612;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size:14px;
	clear:both;
	}
	
/* This is for the staff pages */

#staff {
    position:relative;
    width:450px;
    height:600px;
    float:left;
	text-align:left;
	}

#staff ul {
     list-style:none;
	 margin:0px;
	 }
	 
#staff h1 {
    font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
    font-size:1.2em;
    line-height:normal;
    font-weight:bold;
    color:#492A0F;
    padding-bottom:0px;
	}
	
#staff p {
    color:#8C6239;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:bold;
	clear:both;
	}

#staff h1 a {
    text-decoration:none;
    color:#492A0F;
     }

#staff h1 a:hover {
    color:#50722B; 
	text-decoration:underline;
	}

#staff h1.mail {
    background-image:url(emailButton.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	clear:both;
	width:30px;
	height:16px;
	}
	
#news li {
     list-style:none;
	 margin-left:90px;
	 padding-bottom:5px;
	 }

#news img a{
     list-style:none;
     padding-bottom:5px;
	 }
	 
#news li a {
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#336633;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:0px;
	
	}
	
#news li a:hover {
    color:#679a36;
	text-decoration:underline;
	}

#maintextcontent p.newstext {
    color:#6B3612;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	text-align:justify;
	clear:both;
	padding-bottom:12px;
	}

#maintextcontent p.spacing {
    padding-bottom:0px;
	margin-top:-10px;
	}

/* This all below this covers the Advocate of the Year Page */
/* #advcoatetop is the area at the top of the content section, holding the pic and such */
	
#advocatetop {
	position:absolute;
	width:596px;
	height:220px;
	left:1017px;
	top: -198px;
	}

/* This is for the name of the Advocate of the Year that appears under the picture */
	
#advocatetop h1 {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	bottom:-1px;
	left:8px;
	width: 172px;
	}
	
/* This covers the space holding the pic. Pics should generally be 170x180, though this ratio can change, just have to change it here */
	
#advocateimg {
	position:absolute;
	width:170px;
	height:180px;
	left:-1004px;
	background-color:#33CC33;
	top: 165px;
	}
	
/* This section is the text on the right of the picture */
/* Creates the area of the text to be in */	

#advocaterighttext {
	position:absolute;
	width:393px;
	height:180px;
	right:-795px;
	top:73px;
	}

#advocaterighttext p {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
	margin-left:15px;
	margin-right:5px;
	}
	
#advocaterighttext h2 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	margin-top:5px;
	margin-left:60px;
	}

#advocaterighttext h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	margin-left:160px;
	}

body>html #advocaterighttext h2 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	margin-top:15px;
	margin-left:60px;
	}

body>html #advocaterighttext h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	margin-left:160px;
	}


/* This covers the rest of the text on the page */

#advocatetext {
	position:absolute;
	width:673px !important;
	width:640px;
	height:450px;
	bottom:44px !important;
	bottom:-25px;
	left: 6px;
	}

#advocatetext p {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	}

#advocatetext ul{
    padding:0px;
	}	
	
#advocatetext li {
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:120px;
	list-style:disc;
	font-weight:normal;
	padding:0px;
	}
	
#advocatetext h1 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
	font-weight:bold;
	}
	
#advocatetext h1 a {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
	font-weight:bold;
	text-decoration:none;
	color:#336633;
	}	
	
#advocatetext h1 a:hover {
    color:#679a36;
	text-decoration:underline;
	}
		
/* This creates a box at the bottom of the training page.  The height will determine how far up it'll go, as it starts at the bottom */

#trainingbox {
	position:absolute;
	width:595px;
	height:430px;
	bottom:27px;
	}

/* This h3 covers the 'Training Schedule' at the top of the listing */
	
#maintextcontent h3.training {
    font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-left:200px;
	color:#6B3612;
	clear:none;
	position:static;
	}

/* This creates the columns for the course */
	
#trainingcolumnsleft {
	position:absolute;
	width:200px;
	height:420px;
	left:0px;
	top:30px;
	}

#trainingcolumnsright {
	position:absolute;
	width:209px;
	height:420px;
	float:left;
	right:1px;
	top:22px;
	}
#trainingcolumnsright p a {
	text-align:left;
}
	

#trainingbox li {
     list-style:none;
	 font-family:'Myriad Pro', Arial, Helvetic, sans-serif;
	 font-weight:normal;
	 font-size:14px;
	 margin:0px;
	 padding:0px;
	 }
	 
#donationpaypal {
	position:absolute;
	width:134px;
	height:74px;
	padding:0px;
	border:none;
	margin:0px;
	right:-5px;
	top:367px;
	 }
	 
#staff a[href^="mailto:"] {
display:inline-block;
padding-left:30px;
margin-left:10px;
line-height:18px;
background:transparent url(emailButton.png) center left no-repeat;
text-decoration:none;
}

#aoy1 {
	position:absolute;
	width:255px;
	height:176px;
	top:163px;
	left:4px;
}

#aoy2 {
	position:absolute;
	width:307px;
	height:181px;
	top:162px;
	right:100;
	left: 281px;
}

#aoy3 {
	position:absolute;
	width:273px;
	height:172px;
	top:442px;
	right:100;
	left: 159px;
}


#aoy4 {
	position:absolute;
	width:270px;
	height:55px;
	top:365px;
	left:1px;
	text-align:left;
}

#aoy5 {
	position:absolute;
	width:304px;
	height:30px;
	top:365px;
	right:100;
	text-align:left;
	left: 290px;
}

#aoy6 {
	position:absolute;
	width:302px;
	height:30px;
	top:616px;
	right:100;
	text-format:left;
	left: 147px;
}

#aoy7 {
	position:absolute;
	width:255px;
	height:176px;
	top:169px;
	left:27px;
}

#aoy8 {
	position:absolute;
	width:307px;
	height:181px;
	top:170px;
	right:100;
	left: 337px;
}

#aoy9 {
	position:absolute;
	width:309px;
	height:52px;
	top:278px;
	left:1121px;
	text-align:left;
}

#aoy9 p {
	font-size:10px;
}

#aoy10 {
	position:absolute;
	width:345px;
	height:39px;
	top:353px;
	right:100;
	text-align:left;
	left: 1444px;
}

#aoy10 p {
	font-size:10px;
}