/* This is the style sheet used when Gallery is embedded into
   another product, like PHP-Nuke, and when it's running 
   standalone.

   If you would like to customize the styles please create 
   copy of this file called 

     "embedded_style.css" (same name without ".default")

   If that file is found in this directory it will be 
   used instead of this one.

   Some of the styles below are overriden by specific 
   album properties. These are noted 

   $Id: screen.css.default,v 1.1.2.1 2005/03/01 07:46:14 cryptographite Exp $
*/ 


/* 
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/

body {
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    color: #FFFFFF;
}

img {
    border: none;
}

td,p { 
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px; 
}

a {
    font-family: Verdana,Helvetica,sans-serif;
    text-decoration: none;
    color: #4E2192;
}

a:hover {
    font-family: Verdana,Helvetica,sans-serif;
    text-decoration: underline;
    color: yellow;
}

textarea:focus, input:focus, select:focus {
	background-color: #FFFFDA;
}

/* 
   text styles 
*/
.title                          /* album titles on main page */
	{ 
	  font-size: 14px; 
	  font-weight: bold; 
	}
.mod_title			/* album title -- Text is controlled by .title */
	{
	  border:1px solid #000000;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.mod_title_bg   /* album title hightlight Text is controled by .title */
	{
	}
.mod_title_right  /* album title hightlight  Text is controled by .title*/
	{
	}
.mod_title_left  /* album title hightlight  Text is controled by .title */
	{
	}
.albumdesc  /*album description includes all text and background*/
	{
	}
.desc                           /* album descriptions on main page */
	{ 
	  font-size: 12px; 
	}
.caption                        /* photo captions on all pages */
	{ 
	  font-size: 10px; 
	}
.modcaption  /* modifies background for caption text to reside - view_album */
	{
	  font-size: 10px; 
	}
.pcaption  /* modifies background for caption text to reside - view_photo*/
	{
	  font-size: 10px; 
	}

.vafloat /* float for view album - text */
 	{
 	   float: none;
 	}
 
.vafloat2 /* float for view album - images */
 	{
 	 float: none;
	}
 
.vasummary /* controls the view of Album summary */
	{
        font-weight:bold;
        padding:2px;
        margin-top:10px;
        width:80%;
	}
.commentIndication 
	{
	   color: red;
	   font-size: 12px;
	}
.error                          /* all error text */
	{ 
	  color: red; 
	  font-size: 12px; 
	}

.attention                          /* so far, just for voting instructions*/
        {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: normal;
          color: #FBFF7F;
          font-size: 12px;
        }

.headbox			/* box around the page headers */
	{
	}

.head                           /* page headers */
	{ 
	  font-size: 16px; 
	  font-weight: bold; 
	}
.mod_headliner  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.mod_toplight_bg  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.mod_toplight_right  /* Gallery & Album titles. Text is controled by .head*/
	{
	}
.mod_toplight_left  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.bread                          /* used in breadcrumb bars */
	{ 
	  font-size: 10px; 
	}
.nav                            /* used in navigation bars */
	{ 
	  font-size: 12px; 
	}
.navtableborderbegin
	{
	  border:1px solid #000000;
	}
.navtableborderend
	{
	  border:1px solid #000000;
	  border-top-width:0px;
	}
.bordertop
	{
	  border:1px solid #000000;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.borderright
	{
	  border:1px solid #000000;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.borderleft
	{
	  border:1px solid #000000;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-right-width:0px;
	}
.fineprint                      /* used for fine print */
	{
	  font-size: 10px;
	}

.viewcounter 
	{
	  font-size: 10px;
	}

.editlink                       /* Used for the [edit] tags */
	{
	  font-size: 10px;
	}
.modnavbox  /* main navigation bar next and previous */
	{
	}
.admin                          /* used in admin bars */
	{ 
	  font-size: 10px; 
	  font-weight: bold; 
	}

.adminform /* defines form for drop down menu */
	{ 
	  font-size: 10px; 
	  font-weight: bold; 
	}
.search                          /* used in search text */
	{ 
	  font-size: 10px; 
	  font-weight: bold; 
	}
.searchform /* defines form for search */
	{
	  font-size: 10px; 
	  font-weight: bold; 
	}
.leftspacer  /* amount of space to the left of the header and titles */
	{
	  width: 0px;
	}
.modnavboxtop  /*navagation bar top of screen where admin buttons show*/
	{
	background-color: #5E72CC;
 
     }
.modnavboxmid  /*navagation bar middle where the link for the albums show*/
	{

	}
.modfooter /*footer where the Gallery version is located*/
	{
	}


.popupbody  /* controls the background of popup. */ 
	 {
	   color: #000;
	 }
	
.popuphead  /* controls the title and background */ 
	 {
	   text-align:center;
	   font-size: 14px;
	   font-weight: bold;
	   line-height: 150%;
	   color: #FFF;
	   padding-left: 5px;
	   border-top: 1px solid #FFF;
	   border-left: 1px solid #FFF;
	   border-right: 1px solid #FFF;
	   background-color: #6274CB;
 	}

.popup /* controls the main text and message body */
	 {
	   text-align:center;
	   font-size: 12px;
	   font-weight: none;
	   color: #202020;
	   padding: 5px;
	   border: 1px solid #FFF;
	   background-color: #F0F0F0;
	   margin-bottom: 10px;  
	 }

.popupform /* controls form textarea */
	 {
	   font-size: 12px;
	   font-weight: none;
	   line-height: 120%;
	   color: #202020;
	   padding: 2px;
	   border: 1px solid #FFF;
	   background-color: #C0C0C0;
	 }

/* CSS ID for the add photos popup */

#container {
    adding: 2px;
}

#tabnav {
    height: 20px;
    margin: 0px;
    padding-left: 5px;
    background: url(images/tab_bottom.gif) repeat-x bottom;
}

#tabnav li {
    margin: 0px; 
    padding: 0px;
    display: inline;
    list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited {
    float: left;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    margin-right: 4px;
    text-decoration: none;
    color: #666;
    border-width:1px;
    border-style: solid; border-color: #000000;
    -Moz-Border-Radius-TopLeft: 20px;
    -Moz-Border-Radius-TopRight: 20px;
}

#tabnav a:link.active, #tabnav a:visited.active {
    background-color: #FCFCF3;
    padding:2px 5px 2px 5px;
    font-size:12px;
    margin-right: 4px;
    border-style: solid; border-color: #000000;
    -Moz-Border-Radius-TopLeft: 20px;
    -Moz-Border-Radius-TopRight: 20px;
    color:#000000;
}

