* {
margin::0;
padding:0;
}


body {
margin:0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color:#333;
background-color:#DDD;
background-image:url(../_images/template/container_bg.gif);
background-position:left;
background-repeat:repeat-y;
}

body#printConfirm 
{
background-color: #FFF;
background-image: none;	
}


#container {
width: 817px;  
text-align: left;
background-color:#FFFFFF;
background-image:url(../_images/template/container_bg.gif);
background-position:left;
background-repeat:repeat-y;
margin:0;
padding:0;

}

#header {
background-color: #000000;
margin: 0;
padding: 0;
height: 88px;
}

#header img#logo_header {
margin: 0;
float: left;
}

#header ul {
list-style-type: none;
width: 76px;
margin: 22px 7px 0 0;
padding: 0;
float: right;
}

header ul li {
text-align: right;
}

#navagation {
background-color:#1E93A9;
padding:.5em;
font-size: .8em;
margin:0;
width: 805px;
}

#navagation a:link {
text-decoration:none;
color: #FFF;
}

#navagation a:visited {
text-decoration:none;
color: #FFF;
}

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

.nav {
border-right:1px solid white;
text-transform:uppercase;
color:#FFF;
font-weight:bold;
padding:0 .2em 0 .2em;
margin: 0;
}


#left {
width:200px;
background-color:#FFF2B2;
float:left;
}

#left p {
padding: .5em 1.5em 0 1.5em;
font-size: .8em;
color:#666666;
}


.smallCalendar
{
	margin: auto;
	background-color: white;
	width: 180px;
	border: 1px solid #ddd;
	
}
	.smallCalendar a:link,
	.smallCalendar a:hover,
	.smallCalendar a:active,
	.smallCalendar a:visited
	{
		text-decoration: none;	
	}
	
	.smallCalendar .nextPrev
	{
		font-size: 80%;
		font-weight: normal;
	}

	.smallCalendar .title
	{
		font-weight: bold;
		background-color: #FFF2B2;
	}
	.smallCalendar .dayHeader
	{
		background-color: #eee;
	
		font-size: 70%;
	}
	.smallCalendar td
	{
		padding: 5px;
		font-size: 80%;
	}
	.smallCalendar .days
	{
	
		border-collapse: collapse;
	}
	.smallCalendar .otherMonth
	{
	color: #eee;
	}
	

.blue {
color: #1E93A9;
font-weight:bold;
}

.pagetitle {
color: #1E93A9;
font-size: 1.5em;
font-weight:bold;
}

#main {
margin: 0 10px 0 200px;
padding: 1em 0 1em 1em;
font-size: .8em;
}

#main #twitter li {
list-style:none;
padding: 0 50px 20px 0;
}

/* any result div should have the same style as #main */
#div_Result 
{
margin: 0 50px 0 200px;
padding: 1em 0 1em 1em;
font-size: .8em;
}



a:link {
text-decoration: underline;
color: #333333;
}

a:visited {
color: #666666;
text-decoration: underline;
}

.subtitle {
color: #1E93A9;
font-size: 115%;
font-weight:bold;
}

a.index_title {
color:#1E93A9; 
font-size: 115%; 
font-weight:bold;
}

.bullet {
color: #1E93A9;
font-size: 115%;
}

hr {
height:1px;
color:#CC3300;
background-color:#CC3300;
}

table.join {
border-spacing:.4em 1px;
}

td.main {
padding: 0 .8em 0 0;
}

td.gray {
padding: 0 1em 0 1em;
vertical-align:top;
background-color: #F5F5F5;
border: 1px solid #ccc;
}

td.gray2 {
padding: 0 1em 0 1em;
border: 1px solid #ccc;
vertical-align:top;
}

table.photo {
padding: .5em;
text-align:center;
vertical-align:top;
background-color: #F5F5F5;
border: 1px solid #ccc;
font-size:.8em;
}

table.controls {
padding: .5em;
text-align:center;
vertical-align:top;
font-size:.8em;
}

#footer{
clear: both;
margin: 0 0 0 220px;
padding-top:2em;
color: #999999;
font-size: .8em;
}

#footer a:link {
text-decoration: underline;
color: #999999;
}

#footer a:visited {
color: #999999;
text-decoration: underline;
}


/* calendar list page */

.perfs-list a:link,
.perfs-list a:active,
.perfs-list a:visited,
.perfs-list a:hover
{
text-decoration: none;
}


/* family member page */
.state_dropdown
{
	width: 150px;
}