/* CSS Document */
html {height:100%}
body {font:12px trebuchet MS,arial,san-serif; color:#000; margin:0; padding:0 0 30px 0; text-align:center; background-color:#daded6; background-image: url(../Images/Body_Bg.gif); background-repeat:repeat-x; min-height:101%;}
img {border-style:none}
.floatLeft {float:left}
.clear {clear:both; display:block}
#container {width:800px; margin:0 auto; text-align:left; padding:0; position:relative; border-left:1px solid #acab9b; border-right:1px solid #acab9b;}
img {border:0px}

/* Logo */
#header {height:197px; width:800px; background-image:url(../Images/Header_Bg.gif); background-repeat:repeat-x;}
#utilityNav {background-image:url(../Images/Logo.jpg); background-repeat:no-repeat; font:11px/llpx arial,san-serif; color:#fff; padding:65px 15px 5px 0; text-align:right}
#utilityNav a {font:11px/11px arial,san-serif; color:#fff}
#utilityNav .divider {font:11px/11px arial,san-serif; color:#3b769a; padding:0 10px}
#logolink {float:left;}
#logolink a {width:200px; height:70px; color:#fff; font-size:1px; line-height:1px; display:block; text-decoration: none;}

/* Nav */
#tagline {height:89px; width:800px; background-color:#bcdc85; background-image:url(../Images/Tagline.jpg); background-repeat:no-repeat;}

/* Tabs */
#tabs {margin: 0; padding:0 0 1px 0}
#tabs ul {margin: 0; position: relative; background-color:#c3e38c; background: url("../Images/Nav.jpg") top left no-repeat; width: 800px; height: 26px}
#tabs li {list-style: none; display: inline; top: 0; position: absolute}
#tabs li, #tabs a {height: 26px; display: block; text-decoration: none}

#tabs a 						{text-indent: -9999px; }

#tabAbout						{left: 0px; width: 106px}
#tabApproach					{left: 106px; width: 130px}
#tabProduct						{left: 236px; width: 164px}
#tabNews						{left: 400px; width: 130px}
#tabSpacer						{left: 530px; width: 201px}

#tabAbout a:hover 				{background: transparent url("../Images/Nav.jpg") 0 -26px no-repeat}
#tabApproach a:hover 			{background: transparent url("../Images/Nav.jpg") -106px -26px no-repeat}
#tabProduct a:hover 			{background: transparent url("../Images/Nav.jpg") -236px -26px no-repeat}
#tabNews a:hover 				{background: transparent url("../Images/Nav.jpg") -400px -26px no-repeat}

#tabAbout a.active 				{background: transparent url("../Images/Nav.jpg") 0 -52px no-repeat}
#tabApproach a.active 			{background: transparent url("../Images/Nav.jpg") -106px -52px no-repeat}
#tabProduct a.active 			{background: transparent url("../Images/Nav.jpg") -236px -52px no-repeat}
#tabNews a.active 				{background: transparent url("../Images/Nav.jpg") -400px -52px no-repeat}

#tabAbout a.active:hover 		{background: transparent url("../Images/Nav.jpg") 0 -78px no-repeat}
#tabApproach a.active:hover 	{background: transparent url("../Images/Nav.jpg") -106px -78px no-repeat}
#tabProduct a.active:hover 		{background: transparent url("../Images/Nav.jpg") -236px -78px no-repeat}
#tabNews a.active:hover 		{background: transparent url("../Images/Nav.jpg") -400px -78px no-repeat}

/* Homepage Content */
#contentContainer {width:800px; background-color:#FFF; margin:0}
#content {width:780px; margin:0; padding:0 0 0 20px}
#portlet {margin:20px 20px 50px 0}
#portlet p {font:12/18px trebuchet MS,arial,san-serif; color:#403f3b; text-align:left; margin:0; padding:5px 0 0 12px}

#news {width:505px; margin:0; padding:0 0 0 30px; border-right:1px solid #c9c8bf; border-top:1px solid #c9c8bf; background-image:url(../Images/News_Bg.gif); background-repeat:repeat-x;}
#article01 {width:145px; float:left; padding:0 10px 0 0px;}
#article02 {width:155px; float:left; padding:0 10px; border-right:1px solid #c9c8bf; border-left:1px solid #c9c8bf;}
#article03 {width:145px; float:left; padding:0 0 20px 10px;}
#news p {font:11px/14px arial,san-serif; color:#403f3b;}

/* Feature Content */
#feature {position:absolute; left:565px; top:154px; width:210px; min-height:300px; z-index:1}
#feature p {font:11px/14px arial,san-serif; color:#403f3b; margin:20px 0}

/* Subpage Content */
#contentSub {width:470px; margin:20px 20px 0 0; float:left}
#intro {width:470px; padding:10px; background-image:url(../Images/Intro.jpg); background-repeat:no-repeat;}
#intro p {font:12px/18px trebuchet MS,arial,san-serif; color:#403f3b; text-align:left; margin:0; padding:5px 20px 5px 0}
#intro h1 {font:18px/18px Georgia; color:#53524d; font-weight:normal; text-align:left; margin:0; padding:5px 0}
#intro ul {list-style-type:none; padding:4px 15px 10px 6px; margin:-2px 0px 0px 0px}
#intro li {font:12px/16px trebuchet MS,arial,san-serif; background-image:url(../Images/Bullet_Square.gif); background-repeat:no-repeat; background-position:4px 7px;  padding:3px 10px 3px 12px;}
#subpage {width:470px; margin:20px 0 0 0;}
#subpage p {font:12px/18px trebuchet MS,arial,san-serif; color:#403f3b; text-align:left; margin:0; padding:5px 10px 20px 10px}
#subpage h2 {font:14px/18px Georgia; color:#53524d; font-weight:normal; border-bottom:solid 1px #c9c8bf; text-align:left; margin:0 10px; padding:25px 0 3px 0}
#subpage ul {list-style-type:none; padding:4px 15px 0px 16px; margin:-2px 0px 0px 0px}
#subpage li {font:12px/16px trebuchet MS,arial,san-serif; background-image:url(../Images/Bullet_Square.gif); background-repeat:no-repeat; background-position:4px 7px;  padding:3px 10px 3px 12px;}

#sidebar {width:250px; margin:10px 0px 50px 10px; font:11/14px arial,san-serif; color:#403f3b;}
#sidebar p {font:11px/14px arial,san-serif; color:#403f3b; margin:0 0 20px 0}
#sidebar ul {list-style-type:none; padding:4px 0px 20px 0px; margin:-2px 0px 0px 0px}
#sidebar li {background-image:url(../Images/Bullet_Square_Tan.gif); background-repeat:no-repeat; background-position:4px 7px;  padding-left:12px; padding-bottom:2px; padding-top:2px}
#sidebar a {color:#868a7a;}
#sidebar a:hover {text-decoration:underline}
#sidebar h3 {font:13px/13px Georgia; color:#1e487d; font-weight:normal; text-align:left; margin:10px 0 3px 0; border-bottom:solid 1px #c9c8bf; padding:0px 0 2px 0}

p {font:12px/18px trebuchet MS,arial,san-serif; color:#403f3b; text-align:left; margin:0}
a {color:#390; text-decoration:none}
a:visited {color:#390; text-decoration:none}
a:hover {color:#390; text-decoration:underline}
h1 {font:18px/18px Georgia; color:#1e487d; font-weight:normal; text-align:left; margin:0}
h1.indent {margin-left:12px; border-bottom:solid 1px #c9c8bf; width:276px; padding:0 0 5px 0}
h1.indent2 {margin-left:12px; border-bottom:solid 1px #c9c8bf; width:176px; padding:0 0 5px 0}
h2 {font:14px/14px Georgia; color:#1e487d; font-weight:normal; border-bottom:solid 1px #c9c8bf; text-align:left; margin:0; padding:20px 0 5px 0}
h3 {font:13px/13px Georgia; color:#1e487d; font-weight:normal; text-align:left; margin:10px 15px 10px 0}
h4 {font:11px/11px arial,san-serif; color:#1e487d; font-weight:normal; text-align:left; margin:0 0 2px 0; padding-left:15px; background-image:url(../Images/News_Bullet.gif); background-repeat:no-repeat; background-position: bottom left}
h5 {font:12px/12px trebuchet MS,arial,san-serif; color:#53524d; font-style:italic; text-align:left; margin:0 0 0 10px; padding:0px}
.required {color:#900}
.form {font:12px trebuchet MS,arial,san-serif; color:#403f3b; padding:2px; border:1px solid #c9c8bf; border-top:1px solid #acab9b; border-left:1px solid #acab9b; }

#footerContainer {width:800; border-top:solid 3px #e7f7cc; background-color:#1e487d; font:11px arial,san-serif; color:#acab9b; text-align:left; margin:0}
#footer {font:11px arial,san-serif; color:#acab9b; text-align:left; padding:15px 0 15px 30px}
#footer a {color:#acab9b;}
#footer a:hover {color:#acab9b; text-decoration:underline}