#tabnav a:hover {
    color: #444
}


#adminbox {
    background-color: #6274CB; 
    color: #FFFFFF;
}

#adminbox td {
    background-color: #6274CB;
}

#adminbox a {
	color: #DBFFFF;
}

#adminbox a:hover {
	color: yellow;
}


#menu {
}

#menu td {
}

#menu a {
   display: block;
   font-family: Verdana,Helvetica,sans-serif;
   font-size: 10px;
   text-decoration: none;
   color: #FFFFFF;
   white-space: nowrap;
/* uncomment this and the below to have a nice hover effect.
   padding: 2px;
   -moz-border-radius: 3px;
*/
}

#menu a:hover {
   color: yellow;
   white-space: nowrap;
/*
   border-bottom: 1px solid #66A;
   border-right: 1px solid #66A;
   border-top: 1px solid #224;
   border-left: 1px solid #224;
   padding: 1px;
*/
}





body {
	font-family:Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}

a{
color: #004e98;
text-decoration: none;
}

a:link{
color: #004e98;
text-decoration: none;
}

a:visited{
color: #004e98;
text-decoration: none;
}

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

h1{
font-family: Verdana,Arial,sans-serif;
font-size: 130%;
color: #004e98;
margin: 0px;
padding: 0px;
}

h2{
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
color: #004e98;
margin: 0px;
padding: 0px;
}

h3 { font-family:Arial, sans-serif, Verdana;
font-size:95%}

h4 { font-family:Arial, sans-serif, Verdana;
font-size: 80%;
}

h6 { font-family:Arial, sans-serif, Verdana;
font-size: 80%;
color:#CCCCCC
}

