/* GENERAL
----------------------------------------------- */

body {
	margin:0;
	padding:0;
	background:#ffffff url(../images/bkground.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
* { margin:0; padding:0; }

img { border:none; float:left; }
.blue { color:#4492b0; }


/* LINKS
----------------------------------------------- */
#popularLinks a:link, #popularLinks a:visited { font-size:11px; color:#636960; text-decoration:none; }	
#popularLinks a:hover, #popularLinks a:active { font-size:11px; color:#636960; text-decoration:underline; }


/* CONTAINER
----------------------------------------------- */	
#container { width:627px; margin:0px auto; }


/* HEADER
----------------------------------------------- */
#header { float:left; width:627px; height:120px;  }
#nav { margin:0px; padding:0px; float:left; width:627px; height:22px; }

#menu { margin:0px; padding:0px; float:left; width:627px; height:22px; background:url(../images/nav-bkground.jpg) no-repeat top right; }
#subMenu { width:436px; height:19px; float:left; margin:0px; padding:0px; background-color:#6698cb; }

#first { color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding:0px; display:block; text-decoration:none; float:left; height:22px; background:url(../images/first-off.jpg) no-repeat top left; }
#first a { border-right:1px solid white; color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding-top:2px; display:block; text-decoration:none; float:left; width:57px; height:20px; background:url(../images/first-off.jpg) no-repeat top left; }
#firston a { border-right:1px solid white; color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding-top:2px; display:block; text-decoration:none; float:left; width:57px; height:20px; background:url(../images/first-on.jpg) no-repeat top left; }
#first a:hover { border-right:1px solid white; color:#336666; text-align:center; display:inline; list-style:none; margin:0px; padding-top:2px; display:block; text-decoration:none; float:left; width:57px; height:20px; background:url(../images/first-on.jpg) no-repeat top left; }

.middle, .middleon { display:inline; list-style:none; margin:0px; padding:0px; display:block; text-decoration:none; float:left; height:22px; background-color:#ffbe00; color:#336699; }
.middle a { border-right:1px solid white; display:inline; list-style:none; margin:0px; padding:2px 13px 0 13px; display:block; text-decoration:none; float:left; height:20px; background-color:#336699; color:#fff; }
.middleon a { border-right:1px solid white; display:inline; list-style:none; margin:0px; padding:2px 13px 0 13px; display:block; text-decoration:none; float:left; height:20px; background-color:#ffbe00; color:#fff; }
.middle a:hover { border-right:1px solid white; display:inline; list-style:none; margin:0px; padding:2px 13px 0 13px; display:block; text-decoration:none; float:left; height:20px; background-color:#ffbe00; color:#336699; }

#last { color:#fff; display:inline; list-style:none; margin:0px; padding:0px; display:block; text-decoration:none; float:left; width:135px; height:22px; background:url(../images/last-on.jpg) no-repeat top left; }
#laston { color:#fff; display:inline; list-style:none; margin:0px; padding:0px; display:block; text-decoration:none; float:left; width:135px; height:22px; background:url(../images/last-on.jpg) no-repeat top left; }
#last a { color:#fff; display:inline; list-style:none; margin:0px; padding:2px 13px 0 13px; display:block; text-decoration:none; float:left; width:135px; height:20px; background:url(../images/last-off.jpg) no-repeat top left; }
#laston a { color:#336666; display:inline; list-style:none; margin:0px; padding:2px 13px 0 13px; display:block; text-decoration:none; float:left; width:135px; height:20px; background:url(../images/last-on.jpg) no-repeat top left; }
#last a:hover { color:#336666; display:inline; list-style:none; margin:0px; padding:2px 13px 0 13px; display:block; text-decoration:none; float:left; width:135px; height:20px; background:url(../images/last-on.jpg) no-repeat top left; }

.subNavButton {display:inline; list-style:none; margin:0px; padding:0px; display:block; text-decoration:none; float:left; height:17px; background-color:#6698cb; color:#fff; } 
.subNavButtonon {display:inline; list-style:none; margin:0px; padding:0px; display:block; text-decoration:none; float:left; height:17px; background-color:#6698cb; color:#fff; } 
.subNavButton a { border-right:1px solid white; color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding:2px 11px 0 13px; display:block; text-decoration:none; float:left; height:17px; background-color:#6698cb; }
.subNavButtonon a { border-right:1px solid white; color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding:2px 11px 0 13px; display:block; text-decoration:none; float:left; height:17px; background-color:#ffbe00; }
.subNavButton a:hover { border-right:1px solid white; color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding:2px 11px 0 13px; display:block; text-decoration:none; float:left; height:17px; background-color:#ffbe00; }
.subNavButtonsmall {display:inline; list-style:none; margin:0px; padding:0px; display:block; text-decoration:none; float:left; height:17px; background-color:#6698cb; color:#fff; } 
.subNavButtonsmallon {display:inline; list-style:none; margin:0px; padding:0px; display:block; text-decoration:none; float:left; height:17px; background-color:#6698cb; color:#fff; } 
.subNavButtonsmall a { border-right:1px solid white; color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding:2px 8px 0 10px; display:block; text-decoration:none; float:left; height:17px; background-color:#6698cb; }
.subNavButtonsmallon a { border-right:1px solid white; color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding:2px 8px 0 10px; display:block; text-decoration:none; float:left; height:17px; background-color:#ffbe00; }
.subNavButtonsmall a:hover { border-right:1px solid white; color:#fff; text-align:center; display:inline; list-style:none; margin:0px; padding:2px 8px 0 10px; display:block; text-decoration:none; float:left; height:17px; background-color:#ffbe00; }

/* CONTENT
----------------------------------------------- */
#content { border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; float:left; width:625px; background:url(../images/content-bkground.jpg) repeat-y top left; }


/* LEFT COLUMN
----------------------------------------------- */
#leftCol { border-right:1px solid #c5c5c5; float:left; width:436px; }
#intro { float:left; width:249px; padding:23px 0 10px 16px; }
#intro h1 { color:#336666; font-size:15px; margin-bottom:8px; }
#intro p { color:#000; padding-bottom:16px; line-height:15px; }
#image { float:left; border:none; padding:18px 20px 0 0; }
#caption { padding:5px 0 0 5px; width:147px; font-size:9px; color:#8cb2b2; float:left; text-align:center; }

#subContent { float:left; width:410px; padding:23px 10px 10px 16px; }
#subContent h1 { color:#336666; font-size:15px; margin-bottom:8px; }
#subContent p { color:#000; padding-bottom:10px; line-height:15px; }
#subContent ul { color:#333333; margin:5px 0 10px 0; padding:0 10px 0 16px; }
#subContent ol { color:#333333; margin:5px 0 10px 0; padding:0 10px 0 16px; }
#subContent img { border:none; float:none; }

#spotlight { border-top:1px solid #c5c5c5; float:left; width:436px; background-color:#ccffff; }
#spotlightLeft { width:112px; height:161px; float:left; background: #ccffff url(../images/left-spotlight-bkground.jpg) no-repeat top left; }
#spotlightRight { padding:35px 0 0 0; width:323px; float:left; background: #ccffff url(../images/right-spotlight-bkground.jpg) no-repeat top left; }
#spotlightRight p { color:#003366; padding:0 8px 3px 0; line-height:15px; }
#spotlightFooter { float:left; width:216px; height:64px; background:url(../images/spotlight-footer.jpg) no-repeat top left; }


/* RIGHT COLUMN
----------------------------------------------- */
#rightCol { float:left; width:188px; background: #ffffff; }
#popularLinks { border-bottom:1px solid #c5c5c5; float:left; padding:36px 0 20px 18px; width:170px; background: #D1E8C5 url(../images/popular-links.jpg) no-repeat top left; }
#blog {float:left; width:170px; padding:0 0 0 18px; background: #FDF9CE url(../images/blog-bkground.jpg) no-repeat top left; }
#title { width:85px; color:#ff7f00; float:left; font-size:13px; font-weight:bold; margin-top:8px; }
#author { width:60px; color:#ff7f00; float:left; padding-left:25px; margin-top:12px; }
#story { float:left; width:160px; color:#677272; padding:0 10px 0 0; margin-top:18px; }
#story img { padding-right:3px; }
#story p { font-size:11px; padding-bottom:10px; }

#subCaption { border-top:1px solid #c5c5c5; text-align:center; float:left; width:188px; height:26px; padding:5px 0 3px 0; color:#677272; }
#subTestimonial { border-top:1px solid #c5c5c5; padding:15px 5px 10px 18px; float:left; width:165px; background-color:#fdf9ce; }
#subTestimonial p {
	padding-bottom:3px;
	color:#515A5A;
}


/* FOOTER
----------------------------------------------- */
#footer { border-top:1px solid #c5c5c5; float:left; width:627px; padding-bottom:5px; }
#footerLeft { float:left; width:432px; color:#7f8c8c; font-size:9px; padding:5px 0 0 5px; }
#footerRight { float:left; width:188px; color:#7f8c8c; font-size:9px; padding-top:5px; }
#footerRight img { padding:5px 8px 0 0; }