@charset "utf-8";

/* MAIN CONTAINERS */

form {padding: 0px; margin: 0px; }

body { background:#91bad7 url(../images/bg.jpg) no-repeat top; text-align:center; margin:35px auto 0px auto; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#666666; }

#headband {width:900px; margin:0px auto 0px auto; padding:0px; float:none; }

#wrapper { background:transparent url(../images/page_bg.png) repeat-y top; text-align:left; width:800px; margin:0px auto 0px auto; padding:0px 50px 0px 50px; float:none; }

/* HOME PAGE */

#banner_hp { height:250px; width:800px; margin:0 0 1px 0; clear:both; }

#hp_top { width:800px; clear:both; float:none; height: 240px; }

#hp_top1 { float:left; width:535px; height: 240px; }

#hp_top2 { float:left; width:264px; border-left:1px solid #80a1b6; height: 240px; background:url(../images/hp_box_bg.jpg) no-repeat right bottom; }

#hp_bot { width:800px; clear:both; float:none; height: 270px; }

#hp_bot1 { float:left; width:535px; height: 270px; }

#hp_bot2 { float:left; width:264px; border-left:1px solid #80a1b6; border-top: 1px solid #80a1b6; height: 269px; background:url(../images/hp_box_bg.jpg) no-repeat right bottom; }

/* UNIVERSAL */

#header { width:800px; height:78px; }

#logo { height:46px; width:381px; float:left; }

.clear { clear:both; }

/* NAVIGATION */

#top_nav, #top_nav a { font-size:12px; color:#005d26; text-decoration:none; }

#top_nav a:hover { color:#95b584; text-decoration:none; }

#top_nav { width:125px; height:25px; float:right; text-align:right; }

#nav { height:24px; width:784px; background:url(../images/nav_bg.gif) repeat-x left; margin:0 0 2px 0; padding:0 0 0 16px; clear:both; }

a.nav { font-size:13px; color:#fff; text-decoration:none; padding:5px 20px 0 20px; background:url(../images/nav_spacer.gif) no-repeat right; display:block; height:19px; float:left; }

a.nav:hover { color:#c8d9bf; text-decoration:none; }

a.nav_l { font-size:13px; color:#fff; text-decoration:none; padding:5px 20px 0 20px; display:block; height:19px; float:left; }

a.nav_l:hover { color:#c8d9bf; text-decoration:none; }

/* FOOTER */

#footer { background:transparent url(../images/footer_bg.png) no-repeat top; clear:both; height:116px; width:900px; margin:0 auto 0 auto; padding:0; text-align:left; }

#footer_links { width:800px; height:20px; margin:0 50px 0 50px; border-top:10px solid #80a1b6; }

#copyright { width:500px; padding-top:5px; float:left; font-size:11px; color:#999999; }

#ikrave { width:250px; padding-top:5px; float:right; font-size:11px; color:#999999; text-align: right; }

#ikrave a { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:underline; }

#ikrave a:hover { color:#FF6600; text-decoration:underline; }

/* HOME PAGE BOXES*/

#clients { width:264px; }

#hp_tasks { width:264px; }

#portal { width:214px; background:url(../images/hp_box_bg2.jpg) no-repeat right top; padding:0; border-right:1px solid #80a1b6; border-top:1px solid #80a1b6; float:left; height: 269px; }

#resources { border-top:1px solid #80a1b6; float:left; width: 319px; height: 269px; background:url(../images/hp_box_bg2.jpg) no-repeat right bottom;}

#resource_title { border-bottom:1px solid #80a1b6; width:314px; height:20px; padding-top: 10px; padding-left: 5px; background-color:#fff;}

#resources_box {  padding:10px; }

/* INTERNAL PAGE CONTAINERS */

#banner { height:160px; width:800px; margin:0 0 1px 0; clear:both; }

#content { float:left; width:530px; }

#content_full { width:800px; }

#content_right { float:right; width:264px; border-left:1px solid #80a1b6; }

#tasks { width:264px; background:url(../images/hp_box_bg.jpg) no-repeat right bottom; }

/* INTERNAL PAGE BOXES*/

#resources2 { width:264px; }

#resources2_title { border-bottom:1px solid #80a1b6; width:259px; height:20px; padding-top: 10px; padding-left: 5px; background-color: #fff; }

#resources2_box { width:244px; background:url(../images/hp_box_bg2.jpg) no-repeat right top; height:202px; padding:10px; }

#portal2 { width:264px; background:url(../images/hp_box_bg2.jpg) no-repeat right top; padding:0; border-bottom:1px solid #80a1b6; }

/* TEXT */

a { color:#003714; text-decoration:underline; }

a:hover { color:#47722f; text-decoration:underline; }

h2 { font-size:16px; color:#02446e; font-weight:normal; margin:10px 0 0 5px; }

.title { font-size:16px; color:#02446e; font-weight:normal; }

p { margin:10px 20px 10px 5px; }

.indent { padding:5px 10px 5px 10px; }

.indent2 { padding: 10px 10px 5px 10px; }

img { border:0; }

img, div, input { behavior: url(css/iepngfix.htc); }

a img { border: none; }

.title_box { width:259px; height:20px; padding-top: 10px; padding-left: 5px; font-size:16px; color:#02446e; font-weight:normal; }

.hl, .hlsmall { color:red; }

/* FORM */

/* general website forms */

#Form1 { margin-right: 20px;}

#Form1 input.input { width: 410px; float: right; margin-bottom: 5px;}

#Form1 textarea { width: 410px; height: 100px; float: right; margin-bottom: 4px;}

#Form1 label { width: 85px; text-align: right; float: left; margin-bottom: 5px;}

#Form1 input.button { margin-left: 95px; margin-bottom: 10px; margin-top: 5px; padding: 0px 4px;}


/* side bar login */

#Form2 input { width: 160px; float: right; margin-bottom: 4px; }

#Form2 label { width: 70px; text-align: right; float: left; margin-top: 3px;}

#Form2 #imgLogin , #Form3 #imgLogin {cursor: pointer;}

/* home page login */


#Form3 input { width: 120px; float: right; margin-bottom: 4px; }

#Form3 label { width: 60px; text-align: right; float: left; margin-top: 3px; font-size: 11px;}