/*______________Blog CSS______________*/

div#blog { /*main container used on all the blog pages*/
 font-family: helvetica, sans-serif;
 padding: 0;
 margin: 0;
 background-color: #141313;
}

div#blog h1 {
	font-size: 20px;
	color: #a7a9ac;		
}
div#blog h2 {
	font-size: 16px;
	color: #a7a9ac;		
}
div#blog h3 {
	font-size: 13px;
	color: #a7a9ac;		
}
div#blog p, div#blog li {
	font-size: 10px;
	color: #a7a9ac;
}
div#blog a {
	font-size: 12px;
	color: #a7a9ac;
	text-decoration: none;
}
div#blog a:hover {
 font-size: 12px;
 color: #a7a9ac;
}


div.blogindex{ /*used on a 'blog group (index)' page */
 clear: right;
 height: 200px;
 width: 95%;
 margin: 10px;
 padding: 10px;
 border-bottom: 0px solid #ffffff;
}
div.blogindeximage{
 float: right;
 margin: 0px;
 padding: 10px;
 border: 0px solid #ffffff;
}

div#blogsidebar{
 width: 160px;
 padding: 20px 10px;
 background-color: #141313; 
 border-top: 0px solid #ffffff;
 border-bottom: 0px solid #ffffff;
}
div#blogsidebar p {
 color: #ffffff;
}
div#blogsidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
div#blogsidebarimage{
 float: left;
 margin: 10px;
 padding: 10px;
 border: 1px solid #ffffff;
 display: none;
}
div#blog a.button{
 padding: 5px 10px;
 background-color: #141313;
 border: 1px solid #ffffff;
}
div#blog a.button:hover {
 background-color: #141313;
 color: #ffffff;
 border: 1px solid #ffffff;
}
div#blogarticle{
 padding: 10px;
}
div#blogphotosidebar{
 margin-left: 10px;
 padding: 0 0 10px 10px;
 float: right;
 text-align: center;
 border-left: 2px solid #a7a9ac;
 border-bottom: 2px solid #a7a9ac;
}
div.blogphoto{
 
}

/*__________________CSS of Main Page Design and Template _____________*/
img { display: block; }
body { 
 margin: 0;
 padding: 0;
 font-size: 10pt;
 font-family: helvetica, arial, sans-serif;
 text-align: center;
 background-color: #141313; 
}

 html, body, div {
/*    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
  }

td { border-bottom:0px solid #666666; }
td { border-top:0px solid #666666; }
td.pageMenu{ border:0; }
div.pageContent td { border:0; }



h1 {
 font-size: 39pt; 
 color: #A7A9AC;
 font-weight: bold;
 letter-spacing: -2.5px;
PADDING-BOTTOM: 0px; 
margin-bottom: 0px;
PADDING-TOP: 0px; 
margin-top: 0px;
}

h2 {
 font-size: 17pt; 
 color:  #A7A9AC;
 font-weight: normal;
}

h3 {
 font-size: 7pt; 
 color:  #A7A9AC;
 font-weight: normal;
}

h4 {
 font-size: 33pt; 
 color:  #A7A9AC;
 font-weight: bold;
 letter-spacing: -1.5px;
PADDING-BOTTOM: 0px; 
margin-bottom: 0px;
PADDING-TOP: 0px; 
margin-top: 0px;
}

h5 {
 font-size: 19pt; 
 color:  #A7A9AC;
 font-weight: normal;
 letter-spacing: -0px;
PADDING-BOTTOM: 0px; 
margin-bottom: 0px;
PADDING-TOP: 0px; 
margin-top: 0px;
}

h6 {
font-size: 12pt; 
 color: #A7A9AC;
 font-weight: bold;
 letter-spacing: -0.5px;x;
PADDING-BOTTOM: 0px; 
margin-bottom: 0px;
PADDING-TOP: 0px; 
margin-top: 0px;
}

p {
 font-size: 10pt;
 line-height: 15.5pt;
 color: #A7A9AC;
}

a {
 color: #ff0099;
 text-decoration: none;
}

a:hover {
 color: #ff0099;
 text-decoration: underline;
}

div.container {
 text-align: left;
 width: 900px; 
 margin: 0 auto; 
 border: 0px dotted #fff;
 padding: 0px;
}

div.outer_header {
 border: 0px dotted #666666;
 height: 0px;
 font-size: 7pt;
 color:#a7a9ac;
 text-decoration: none;
}

div.page_border {
 padding: 10px;
 border: 0px dotted #666666;
}

div.header {
 margin: 0
 padding: 5px;
 border: 0px;
 height: 40px;
 background-image: url('/showLibImg.php?id=268&sfx=gif&sz=l');
 background-position:top left;
 background-repeat:no-repeat;
 background-color: #141313; 
}

div.main_menu 
{
 padding: 5px;
 height: 23px;
 margin-bottom: 0;
 border: 0px;
 background-color: #141313; 
}

div.main_content { 
 margin: 0px; 
 border-top: 1px dashed #A7A9AC;
 padding-top: 10px;
 padding-bottom: 30px;
}

div.footer 
{
 height: 30px;
 clear: both;
 text-align: center;
 margin-top: 10px;
 border: 0px solid #fff;
 color: #a7a9ac;
 font-size: 8pt;
}

a.footer
{
 color: #66cc00;
 text-decoration: none;
}

a.footer:hover
{
 color: #EA0000;
 text-decoration: underline;
}
div.outer_footer { 
 color: #a7a9ac;
 padding: 0px;
 text-align: right;
 margin-bottom: 0px;
 margin-top: 0px;
 font-size: 7pt; 
 border: 0px dotted #333333;
}

a.outer_footer
{
 font-size: 7pt;
 color:#000033;
 text-decoration: none;
}

a.outer_footer:hover
{
 text-decoration: underline;
}

/* _______________ Custom styles ________________ */
/*
a.sitelink {
 color: #999999;
 text-decoration: none;
}
a.sitelink:hover {
 color: #FFFFFF;
 text-decoration: none;
}
*/
/* ____________________ Main Nav Menu _____________ */

#navcontainer { /*Div containing the whole menu*/
width: 900px;
padding: 0px;
 height: 0px;
 margin: 0px;
}

