@charset "UTF-8";
/* CSS Document */
body	{
	background-image: url(../images/backgrounds/metallic_pattern.jpg);
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#wrapper	{
	width: 968px;
	height: 600px;
	background-image: url(../images/backgrounds/donorwall_background.jpg);
	margin: 0px auto;
	z-index:2;
	border: none;
}
#topspacer	{
	width: 968px;
	height: 40px;
}
#pagebackground	{
	width: 1000px;
	height: 600px;
	margin: -20px auto 0 auto;
	background-color: #FFF;
}
#logopanel	{
	height: 81px;
	margin-left: 30px;
}


/*------Top Contact Invformation ------- */
#needhelp {
	font-weight:bold;
	color:#823e1c;
	font-size: 16px;
}
#needhelpwhite {
	font-weight:bold;
	color:#ffffff;
	font-size: 16px;
}


#contact_text	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#contact_text a:link	{
	color: #0033cc;
	text-decoration: none;
}
#contact_text a:visited	{
	color: #0033cc;
	text-decoration: none;
}
#contact_text a:hover	{
	color: #a65f0d;
	text-decoration: none;
}
#contact_text a:active	{
	color: #0033cc;
	text-decoration: none;
}


#tabpanel	{
	width: 525px;
	height: 28px;
	margin-left: 91px;
	padding-left: 149px;
}
#mainpanel	{
	width: 647px;
	height: 320px;
	border: 2px solid #CCC;
	margin-left: 101px;
	margin-top: 0px;
}
#mainpanelOverlay	{
	width: 647px;
	height: 320px;
	border: 2px solid #CCC;
	margin-left: 101px;
	margin-top: 0px;
	float:left;
}
#textpanel	{
	width: 250px;
	height: 350px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}

/* ------ Plaques Code -------*/

#plaqueOverview	{
	width: 225px;
	height: 270px;
}
#columnImage	{
	width: 58px;
	height: 42px;
	float: left;
}
#lastColumnImage	{
	width: 50px;
	height: 42px;
	float: left;	
}
#lastRowImage	{
	width: 58px;
	height: 38px;
	float: left;
}
#lastRowColumnImage	{
	width: 50px;
	height: 38px;
	float: left;	
}
#clearColumnImage	{
	clear: all;	
}

/*-------- Standard Photobook Page -----*/

#overview	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: scroll;
	width: 225px;
	height: 190px;
}
#overview a:link	{
	color: #003366;
	text-decoration: none;
}
#overview a:visited	{
	color: #003366;
	text-decoration: none;
}
#overview a:hover	{
	color: #003366;
	text-decoration: underline
}
#overview a:active	{
	color: #003366;
	text-decoration: none;
}
#thumbnailpanel	{
	width: 250px;
	height: 120px;
}
#photobookpanel	{
	height: 350px;
	padding-left: 0px;
	padding-top: 25px;
	padding-bottom: -25px;
	float: left;
}
#dropshadow	{
	width: 500px;
	height: 400px;
	background-image: url(../images/page_template/drop_shadow.jpg);
	margin-top: -420px;
	background-repeat: repeat-y;
	margin-left: 725px;
	float: left;
	z-index: 2;
}
#addressbox	{
	width: 143px;
	height: 120px;
	margin-left: 751px;
	float: left;
	margin-top: -176px;
	background-color:#666666;
	padding-left: 15px;
}
#addressbox02	{
	width: 143px;
	height: 120px;
	margin-left: 638px;
	float: left;
	margin-top: -121px;
	background-color:#666666;
	padding-left: 15px;
}
#addressBoxHomePage	{
	width: 143px;
	height: 120px;
	margin-left: 648px;
	float: left;
	margin-top: -171px;
	background-color:#666666;
	padding-left: 15px;
}
#addressBoxOverlay	{
	width: 143px;
	height: 120px;
	/* margin-left: 648px; */
	float: left;
	/* margin-top: -171px; */
	background-color:#666666;
	padding-left: 15px;
}
#addressBoxContactUs	{
	width: 143px;
	height: 120px;
	margin-left: 648px;
	float: left;
	margin-top: -171px;
	background-color:#666666;
	padding-left: 15px;
}
#addressBoxDesignPrice	{
	width: 143px;
	height: 120px;
	margin-left: 648px;
	float: left;
	margin-top: -111px;
	background-color:#666666;
	padding-left: 15px;
}
#addressBoxHistory	{
	width: 143px;
	height: 120px;
	margin-left: 751px;
	float: left;
	margin-top: -171px;
	background-color:#666666;
	padding-left: 15px;
}
#addressboxleft	{
	float:left;
	width: 12px;
	text-align:right;
	
}
#addressboxright	{
	float:left;
	width: 119px;
	margin-left:7px;
}
#addressspacer	{
	clear:both;	
}
#addressboxform	{
	width: 159px;
	height: 120px;
	margin-left: 751px;
	float: left;
	margin-top: -170px;
}
#horizontaldropshadow	{
	width: 858px;
	height: 10px;
	margin-top: -3px;
	margin-left: 13px;
	z-index: 20;
}
	
