BODY
{
    BACKGROUND-COLOR: #ffffff;
	margin: 0px;
}
P
{
	color: #003399;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 16px;
    MARGIN-BOTTOM: 4px;
    MARGIN-TOP: 4px;
    TEXT-ALIGN: left
}
TD
{
    /* COLOR: #7d7b7b; */
	color: #003399;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 16px;
    MARGIN-BOTTOM: 4px;
    MARGIN-TOP: 4px;
    TEXT-ALIGN: left
}
li
{
    /* COLOR: #7d7b7b; */
	color: #003399;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 16px;
    MARGIN-BOTTOM: 4px;
    MARGIN-TOP: 4px;
    TEXT-ALIGN: left
}
TABLE.Top
{
    BORDER-BOTTOM: black 1px;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid
}
TABLE.Middle
{
    BORDER-BOTTOM: black 1px;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px
}
TABLE.Bottom
{
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px
}
TD.TopBack
{
    BACKGROUND-IMAGE: url(images/Top2Back.gif);
    BACKGROUND-POSITION: left top;
    BACKGROUND-REPEAT: repeat-x
}
TABLE.Color1
{
    BACKGROUND-COLOR: #faf4dc
}
TABLE.HSeparatorBottom
{
    BACKGROUND-IMAGE: url(images/HSeparatorBottom.gif);
    BACKGROUND-POSITION: left top;
    BACKGROUND-REPEAT: repeat-x;
	font-size:small;
	color: #000000;
}
TABLE.HSeparatorBottom a {
	font-size:small;
	color: #336699;
	text-decoration:none;
	}
TABLE.HSeparatorBottom a:hover {
	font-size:small;
	color: #000000;
	text-decoration:none;
	}
TABLE.Col1Top
{
    BACKGROUND-COLOR: #e9f1fb;
    BORDER-LEFT: #85afd8 1px solid;
    BORDER-RIGHT: #85afd8 1px solid
}
TABLE.Col1Bottom
{
    BORDER-BOTTOM: #85afd8 1px solid;
    BORDER-LEFT: #85afd8 1px solid;
    BORDER-RIGHT: #85afd8 1px solid
}
TABLE.Centered
{
    TEXT-ALIGN: center
}
P.IndentedR
{
    TEXT-ALIGN: right
}
P.Centered
{
    TEXT-ALIGN: center
}
img.middle 
{
	vertical-align: middle;
}
TABLE.Col2
{
    BORDER-BOTTOM: #85afd8 1px solid;
    BORDER-LEFT: #85afd8 1px solid;
    BORDER-RIGHT: #85afd8 1px solid;
    BORDER-TOP: #85afd8 1px solid
}
TD.Col2HSeparator
{
    BACKGROUND-IMAGE: url(images/HSeparatorMiddle.gif)
}
IMG.Bordered
{
    BORDER-BOTTOM: #04108b 1px solid;
    BORDER-LEFT: #04108b 1px solid;
    BORDER-RIGHT: #04108b 1px solid;
    BORDER-TOP: #04108b 1px solid
}
#content {
	margin: 0px atuo;
	/*width: 752px;*/
	float: left;
}
.tabbedbox {
	margin: 10px;
	width: 95%; 
	max-width: 95%;
	border: 1px solid #858BC4;
	float: left;
	clear: left;
}
.boxtext {
	margin: 1em;
	padding: 1em;
	border: #858BC4;
	text-align: left;
}
.tab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/BlueTab.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 139px;
	margin-top: -18px;
	border: #00FF66;
	float: left;
	clear: left;
	vertical-align: top;
	z-index: 1;
	text-align: left;
	background-position: left bottom;
	padding: 0px 0px 0px 1em;
	margin-left: -2px;
}
.image-left {
	clear: left;
	float: left;
	padding-top: 1em;
	margin-right: 1em;
}
.image-right {
	clear: right;
	float: right;
	padding-top: 3em;
	margin-right: .5em;
}
.heading 
{
	margin-top: 10px;
	margin-left: 20px;
}
.sample-data {
	clear: left;
	float: left;
	padding-top: 1em;
	margin: 0px;
	width: 400px;
}
.data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
}
td.table-header 
{
	color: #003399;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 16px;
    font-weight: bold;
    width: 33%;
    text-align:center
}
td.choice 
{
	font-size:14px;
}
    
