body 
{
    margin: 0;
    padding: 0;
    background: url(../images/1pxgradient.jpg) repeat-x;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
}

* {margin: 0; padding: 0; font-family:  Arial, Helvetica, sans-serif}

/*p, h1, form, button{border:0; margin:0; padding:0;}*/
.spacer{clear:both; height:1px;}

/*-----------------------------------------------Layout DIVS------------------------------------------------*/

#container {  /* keeps everything together */
position: relative; 
margin: 0 auto; 
padding: 10px;
width: 816px; 
border: solid 1px gray;
background: white;  /* Important image, do not remove */
/*overflow: hidden;*/
}

a.footer:link, a.footer:visited {color: Gray; font-weight: bold; text-decoration: none;}
a.footer:hover, a.footer:active {color: MidnightBlue;}

a.header:link, a.header:visited {color: Black; font-weight: bold; text-decoration: none;}
a.header:hover, a.header:active {color: Gray;}

a.childlink:link, a.childlink:visited {color: #273FDE; font-weight: bold;}
a.childlink:hover, a.childlink:active {color: Gray;}
	
.grid
{
 	font-size: 0.7em;
	font-family: Tahoma;
	background-color: gray;
}

.tdHighlight
{
	background-color: White;
	padding: 8px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.dialogHeader
{
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 110%;
	color: white;
	font-family: Verdana;
	background-color: #7C6F57;
}

.closeIcon
{
	background-position: right top;
	background-image: url(../Images/close_icon.gif);
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
	width: 19px;
	top: 1px;
	height: 19px;
	right: 1px;
}

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}
.content
{
    padding: 10px;
    padding-top: 20px;
      
}

.contenttitle
{
    font-family: Georgia, Times New Roman, Verdana;
    font-size: x-large;
    font-weight: bold;
    color: #273FDE;
    /*color: #5677E7;*/
}

.contenttitlesmall
{
    font-family: Georgia, Times New Roman, Verdana;
    font-size: large;
    font-weight: bold;
    color: #273FDE;
    /*color: #5677E7;*/
}

.img-left
{
    float: left;
    margin-right: 10px;   
}

.img-right
{
    float: right;
    margin-left: 10px;   
}

p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
word-spacing: 0.15em;
text-align: left;
letter-spacing: 0;
line-height: 1.4em;
font-size: 0.8em;
}

.childp
{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
/*word-spacing: 0.15em;*/
text-align: left;
letter-spacing: 0;
/*line-height: 1.4em;*/
font-size: 0.75em;
font-weight: normal;    
}

.staffleft
{
    float: left;
    width: 49%;
    text-align: right;
    font-weight:bold; 
    padding-bottom: 5px;
}

.staffright
{
    float: right;
    width: 49%;
    text-align: left;  
    padding-bottom: 5px; 
}

.childleft
{
    float: left;
    width: 49%;
    text-align: left;
    font-weight:bold; 
    padding-bottom: 5px;    
}

.childright
{
    float: right;
    width: 49%;
    text-align: left;  
    padding-bottom: 5px;     
}

.childdivider
{
    border: solid 1px black;
    background-color: #F7F7DE;
    width: 100%;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.popUpStyle
{
    font: normal 1.0em auto Arial, Verdana, Helvetica, Sans-Serif;
    /*font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: normal;*/
    background-color: #ffffff;
    /*color: #4f6b72;  */
    color: Black;
    padding:6px;      
    filter: alpha(opacity=80);
    opacity: 0.8;
    border: solid 1px black;
}
    
.popUpLeft
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    width: 24%;
    font-size: 1.0em;
    font-weight: bold;
    text-align: right;
}
   
.popUpRight
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    width: 74%;
    text-align:right;
}

.eventitem
{
    padding-left:5px;   
}

.serviceleft
{
    float: left;
    width: 24%;
    text-align: right;
    font-weight:bold; 
    padding-bottom: 5px;
}

.serviceright
{
    float: right;
    width: 74%;
    text-align: left;  
    padding-bottom: 5px; 
}

.contactleft
{
    float: left;
    width: 39%;
    text-align: right;
    font-weight:bold; 
    padding-bottom: 5px;
}

.contactright
{
    float: right;
    width: 59%;
    text-align: left;  
    padding-bottom: 5px; 
}

.sepclass
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    word-spacing: 0.15em;
    text-align: left;
    letter-spacing: 0;
    font-size: 0.8em;
}

.PhotoTable
{
    border: solid 1px gray;
    padding: 15px;
    margin: 25px;
       
}