#buttonbar {
	width: 159px;
	height: 30px;
	margin-left: 751px;
	float: left;
	margin-top: -285px;
}
#buttonbar02 {
	width: 159px;
	height: 30px;
	margin-left: 638px;
	float: left;
	margin-top: -230px;
}
#buttonBarHomePage {
	width: 159px;
	height: 30px;
	margin-left: 648px;
	float: left;
	margin-top: -280px;
}
#buttonBarOverlay {
	width: 159px;
	height: 50px;
	float: left;
	padding-top: 151px;
}
#buttonBarContactUs {
	width: 159px;
	height: 30px;
	margin-left: 648px;
	float: left;
	margin-top: -280px;
}
#buttonBarDesignPrice {
	width: 159px;
	height: 30px;
	margin-left: 648px;
	float: left;
	margin-top: -210px;
}
#buttonBarHistory {
	width: 159px;
	height: 30px;
	margin-left: 751px;
	float: left;
	margin-top: -280px;
}
.overviewbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: scroll;
	width: 225px;
	height: 200px;
	font-weight: bold;
}
.bodytext	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bodytext a:link	{
	color: #003366;
	text-decoration: none;
}
.bodytext a:visited	{
	color: #003366;
	text-decoration: none;
}
.bodytext a:hover	{
	color: #003366;
	text-decoration: underline
}
.bodytext a:active	{
	color: #003366;
	text-decoration: none;
}
.bodytextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.bodytextitalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}
.bodytextred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#F00;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}
.pagenavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
.pagenavigation a:link	{
	color: #003366;
	text-decoration: none;
}
.pagenavigation a:visited	{
	color: #003366;
	text-decoration: none;
}
.pagenavigation a:hover	{
	color: #003366;
	text-decoration: underline
}
.pagenavigation a:active	{
	color: #003366;
	text-decoration: none;
}
#photobooktext	{
	width: 240px;
	float: left;
	height: 260px;
}
#formpanel {
	width: 627px;
	height: 350px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}
#formtext {
	width: 260px;
	float: left;
	height: 300px;
}
#formtextright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 260px;
	height: 275px;
	padding-right: 5px;
	margin-left: 320px;
	margin-top: -315px;
}
.addressboxtext	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 17px;
}
.addressboxtext a:link	{
	color: #FFFFFF;
	text-decoration: none;
}
.addressboxtext a:visited	{
	color: #FFFFFF;
	text-decoration: none;
}
.addressboxtext a:hover	{
	color: #FFFF00;
	text-decoration: none;
}
.addressboxtext a:active	{
	color: #FFFFFF;
	text-decoration: none;
}
.spacer	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
/* History Style Sheets */

#historybox	{
	width: 625px;
	height: 250px;
	overflow: scroll;
}
#historyheadline	{
	width: 600px;
	height: 30px;	
}
#historytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	padding-left:10px;
	float: left;
}
#historytext a:link	{
	color: #003366;
	text-decoration: none;
}
#historytext a:visited	{
	color: #003366;
	text-decoration: none;
}
#historytext a:hover	{
	color: #003366;
	text-decoration: underline
}
#historytext a:active	{
	color: #003366;
	text-decoration: none;
}
#historytextright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 410px;
	padding-right: 5px;
	float: left;
}
#historytextright a:link	{
	color: #003366;
	text-decoration: none;
}
#historytextright a:visited	{
	color: #003366;
	text-decoration: none;
}
#historytextright a:hover	{
	color: #003366;
	text-decoration: underline
}
#historytextright a:active	{
	color: #003366;
	text-decoration: none;
}
#historytextspacer	{
	clear:both;	
}

/* Home Pgae Box */

#moviebox	{
	width: 575px;
	height: 275px;
	padding-left: 25px;
	padding-top: 0px;
}
#movieboxOverlay	{
	width: 630px;
	height: 200px;
	padding-left: 10px;
	padding-top: 25px;
}
#movieboxOverlay2	{
	width: 100%;
	height: 200px;
	padding-left: 10px;
	padding-top: 25px;
}