ul{
list-style-image:url(images/ccdhhbullet1.gif)
}

ul ul{
list-style-type: none;
}

ul ul ul{
list-style-type: none;
}

#navBar{
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
	background-color: #323680;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	margin-left: 0px;
	margin-right: 155px;
}

#navBar2{
float: right;
width: 160px;
margin: 0px;
padding: 0px;
}

#sectionlinks2 {
	font-size: 95%;
}

#sectionLinks {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	text-decoration: none;
}

#sectionLinks2 h1 {
font-size:100%;
font-weight: bold;
color: #FFFFFF;
}

#sectionLinks h3 {
padding: 3px 0px 0px 5px;
}

#sectionlinks2 a {
	font-size:95%;
	display: block;
	padding: 5px 0px 0px 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 400;
}

#sectionLinks a {
	font-size:90%;
	display: block;
	border-top: 1px solid #cccccc;
	padding: 5px 0px 0px 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 400;
}

#sectionLinks a:hover, #sectionLinks2 a:hover{
	background-color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	color: #323680;
	text-decoration: none;
}

#subscrption {
padding: 5px 0px 5px 15px;
background-color:#E0DEDF
}

#subscrption p{
	font-size:95%;
	font-style: normal;
	font-weight: bold;
}

#centercontent h1{
font-family: Arial,sans-serif;
font-size: 110%;
color: #004e98;
margin: 0px;
padding: 10px;
}

#centercontent p,
#centercontent4 {
font-family: Arial,sans-serif;
font-size: 90%;
color: #004e98;
margin: 0px;
padding: 10px 20px 10px 0px;
}

#centercontent4 {
text-align:justify;
}

#centercontent4 a{
text-decoration: underline;
}

#centercontent ul{
list-style-image:url(images/ccdhhbullet1.gif)
}

#centercontent img{
float: left;
padding: 10px 10px 10px 10px;
}

#centercontent a{
text-decoration: underline
}

#centercontent {
	top:145px;
	margin-left:165px;
	padding: 10px 10px 10px 10px;
	width: auto;
}

#centercontent hr{
color:#66CCFF;
width:80%;
}

#centercontent3,
#centercontent4 { top:145px;
vertical-align:top;
margin-left:165px;
padding: 10px 10px 10px 10px;
}

#centercontent5 { top:185px;
vertical-align:top;
padding: 15px 15px 15px 15px;
}

#centercontent6 { top:145px;
margin-left:165px;
margin-right:155px;
padding: 10px 10px 10px 10px;
}

#staffbio {
	top:145px;
	margin-left:160px;
	margin-right:155px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#staffbio p{
font-family: Arial,sans-serif;
font-size: 80%;
color: #004e98;
margin: 0px;
}

#staffbio a{
text-decoration: underline
}

html>
body #centercontent { margin-left:166px;
margin-right:160px;
}

#rightcontent {
position: absolute;
right:0px;
top:210px;
width:155px;
text-align:center;
}

#rightcontent h4{
text-align:center;
font-family:Arial, sans-serif, Verdana;
font-size:95%;
color:#CCCCCC
}

#logo img { 
margin: 5px 5px 5px 5px;
padding: 0px;
}

#logo {
	border-bottom-color: #CCCCCC;
}

p,h1,h2,h3 { 
margin:0px 10px 10px 10px;
}

#globalNav{
	border-bottom: 1px solid #CCC;
	color: #323680;
	background-color: #323680;
	border-color: #323680;
	border-left-color: #323680;
	border-right-color: #323680;
	border-top-color: #D9DBE5;
	border-bottom-color: #D9DBE5;
	border-top-style: solid;
}

#globalNav img{
display: block;
}

#globalNav a {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 10px 5px;
}

#globalNav a:hover {
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}

#siteInfo{
clear: both;
border: 2px solid #004e98;
font-size: 12px;
color: #333333;
padding: 5px 5px 5px 5px;
text-align: center;
background-color:#E0DEDF
}

#siteInfo img{
padding: 4px 4px 4px 10px;
vertical-align: middle;
}

.relatedLinks2{
position: relative;
margin: 0px;
padding: 10px 10px 0px 8px;
font-size: 90%;
}