ul#nav {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0px solid #ddd;
 /*width: 100px; /* Width of Menu Items */
}

ul#nav li {
 position: relative;
 float: left;
 margin: 0;
 border: 0;

}

ul#nav li a {
 display: block;
 width: 128px;	
 text-decoration: none;

 color: #A7A9AC;
 
 padding: 4px 0;
 border-bottom: 0px;
 text-align: center;
/*font-weight: bold;*/ 
 font-size: 9pt;
}

ul#nav li a.first {

}

ul#nav li a.last {
 border: 0px solid #ccc;
}

ul#nav li a:hover { /* Hover Styles */
 color: #ff0099; 
} 

/* The magic that makes the menu work*/
ul#nav li:hover ul, ul#nav li.over ul { 
 display: block; 
} 

/* Drop Down Menu Items */

ul#nav li ul { /*ul is container of drop down*/
 z-index: 99;
 margin: 0;
 padding: 0;
 list-style: none;
 position: absolute;
 display: none;
 left: -9px; 
 top: 19px;
 padding-top: 4px; /*must overlap slightly*/
 border: 0px dotted yellow;
 width: 160px;
}

ul#nav li ul li {
 z-index: 99;
 position: relative;
 float: left;
}

ul#nav li ul li a {
 border: 0;
 z-index: 99;
 display: block;
 width: 170px;	
 text-decoration: none;
 text-align: left;
 color: #A7A9AC;
 background: #000000; /* IE6 Bug */
 filter:alpha(opacity=80);
 moz-opacity:.80;
 opacity:.80;
 padding: 7px 5px 7px 10px;
 font-size: 9pt;
}

ul#nav li ul li a.first {
}

ul#nav li ul li a.last {
 border-bottom: 1px solid #000000;
}
ul#nav li ul li a:hover { /* Hover Styles */
 z-index: 99;
 color: #ff0099;
 background: #000000;
 filter:alpha(opacity=95);
 moz-opacity:.95;
 opacity:.95;
 text-decoration: none; 
} 

td.pageMenu div div a {
 width:150px;
 font-size: 9pt;
}

td#right_col h1 {
color:#666;
margin-top:0;
}

/* Fix IE. Hide from IE Mac */
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li ul li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
* html ul#nav li ul li a { height: 1%; }
/* End */


