/*======================
	TOP
========================*/
/*
The home page is broken up into two rows. Each row is being 
wrapped by a #top and #bottom div. 
*/
#top
{
	float:left; 
	margin-bottom:1px; 
}
/*
The Photo div controls the placement and dimensions of the image. 
*/
#photo
{
	float:left; 
	margin-right:1px; 
	width:337px; 
	height:217px;
	border:0; 
}
/* Disables the border */
#photo img{ border: 0 }
/* 
This sets the landscape background image and sets the width
and height of the #into div
*/
#intro
{
	background:url(../images/intro_background.jpg) no-repeat; 
	float:left; 
	margin-left:1px;
	height:217px; 
	width:600px;	
}
/*
I wanted the welcome text to be specifically placed and I didn't
want it to go too far to the right so I wrapped it in its own
#welcome div.
*/
#welcome
{
	float:left; 
	width:570px; 
	height:140px;
	position:relative;
	left:25px; 
	top:30px; 	
}
/*
H1 is a very important heading for SEO, for this reason I 
still wantedto use it for my home page but didn't want to 
use the default styling for it. So I just created some custom 
styling for the home page. 
*/
#welcome h1
{
	color:#127e00; font-size:22px; margin: 0 0 15px 0; line-height:1; padding:0; font-weight:700; background:0;
}

/*======================
	BOTTOM
========================*/
/*
This wraps the bottom layout and ads the two-column gray background
*/
#bottom
{
	background:url(../images/home_content_background.gif) repeat-y; 
	float:left; 
	margin-top:1px; 
}
/*
Each h3 element inherits the global styles that are set in 
typography.css, I wanted to change them all to a different style. 
*/
#testimonials h3, #what-we-offer h3, #recent-events h3{  padding: 10px; font-size:14px; color:#fff; font-weight:700; }

/*
Each element has the same text styles but different background 
styles. 
*/
#testimonials h3{ background:#2451a0 }
#what-we-offer h3{ background:#ff8401; }
#recent-events h3{ background:#2451a0 }
/*
This positionns the #testimonial divs
*/
#martick
{
	float:left; 
	width:100%;
	margin-right:1px;
	margin-top:1px;
	padding:0; 
}
#martick img{ border: 0 }

#testimonials
{
	float:left; 
	width:238px;
	margin-right:1px;
	padding:0; 
}
/*
The margin: 0 1px 0 1px adds a white 'line' to the right and left of 
#what-we-offer
*/
#what-we-offer
{
	float:left; 
	width:455px;
	margin:0 1px 0 1px;
}
/*
Recent events is the same width of the light gray column background
*/
#recent-events
{
	float:left; 
	width:230px; 
	margin-left:1px; 
}
.indexwatchcss
{
	font-family:Arial;
	font-size:8.5pt;
	color:#656363;
}

.indexwatchtopcss
{
	font-family:Arial;
	font-size:9pt;
	color:#758FA8;
}


.indexwatchleftheadingcss
{
	font-family:Arial;
	font-size:8.5pt;
	color:#656363;
	font-weight:bold;
}
.po {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: green;
	text-decoration: none;
}


.na {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
	text-decoration: none;
}

.no {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: blue;
	text-decoration: none;
}
    .tablemovers
{
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: Black;
	border-collapse: collapse;	
}	
.tablemovers th
{
	border-width: 0px;
	padding: 0px;
	border-style: solid;
	border-color: Black;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:Arial;
	color:#768EA8;
	font-size:8pt;
	font-weight:bold;
	background-color:#EBEBEB;
	text-align:center;
	padding:6px 5px 6px 5px;
}
.tablemovers td
{
	border-width: 0px;
	padding: 0px;
	border-style: solid;
	border-color: Black;	
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:Arial;
	color:#656363;
	font-size:8pt;	
	padding:6px 5px 6px 5px;	
}
.treven
{
	background-color:#EBEBEB;	
}

.trodd
{
	background-color:#AED5FF;
}
    .marqlink { font-family:Arial; font-size:8pt; color:#656363; display: block; border-bottom: solid 1px #999; outline: none; text-decoration: none; }
    
#jsddm
{	margin: 0;
	padding: 0;
	float:right;
	position:relative;
	top:23px; 
}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 16px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #00266D;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 105px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	
		background: #00266D;
		font-weight: bold;
		color: #FFFFFF;
		
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #AED5FF;
				color: #24313C}
			
			#jsddm li ul li a:hover
			{	background: #00266D;}