td.label {
	font-size: 12px;
	text-align: right;
	vertical-align:middle;
	width: 102px;
	min-width: 102px;
}
td.top {vertical-align: top;}
.center {
	text-align: center;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.right {
	text-align: right;
}
td.left 
{
	font-weight: bold;
	text-align: left;
}
.notes {
	font-size: smaller;
}
td.invisible
{
	 visibility: hidden;
}
td.tiny
{
	font-size: xx-small;
}
span.tiny
{
	font-size: xx-small;
}
p.tiny
{
	font-size: xx-small;
}
div.breadcrumb
{
	font-size: xx-small;
	text-align: center;
	margin: auto;
}

/*.home {background: url(images/NavHome.gif); 
	BACKGROUND-POSITION: left top;
    BACKGROUND-REPEAT:no-repeat;
	}
a.home {background: url(images/NavHome.gif);
	margin: 0px; padding:0px; }
a.home link {background: url(images/NavHome.gif);
	margin: 0px; padding:0px;}
a.home:hover, a.home:focus {background: url(images/NavHome-dn.gif);
	margin: 0px; padding:0px;}
*/
a.home {background: url(images/NavHome.gif);}
a.home link {background: url(images/NavHome.gif);}
a.home:hover, a.home:focus {background: url(images/NavHome-dn.gif);}

a.quick {background: url(images/NavQuickStart.gif);}
a.quick:link {background: url(images/NavQuickStart.gif);}
a.quick:hover, a.quick:focus {background: url(images/NavQuickStart-dn.gif);}

a.about {background: url(images/NavAboutUs.gif);}
a.about:link {background: url(images/NavAboutUs.gif);}
a.about:hover, a.about:focus {background: url(images/NavAboutUs-dn.gif);}

a.contact {background: url(images/NavContactUs.gif);}
a.contact:link {background: url(images/NavContactUs.gif);}
a.contact:hover, a.home:focus {background: url(images/NavContactUs-dn.gif);}

#header {
	background-image:url(images/back.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#top-header {height: 80px;
	width:100%;

}
#header-left {float: left; width: 60%; }
#header-right {float: right; width:40%;}
#house1 {
	float:left;
	width: 110px;
	height: 75px;
	margin: 5px 0px 0px 0px;
	}
#logo {
	float:left;
	width: 60%;
	height: 65px;
	margin: 5px 0px 3px 0px;

}
#roof {
	float: right;
	width: 40%;
	height: 78px;
	margin-top: 3px;
	margin-bottom: 0px;

}
#invite {
	float:right;
	width: 23%;
	height: 72px;
	margin: 3px 0px 0px 0px;

}
#sample {
	float: right;
	width: 70%;
	margin-left: 2px;

}
#roof2 {
	background-color:#FFFFFF;
	height: 15px;
	min-height: 15px;
	position: relative;
	z-index: 0;
	
}
#nav {
	background-image:url(images/Top2Back.gif);
	background-repeat:repeat-x;
	background-position:top;
	height: 22px;
	min-height: 22px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	
}
.home {
	float: left;
	margin-left:60px;
	width: 50px;
	min-width: 50px;
}
.about {
	float: left;
	margin-left: 80px;
	width: 80px;
	min-width: 80px;
}
.quick {
	float: right;
	margin-right: 40px;
	width: 90px;
	min-width: 90px;
}
.contact {
	float: right;
	margin-right: 40px;
	width: 90px;
	min-width: 90px;
}

.home a, .home a:link,
.about a, .about a:link,
.quick a, .quick a:link,
.contact a, .contact a:link
 {
	color: #000000;
	text-decoration:none;
}

.home a:hover, .home a:focus,
.about a:hover, .about a:focus,
.quick a:hover, .quick a:focus,
.contact a:hover, .contact a:focus {
	font-weight:bold;
}
.clearer 
{
	clear: both;
}
#getstarted 
{
	width:50%;
	margin: 0px;
	padding: 0px 45px 0px 0px;
	float:right;
	text-align: right;


}
#getstarted-notes
{
	width:49%;
	margin:0px;
	text-align: left;
	padding: 0px 10px 0px 5px;
	float: left;

}
.copyright
{
	font-size: 10px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}
td.reliable
{
	width: 100%;
	font-size:smaller;
	text-align:center;
	vertical-align:middle;
}
.full-wide 
{
	width: 100%; 
	clear:both;
}
.half-wide {width: 45%;}

.float-left {float:left;}
.float-right {float:right;}
.clear-left {clear: left;}
.clear-right {clear: right;}

ul.arrow-bullets
{
	list-style-image: url(images/arrow.gif);
}
.templateChoice 
{
	float: left;
	width: 200px;
	min-width: 200px;
	padding-left: 25px;
	margin: 5px 5px 5px 5px;
}
*.example {
	font-size: 12px;
	text-align: left;
	vertical-align:middle;
	margin-left: 2em;
}
.dataentry 
{
	float:left;
	width: 100%;
	
}
.datalabel 
{
	float: left;
	clear:left;
	font-size: 12px;
	text-align: right;
	vertical-align:middle;
	margin-right: .25em;
	width: 102px;
	min-width: 102px;
	
}
.datafield 
{
	float: left;
	font-size: 12px;
	text-align: left;
	vertical-align:middle;
	margin-left: .5em;	
} 
.datablock
{
	min-width: 550px;
	width: 550px;

}

.hometext 
{
	float: left;
	margin-right: 10px;
	max-width: 500px;
}