/* Example CSS for Home Hover on Graphics */
a.home_hover {
 display: block;
 height: 55px;
}
a#home_hover_1 {
 background: url('/showLibImg.php?id=318&sfx=gif&sz=l') top center no-repeat;
}
a#home_hover_1:hover {
 background-position: bottom;
}

a#home_hover_2 {
 background: url('/showLibImg.php?id=319&sfx=gif&sz=l') top center no-repeat;
}
a#home_hover_2:hover {
 background-position: bottom;
}

a#home_hover_3 {
 background: url('/showLibImg.php?id=320&sfx=gif&sz=l') top center no-repeat;
}
a#home_hover_3:hover {
 background-position: bottom;
}

a#home_hover_4 {
 background: url('/showLibImg.php?id=321&sfx=gif&sz=l') top center no-repeat;
}
a#home_hover_4:hover {
 background-position: bottom;
}

a#home_hover_5 {
 background: url('/showLibImg.php?id=322&sfx=gif&sz=l') top center no-repeat;
}
a#home_hover_5:hover {
 background-position: bottom;
}

a#home_hover_6 {
 background: url('/showLibImg.php?id=323&sfx=gif&sz=l') top center no-repeat;
}
a#home_hover_6:hover {
 background-position: bottom;
}

a#home_hover_7 {
 background: url('/showLibImg.php?id=324&sfx=gif&sz=l') top center no-repeat;
}
a#home_hover_7:hover {
 background-position: bottom;
}


/* none - copy from another site */

/*_______________Gallery, Album and Photo Display CSS_________*/

div#gallery { /*container for whole gallery section*/
 margin: 0;
 padding: 10px;
 background-color: #141313;
 border-top: 0 px solid #ddd;
 border-bottom: 0px solid #ddd;
 color: #ddd;
}

div#topsection { /*container around title, intro para and lead image*/
 margin: 0;
 padding: 0px;
 background-color: #141313;
 border-bottom: 1px solid #A7A9AC;
}

div#topsection h1 { /*title*/
 font-size: 10px;
 color: #A7A9AC; 
 letter-spacing: 0.5px;		
}

div#topsection p { /*intro para*/
 font-size: 10px;
 color: #A7A9AC;		
}

div#topsection div#leadimage { /*box around lead image*/
 float: left; /*dont change*/
 border: 0px solid #ddd;
 padding: 0px ;
 margin-right: 10px;
 background-color: #141313;
}

div#topsection div#leadimage img {
 width: 30px;
 height: 30px;
}  

div#btmsection { /*container around bottom section*/
 margin: 0;
 padding: 0;
 border: 0;
 background-color: #141313; /* OWEN DID THIS */
}

div#btmsection h2 { /*title*/
 padding-left: 4px;
 font-style: normal;
 font-size: 10px;
 color: #131414; 	
}

div#btmsection div.photocontainer { /*container around each photo*/
 /*-moz-box-sizing: border-box;
 box-sizing: border-box;*/
 float: left;
 background-color: #141313;
 color: #ddd;
 text-align: center;
 margin-right: 10px;
 margin-bottom: 10px;
 padding: 5px;
 border: 0px solid #666;
 font-size: 10px;
}

div#btmsection div.gallery { /*container around each photo on gallery index page*/
/* width: 150px; min-width: 162px; */
 height: 170px;
}
div#btmsection div.album { /*container around each photo on album index page WAS180 140*/
 width: 160px;
 height: 140px;
 /* overflow-x: hidden;*/
}

div#btmsection div.slidecontainer div {  /*photo caption*/ 
 font-size: 10px;
 color: #A7A9AC; 
}

div.photocontainer img{
 display: inline;
}

div.slidecontainer img{
 display: block;
 border: 0px solid #666;
 padding: 5px;
}


div#topsection div.btnholder, div#btmsection   div.btnholder {
 margin: 2px 0px;
 font-size: 11px;
 color: #A7A9AC; 		
}
div#topsection div.btnholder {
 width: 350px;
 text-align: right;
}
div#topsection a.button, div#btmsection  a.button {
 margin: 15px 0;
 padding: 5px 10px;
 background-color: #141313;
 border-bottom: 0px solid #ddd;
 color: #A7A9AC;
 text-decoration: underline;
}
div#topsection a.button:hover, div#btmsection  a.button:hover {
 background-color: #141313;
 color: #ff0099;
 border: 0px solid #141313;
 text-decoration: underline;
}