.relatedLinks1{
position: relative;
margin: 0px;
padding: 0px 6px 0px 5px;
font-size: 90%;
background-color: #dddddd
}

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px3px 0px3px;
	font-size: 90%;
	margin-left: 0px;
	margin-right: 0px;
	width: 160px;
}

.relatedLinks h3{
padding: 10px 0px 2px 0px;
text-align: center;
}

.relatedLinks a:link,
.relatedLinks a:visited {
display: block; 
}

#advert1{
padding: 5px 0px 10px;
text-align: center;
}

#advert1 a{
font-size: 90%;
}

#advert a{
font-size: 90%;
}

#advert{
font-size: 90%;
padding: 0px 0px 0px 0px;
}

#advert img{
display: block;
text-align:center;
}

.story, .story2 h4{
font-family:Arial, sans-serif, Verdana;
font-size:100%;
}

.story, .story2 h5{ 
font-family:Arial, sans-serif, Verdana;
font-size: 90%;
}

.story, .story2 h6{ 
font-family:Arial, sans-serif, Verdana;
font-size: 80%;
}

.story, .story2 a{
font-family:Arial, sans-serif, Verdana;
font-size:95%;
}

.story, .story2{
table-layout: auto;
padding: 15px 10px 15px 15px;
font-size: 100%;
}


.story, .story2 hr{
color:#66CCFF;
width:80%;
}

.storybg{
table-layout: auto;
background-position:right;
background-image: url(images/ccdhhwm1.jpg)
}

.storybg2{
table-layout: auto;
background-position:right;
background-image: url(images/ccdhhwm2.jpg)
}

.story, .story2 p{
	font-family:Arial, sans-serif, Verdana;
	padding: 10px;
	font-size: 90%;
	width: auto;
}

.story, .story2 img{
margin: 5px 25px 5px 5px; 
}

.story, .story2 ul{
list-style-image:url(images/ccdhhbullet1.gif)
}

.story, .story2 li{
font-family:Arial, sans-serif, Verdana;
font-size: 90%;
color: #004e98;
}

.story3 p{
font-family:Arial, sans-serif, Verdana;
font-size: 90%;
color: #004e98;
}

.story3 li{
font-family:Arial, sans-serif, Verdana;
font-size: 90%;
color: #004e98;
font-weight:bold;
}

.relay1, .relay2, .relay3, .relay4, .relay5{
table-layout: auto;
padding: 15px 15px 15px 15px;
font-size: 100%;
}

.relay1, .relay2, .relay3, .relay4, .relay5 p{
font-family:Arial, sans-serif, Verdana;
padding: 10px 10px 10px 10px;
font-size: 90%;
}

.relay1, .relay2, .relay3, .relay4, .relay5 img{
margin: 10px 10px 5px 5px; 
}

.locationbg{
table-layout: auto;
background-position:right;
background-image: url(images/flamap1.jpg)
}

.location1, .location2, .location3, .location4{
table-layout: auto;
padding: 15px 15px 15px 15px;
font-size: 100%;
}

.location1, .location2, .location3, .location4 p{
font-family:Arial, sans-serif, Verdana;
font-weight:bold;
padding: 10px 10px 10px 10px;
font-size: 90%;
}

.location1, .location2, .location3, .location4 img{
margin: 10px 10px 5px 5px; 
}

.bio{
table-layout: auto;
padding: 5px 5px 5px 5px;
font-size: 100%;
}

.bio p{
font-family:Arial, sans-serif, Verdana;
padding: 0px 0px 0px 0px;
font-size: 90%;
}

.bio img{
margin: 10px 10px 5px 5px; 
}


.box p{
font-family:Arial, sans-serif, Verdana;
font-size: 90%;
color: #004e98;
}

#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#nav a {
 display: block;
 width: 10em;
}

#nav li {
 float: left;
 width: 10em;
}

#nav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
}

#nav li:hover ul {
 left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}

#nav, #nav ul {
     padding: 0;
	 margin: 0;
	 list-style: none;
	 line-height: 1;
	 } 

#nav li ul ul {
     margin: -1em 0 0 10em;
	 }