/* HTML Tags
-----------------------------------------------*/
body
{
	background-color:#dddddd;
	padding:0px;
	margin:0px;
}

div
{
	font:normal 12px arial;
	color:#FFFFFF;
}

/* Anchor tags
-----------------------------------------------*/
a:link, a:visited
{
	color:#48a000;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	text-decoration:underline;
}

/* Commonly Used Structural Items
-----------------------------------------------*/
.clear
{
	clear:both;
}


/* Main
-----------------------------------------------*/
#main
{	
	margin:8px auto 8px auto;
	width:919px;
}

/* Blue Panel
-----------------------------------------------*/
#bluepanel #top {background: #00236c url("../images/ui/border_top.gif") repeat-x top;}
#bluepanel #right {background: url("../images/ui/border_right.gif") repeat-y right;}
#bluepanel #bottom {background: url("../images/ui/border_bottom.gif") repeat-x bottom;}
#bluepanel #left {background: url("../images/ui/border_left.gif") repeat-y left;}
#bluepanel #left-corner-top {background: url("../images/ui/border_left_top_corner.gif") no-repeat top left;}
#bluepanel #right-corner-top {background: url("../images/ui/border_right_top_corner.gif") no-repeat top right;}
#bluepanel #right-corner-bottom {background: url("../images/ui/border_right_bott_corner.gif") no-repeat bottom right;}
#bluepanel #left-corner-bottom {background: url("../images/ui/border_left_bott_corner.gif") no-repeat bottom left; padding:20px 0px 20px 20px; width:881px; overflow: hidden;}

/* Logo
-----------------------------------------------*/
#logo
{	
	float:left;
	width:176px;
	height:76px;
	background: #00236c url("../images/ui/logo-sylvan.gif") no-repeat top;
	text-indent:-5000px;
}

#logo a
{
	float:left;
	display:block;
	width:176px;
	height:76px;
}

/* Menu
-----------------------------------------------*/
#menu
{
	float:left;
	background-color:#99FF00;
	margin-top:13px;
	width:702px;
}

#menu ul
{
	float:left;
	margin:0px;
	padding:0px;
}

#menu li
{
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}

#link-who-we-are a:hover, #link-our-proven-process a:hover, #link-legal-info a:hover
{
	background-position:top;
}

#link-who-we-are a
{
	display: block;
	float: left;
	text-indent:-5000px;
	background: url("../images/ui/menu-who-we-are.gif") no-repeat bottom;
	width:122px;
	height:29px;
}

#link-our-proven-process a
{
	display: block;
	float: left;
	text-indent:-5000px;
	background: url("../images/ui/menu-our-proven-process.gif") no-repeat bottom;
	width:180px;
	height:29px;
}

#link-legal-info a
{
	display: block;
	float: left;
	text-indent:-5000px;
	background: url("../images/ui/menu-legal-info.gif") no-repeat bottom;
	width:147px;
	height:29px;
}

#contact-number
{
	display: block;
	float: left;
	background: #00236c url("../images/ui/contact-number.gif") no-repeat top;
	width:253px;
	height:29px;
	text-indent:-5000px;
}

/* Header Graphic
-----------------------------------------------*/
#header-graphic
{
	margin:0px;
	text-indent:-5000px;
	width:878px;
	height:202px;
	background: #00236c url("../images/ui/header-graphic.jpg") no-repeat top;
}

/* Form Container
-----------------------------------------------*/

#formcontainer
{
	width:500px;
	margin:auto;
}

/* Footer
-----------------------------------------------*/
#footer
{
	padding:0px 4px 0px 4px;
	color:#777777;
}