body {
	font-family: arial,helvetica,sans-serif;
	background-color: #999999;
	color: #000066;
	background-image : url(bg_shell.gif);
	margin: 0;
}
p {
	
}
td{
	font-size: .75em;
}

#camino-head{
}
h1{
	color: #000099;
	font-weight: normal;
	font-size: 3.5em;
	margin: 15px 0 0 0;
}
h1 span{
	color: #ffffff;
}
h2{
	font-size: 1.6em;
}
table{
	background-color: #cccccc;
	width: 700px;
	vertical-align : top;
}

#photos table{
	width: 610px;
}

a:link{
	color: #cc0000;
}
a:visited{
	color: #990000;
}
a:hover{
	color: Red;
}
a:active{
	color: Red;
}
#button_block{
	margin-top: .5em;
}

#photos{
	/*width: auto;*/
	text-align: center;
	padding: 3px;
	margin: 1em;
	/*background-color: #cccccc;*/
}
/*The link that goes to top of page */
#top{
	text-align : center;
	margin : 3em;
	font-size: 1em;
	/*padding: 1em; */
}

#foot{
	width: 600px;
	text-align: center;
	margin: 1em;
	background-color: #cccccc;
	font-size: .65em;
	padding: .5em;
}
/*link separator*/
.ls{
	color: #cccccc;
	margin:0;
	padding: 0;
}
.sub-title{
	font-size: .4em;
	color: white;
}

/*FIRST VERSION OF CSS MENU BUTTONS 
before menus were done as lists*/

.menu{
	margin-bottom: .3em;
	margin-left : 0;
	margin-right : .0;
	margin-top : .3em;
}

/* create a button look for links */
a.menu:link, a.menu:visited
{
	font-size: .9em;
	background-color: #cccccc;
	border-top: #666666 solid 1px;
	border-right: #666666 solid 1px;
	border-bottom: #666666 solid 1px;
	border-left: #666666 solid 1px;
	color: #000066;
	padding: 1px 1px 0 3px;
	margin:0;
	text-decoration: none;
	font-weight: normal;
	
}

a.menu_day:link, a.menu_day:visited
{
	background-color: #cccccc;
	border-top: #666666 solid 1px;
	border-right: #666666 solid 1px;
	border-bottom: #666666 solid 1px;
	border-left: #666666 solid 1px;
	color: #000066;
	
	font-size: .9em;
	font-weight: normal;
	padding: 1px 1px 0 3px;
	text-decoration: none;
	width: 2em;
	margin: 0;
	/*font-size: .7em;*/
}

a.menu:hover, a.menu_day:hover
{   
	background-color: #000066;
	color: #cccccc;	
}

/* depress effect on click */
a.menu:active, a.menu:focus, a.menu_day:active, menu_day:focus
{   border-top: #666666 solid 1px;
	border-right: #ffffff solid 1px;
	border-bottom: #ffffff solid 1px;
	border-left: #666666 solid 1px;
    letter-spacing: normal;
}
/*END OF FIRST VERSION OF CSS MENU BUTTONS

/*BEGINNING OF SECOND VERSION OF CSS MENU BUTTONS
unordered lists used */
/*top menu*/
#top_menu{
	/*position: relative; 				csj */
	background-color: #cccccc;
	font-size: 1em;
	color: #000066;
}


#top_menu ul
{
	text-align:center;
	width: 100%;
	list-style: none;
	padding: 4px 4px;
	margin: 0;
	border: none;
	clear: both;
}

#top_menu ul li
{
	display: inline;
	margin: 0;
	/*padding: 0 1px 0 0;*/
	padding: 0;
	font-size: 1em;
}

#top_menu ul li a
{
	height: 1%;
	color: #000066;
	font-weight: bold;
	text-decoration: none;
	background: #CECECE;
	margin: 0;
	padding: 0 .3em 0 .3em;
	/*padding: 0;*/
	border-top: 2px solid #999999;
	border-right: #666666 solid 2px;
	border-bottom: #666666 solid 2px;
	border-left: #999999 solid 2px;
	white-space:nowrap;
}
#top_menu ul li a img{
	position: relative;
	left: .3em;
}

#top_menu ul li a.notext img{
	position: relative;
	left: 0;
	padding: 0;
	margin: 0;
}
#top_menu ul li a.notext{
	position: relative;
	left: 0;
	padding: 0;
	margin: 0;
	border: none;
	/*this rule has a different ie6 version*/
}


#top_menu a:hover, #top_menu a:active {
	background-color: #000066;
	color: #cccccc;	
}


#top_menu ul li a:active, #top_menu ul li a:focus
{
	border-top: #666666 solid 2px;
	border-right: 2px solid #ECECEC;
	border-bottom: #ECECEC solid 2px;
	border-left: #666666 solid 2px;
	letter-spacing: normal;
}

/*END OF SECOND VERSION OF CSS MENU BUTTONS*/

/*FLAG_BAR*/
#flag_bar{
	margin: 0;
	padding: 0;
	position: relative;
	top: -10px;
}
#flag_bar ul{
	list-style: none;
}

#flag_bar ul li{
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}
/*END OF FLAG_BAR*/



/*STYLES FOR MESSAGE ABOUT POSTCARDS*/
#postcard_message{
	text-align:center;
	font-size:80%; 
	border:2px solid navy;
	padding: .5em;
	background-color: white;
	width: 38em;
	
}
#postcard_message span{
	color:red; 
	font-weight:bold;
}

/*STYLE FOR EMAIL LINK at top of Day pages*/
#email_link{
	font-size: .7em;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 600px;
	
}

/* STYLE FOR REGISTER YOUR CAMINO FORM */
.error {
	color: red;
	font-weight: bold;
	border: solid 1px red;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
}


/* NEW AND HIGHLIGHT STYLES */
#top_menu ul li a:link.emph, #top_menu ul li a:visited.emph {
	color: #cc0000;
}
#top_menu ul li a:hover.emph, #top_menu ul li a:active.emph {
	color: #cccccc;	
	background-color: #cc0000;
}

/*add_this button */
.addthis_button{
	position:absolute;
	left: 50%;
	margin-left: 225px;
	top: 195px;
}

/*links page table styles */
.cattbl{
	background-color : #ffffff;
	vertical-align : top;
	padding-left : 5px;
	padding-right : 5px;
	width : auto;
}

td.cattblhdg{
	background-color: #00ffff;
	text-align : center;
}

td.cattblcolhdg{
	background-color: #00ffff;
	padding-left : 5px;
	padding-right : 5px;
}

.lnktbl{
	background-color : #ffffff;
	vertical-align : top;
	padding-left : 5px;
	padding-right : 5px;
	width: auto;
}
#photos table.lnktbl{ /* DRAFT RULE ADDED 2008-12-04 */
	width: 790px;
}

td.lnktblhdg{
	background-color: #00ffff;
	text-align : center;
}

td.lnktblcolhdg{
	background-color: #00ffff;
	padding-left : 5px;
	padding-right : 5px;
}
.rankexcel{
	background-color : #00ffff;
}

.rankvg{
	background-color : #ffcc00;
}
