/***********************************************/
/* FriendsWeb.css                              */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
    background-image:url(images/bkgrnds_bullets_dividers/linen_bkgrnd.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	width: 54em;
	margin: 0px;
	padding: 6px 0px 0px 10px;
	text-align:center;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

a{
	color: #006699;
	text-decoration: none;
    }
a:link{
	color: #006699;
	text-decoration: underline;
    }
a:visited{
	color: #6633FF;
	text-decoration: underline;
    }
a:hover{
	color: #FF00CC;
	text-decoration: underline;
	/* font-weight: bold; */
    }
ul {
	font-size: .85em;
	list-style-image: url(images/bkgrnds_bullets_dividers/LibraryItems.png);
	line-height: 1.5;
    }

p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	}
	
ck-box {
	padding-bottom: 0px;
	}
		
blockquote {
	font-size: .85em;
	}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	}

h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #990000;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	line-height: 1.5;
    }

h2{
	font-size: 1em;
	color: #006699;
    }
h3{
	font-size: .8em;
	color: #006699;
    }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
    text-align:left;
	padding: 4px 4px 4px 10px;
	width: 100%;
	padding: 4px 4px 4px 10px;
	margin: 0;
	}
	
#form {
	/* This is the cafe volunteer form */
	text-align:left;
	padding: 4px 4px 4px 10px;
	}

#form p {font-size:12px;
	}

#form td {font-size:12px;
	}

#form li {font-size:12px;
	}

#navBar {
	/* This is the left sidebar. */
    text-align:left;
	float: left;
	width: 14em;
	margin: 0em;
	padding: 1.6em 0 2em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background: none;
	}

#globalNav{
	/* This is the horizontal menu to external links. */
    text-align:left;
	padding: 0px 0px 5px 10px;
	border-bottom: 1px groove #cccccc;
	border-top: 1px solid #CCC;
	color: #cccccc;
	font-size: 0.7em;
	background: none;
}

#headlines{
	float:right;
	width: 14em;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 1.5em .3em .3em .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #CC0000;
	font-weight: bold;
}

#content{
	text-align:left;
	padding:0 13.5em 0 11.5em;
	line-height: 1.3;
	font-size: 0.9em;
    }

#contentSubpage{
	text-align:left;
	padding:0 0 0 11.5em;
	line-height: 1.3;
	font-size: 0.9em;
    }

#photos{
	float:left;
	text-align:center;
	width: 55%;
	}

#photos p{
	font-size: x-small;
	}

#member-form{
	float: inherit;
	width: 700px;
	margin-left: 15px;
	}

#member-form p{
/*	font-size: x-small;  */
	font-weight:bold;
	color: #0000CC;
	}

/*#member-form td{
	border: 1px;
	border-color: #0000CC;
	} */
	
/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 10 0 0 10px;
	}

#pageName{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 60%;
	padding: 8px 0px 8px 0px;
	color: #000099;
	/* font-variant: small-caps; */
	text-align: center;
	}

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

/*********** styles ***********/
.floatRight {
    float: right;
	}
.floatLeft {
    float: left;
	}



/*********** .relatedLinks styles ***********/

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

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
    }

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