/*Theme Name: Pier 21
Theme URI: http://www.pier21.ca
Description: Developed by Brandon at Spadewerk
Author: Brandon Johnson
*/
*{margin:0px; padding:0px}

body{font-family:Tahoma,Arial,san-serif; font-size:14px; color:#333; background-color:#7c0000; margin-top:20px; margin-bottom:20px; margin-left:0px; margin-right:0px; padding:0px}

a{color:#7c0000; font-weight:normal; text-decoration:none}

a:hover{color:#333; text-decoration:underline}

input{font:normal 11px Arial; margin:3px 0; padding:3px; background:#f9f9f9; border:1px solid #888}

input:hover{background:#fff}

ul, li, p, h1, h2, h3, h4{margin:0px; padding:0px}

ol{margin:0px; padding:0px; list-style-type:none}

img, img a{margin:0px; padding:0px; border:0px; text-decoration:none}

table{margin:0px; border:0px}

table td{font-family:Tahoma,Arial,san-serif; font-size:14px; color:#333; line-height:16px; border:0px; margin:0px; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; vertical-align:top}

div#wrapper{position:absolute; left:50%; margin-top:0px; margin-left:-420px; background-image:url(images/bgwrapper.gif); background-repeat:repeat; width:840px}

div#wrapperwide{position:absolute; left:50%; margin-top:0px; margin-left:-420px; background-image:url(images/bgwrapperwide.gif); background-repeat:repeat; width:840px}

div#header{text-align:right; background-image:url(images/bgheader.gif); background-repeat:no-repeat; padding-top:40px; padding-right:32px; width:808px; height:45px}

div#callout{margin:0px; padding-top:25px; padding-bottom:0px; padding-left:0px; padding-right:0px; background-image:url(images/bgcallout.gif); background-repeat:no-repeat; width:143px}

div#mainmid h1{font-family:Georgia,Times,serif; font-size:14px; font-weight:bold; color:#7c0000; padding:0px; margin-top:0px; margin-bottom:0px}

div#callout p{font-family:Tahoma,san-serif; font-size:11px; font-weight:normal; color:#666; line-height:15px; margin-top:0px; margin-bottom:10px; margin-left:0px; margin-right:0px}

div#callout ul{margin:0px 0px 0px 5px; padding:0px; list-style-type:none}

div#callout ul li{font-family:Tahoma,san-serif; font-size:11px; font-weight:normal; color:#666; line-height:15px; margin:0px; list-style-type:none; padding-top:0px; padding-bottom:0px; padding-left:10px; padding-right:0px; background:transparent url(images/listimgarrow.gif) no-repeat top left}

div#textsize{text-align:right; vertical-align:top; margin:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:195px; width:645px; height:16px}

div#textsizewide{text-align:right; vertical-align:top; margin:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:40px; width:800px; height:16px}

div#mainlft{margin:0px; padding-top:0px; padding-bottom:0px; padding-left:20px; padding-right:0px; vertical-align:top; width:172px; float:left; clear:left}

div#searchform{margin:0px; padding-top:10px; padding-bottom:0px; padding-left:12px; padding-right:0px; background-image:url(images/bgsearchform.gif); background-repeat:no-repeat; vertical-align:top; width:179px; height:30px}

div#mainmid{vertical-align:top; margin:0px; padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; width:400px; float:left}

div#mainmidwide{vertical-align:top; margin:0px; padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; width:555px; float:left}

div#mainmid p, div#mainmidwide p{line-height:15px; margin-top:0px; margin-bottom:10px; margin-left:0px; margin-right:0px}

div#mainmid ul, div#mainmidwide ul{margin:0px 0px 10px 10px; padding:0px; list-style-type:none}

div#mainmid ul li, div#mainmidwide ul li{line-height:15px; margin:0px; list-style-type:none; padding-top:0px; padding-bottom:5px; padding-left:10px; padding-right:0px; background:transparent url(images/listimgarrow.gif) no-repeat top left}

div#mainmid h1, div#mainmidwide h1{font-family:Georgia,Times,serif; font-size:18px; font-weight:bold; color:#7c0000; padding:0px; margin-top:0px; margin-bottom:10px}

div#mainmid h2, div#mainmidwide h2{font-family:Georgia,Times,serif; font-size:15px; font-weight:bold; line-height:17px; color:#999; padding:0px; margin-top:0px; margin-bottom:15px}

div#mainmid h3, div#mainmidwide h3{font-family:Georgia,Times,serif; font-size:15px; font-weight:bold; line-height:17px; color:#999; padding:0px; margin-top:0px; margin-bottom:0px}

div#mainmid h1 a, div#mainmidwide h1 a{color:#7c0000; font-weight:bold; text-decoration:none}

div#mainmid h1 a:hover, div#mainmidwide h1 a:hover{color:#333; text-decoration:none}

div#mainmid h2 a, div#mainmidwide h2 a{color:#999; font-weight:bold; text-decoration:none}

div#mainmid h2 a:hover, div#mainmidwide h2 a:hover{text-decoration:none; color:#7c0000}

div#mainmid h3 am div#mainmidwide h3 a{color:#999; font-weight:bold; text-decoration:none}

div#mainmid h3 a:hover, div#mainmidwide h3 a:hover{text-decoration:none; color:#7c0000}

div#mainrht{margin:0px; padding-top:20px; padding-bottom:0px; padding-left:12px; padding-right:32px; vertical-align:top; width:144px; float:right}

div#mainrhtwide{margin:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; vertical-align:top; width:13px; float:right}

div#footer{font-family:Tahoma,Arial,san-serif; font-size:11px; color:#fff; font-weight:bold; line-height:14px; margin:0px; padding-left:55px; padding-right:0px; padding-top:8px; padding-bottom:0px; background-image:url(images/bgfooter.gif); background-repeat:no-repeat; text-align:left; width:785px; height:67px; clear:both}

div#footer p{font-family:Tahoma,Arial,san-serif; font-size:10px; color:#fff; font-weight:normal; line-height:14px}

div#footer a{color:#fff; text-decoration:none; font-weight:bold; margin-right:20px}

div#footer a:hover{color:#ece693; text-decoration:none}

ul#nav{font-family:Tahoma,Arial,san-serif; font-size:12px; font-weight:bold; color:#001d5b; margin:0px 0px 10px 20px; padding:0px; list-style-type:none; text-decoration:none}

ul#nav ul{margin-top:5px; margin-bottom:10px; padding:0px; list-style-type:none; text-decoration:none}

ul#nav li.page_item{margin:0px; line-height:14px; list-style-type:none; padding-top:0px; padding-bottom:7px; padding-left:10px; padding-right:0px; background:transparent url(images/navbullet.gif) no-repeat top left}

ul#nav li.page_item a{color:#001d5b; font-size:12px; font-weight:bold; text-decoration:none}

ul#nav li.current_page_item a{color:#d2232a; font-size:12px; font-weight:bold; text-decoration:none}

ul#nav li li.page_item{margin:0px; line-height:12px; list-style-type:none; padding-top:2px; padding-bottom:2px; padding-left:7px; padding-right:20px; background:transparent url(images/navbullet2.gif) no-repeat top left}

ul#nav li li.page_item a{color:#666; font-size:11px; font-weight:normal; text-decoration:none; list-style-type:none}

ul#nav li li.current_page_item a{color:#d2232a; font-weight:normal; list-style-type:none}

ul#nav li li a:hover{color:#001d5b; font-weight:normal}

.donate{padding-top:0.5em}
h6{font-size:13px; font-weight:normal; color:#7c0000; padding-bottom:0.5em}

.button2{margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:2px; border:1px solid #888; height:16px; width:130px; vertical-align:middle}

.sp2_field{border:1px solid #999; background-color:#fff; font-family:Tahoma; font-style:normal; color:#333; font-size:11px; font-weight:normal}
.sp2_btn{font-family:Arial; font-style:normal; color:#000; font-size:12px; font-weight:normal}
.sp2_i_select{background-color:#fff; font-family:Arial; font-style:normal; color:#000; font-size:12px; font-weight:normal}
a.sp2_advanced:link, a.sp2_advanced:active, a.sp2_advanced:visited{font-family:Arial; font-style:normal; text-decoration:none; color:#77c; font-size:11px; font-weight:normal}
a.sp2_advanced:hover{font-family:Arial; font-style:normal; text-decoration:underline; color:#77c; font-size:11px; font-weight:normal}
.sp2_info{font-family:Arial; font-style:normal; text-decoration:none; color:#000; font-size:13px; font-weight:bold}
a.sp2_title:link, a.sp2_title:active, a.sp2_title:visited{font-family:Arial; font-style:normal; text-decoration:none; color:#77c; font-size:13px; font-weight:bold}
a.sp2_title:hover{font-family:Arial; font-style:normal; text-decoration:underline; color:#77c; font-size:13px; font-weight:bold}
.sp2_result{font-family:Arial; font-style:normal; text-decoration:none; color:#000; font-size:12px; font-weight:normal}
.sp2_select{font-family:Arial; font-style:normal; text-decoration:none; color:#900; font-size:12px; font-weight:bold}
.sp2_address{font-family:Arial; font-style:normal; text-decoration:none; color:#008000; font-size:12px; font-weight:normal}
.sp2_page{font-family:Arial; font-style:normal; text-decoration:none; color:#000; font-size:12px; font-weight:normal}
a.sp2_page:link, a.sp2_page:active, a.sp2_page:visited{font-family:Arial; font-style:normal; text-decoration:underline; color:#000; font-size:12px; font-weight:normal}
a.sp2_page:hover{font-family:Arial; font-style:normal; text-decoration:underline; color:#000; font-size:12px; font-weight:normal}
.sp2_nowpage{font-family:Arial; font-style:normal; text-decoration:none; color:#a90a08; font-size:12px; font-weight:bold}

div#honoursearchform, div#Honoursearchform{margin-top:10px; line-height:14px; padding-top:30px; padding-bottom:0px; padding-left:10px; padding-right:0px; background:transparent url(images/bghonoursearchform.gif) no-repeat top left; width:390px; height:60px}

div#Servicesearchform, div#servicesearchform{margin-top:10px; line-height:14px; padding-top:30px; padding-bottom:0px; padding-left:10px; padding-right:0px; background:transparent url(images/bgservicesearchform.gif) no-repeat top left; width:390px; height:60px}

div#Tributesearchform, div#tributesearchform{margin-top:10px; line-height:14px; padding-top:30px; padding-bottom:0px; padding-left:10px; padding-right:0px; background:transparent url(images/bgtributesearchform.jpg) no-repeat top left; width:390px; height:60px}

div#honoursinglewide, div#Honoursinglewide{margin-top:0px; background-image:url(images/bgwallhonoursinglewide.jpg); background-repeat:no-repeat; width:400px}

div#tributesinglewide, div#tributesinglewide{margin-top:0px; width:400px}

div#Servicesinglewide, div#servicesinglewide{margin-top:0px; background-image:url(images/bgwallservicesinglewide.jpg); background-repeat:no-repeat; width:400px}

div#honoursingleheaderwide, div#Honoursingleheaderwide{text-align:center; font-family:Times,serif; font-size:19px; font-weight:bold; color:#272b44; line-height:23px; padding-top:80px; margin:0px; width:400px; height:50px}

div#Servicesingleheaderwide, div#servicesingleheaderwide{text-align:center; font-family:Times,serif; font-size:19px; font-weight:bold; color:#daeab6; line-height:23px; padding-top:80px; margin:0px; width:400px; height:50px}

div#honourcolumnwide, div#Honourcolumnwide{text-align:center; font-family:arial,san-serif; font-size:11px; font-weight:normal; text-transform:uppercase; color:#871514; padding:0px; margin:0px; width:400px; height:80px}

div#Servicecolumnwide, div#servicecolumnwide{text-align:center; font-family:arial,san-serif; font-size:11px; font-weight:normal; text-transform:uppercase; color:#fff; padding:0px; margin:0px; width:400px; height:80px}

div#servicemid{padding-top:25px; padding-bottom:25px; padding-left:25px; padding-right:25px; margin:0px; width:450px}

table#wallresults{margin:0px; border:0px}

table#wallresults td{font-family:Tahoma,Arial,san-serif; font-size:11px; color:#333; line-height:16px; margin:0px; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; vertical-align:top; border-top:0px; border-right:0px; border-bottom:1px solid #CCC; border-left:0px}

#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0}

#lightbox a img{border:none}

#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}

#imageContainer{padding:10px}

#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}

#prevLink, #nextLink{width:49%; height:100%; background:transparent url(images/blank2.gif) no-repeat; display:block}
#prevLink{left:0; float:left}
#nextLink{right:0; float:right}
#prevLink:hover, #prevLink:visited:hover{background:url(images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover{background:url(images/nextlabel.gif) right 15% no-repeat}

#imageDataContainer{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%}

#imageData{padding:0 10px; color:#666}
#imageData #imageDetails{width:70%; float:left; text-align:left}
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px; float:right;  padding-bottom:0.7em}

#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000}
