/**** alignment ****************************************************************************************/

body { background-color: #467297; font-family: verdana, helvetica, sans-serif; font-size: 11px; margin: 10px 0px; padding: 0px; line-height: 18px;}

#wholeborder { width: 780px; background: url(/images/layout/bg_center.gif) repeat-y #FFFFFF; margin: 0px; padding: 0px; /*border: solid 1px;*/}

#pad { margin: 0px 22px 0px 20px; text-align: left; }

#greycolumn_content { margin: 0px; background: url(/images/layout/greycolumn.gif) top left repeat-y; position: relative; }

#content { padding: 10px 50px 20px 40px }

#titlebg { background: url(/images/layout/titlebg.gif); text-align: left; height: 31px; position: relative; }

.clear_div { clear: both; margin:0; padding:0; font-size: 0; line-height: 0; height: 0; }

.project_shell { position: relative; /*height: 130px; /*border: solid 1px;*/}
.project_type_nav { position: relative; }
.project {  margin: 10px 50px 10px 250px; text-align: left; }
.project_img { position: absolute; top: 0px; left: 48px; border: solid 1px #2E5B82; }
.project_nav { position: absolute; top: 110px; left: 148px; }
.project_type { position: absolute; top: 0px; left: 70px; }

.expand_tip { position: absolute; left: -60px; top: -1px; width: 84px; padding: 0px 6px; background: #2E5B82; display: none; text-align: center;
font-family: verdana,helvetica,sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; line-height: 16px; }
.project_expansion { position: absolute; z-index: 3; left: 40px; top: -10px; width: 600px; height: 430px; border: solid 2px #2E5B82; background: url(/images/loading.gif) top left no-repeat #C7D5EE; display: none; }
.project_expansion_close { text-align: right; background-color: #2E5B82; height: 15px; width: 600px; }
.project_expansion_content { width: 600px; height: 400px; }
.project_expansion_details_shell { position: absolute; bottom: 15px; left: 0px; width: 600px; color: #FFFFFF; text-align: left; border-top: solid 4px #2E5B82; overflow: auto; display: none; z-index: 10; }
.project_expansion_details_padding { padding: 5px 20px 10px; background-color: #EEEEEE; opacity:. 80; filter: alpha(opacity=80); -moz-opacity: 0.8; }
.expansion_nav { position: absolute; bottom: 0px; text-align: center; color: #FFFFFF; background-color: #2E5B82; height: 15px; width: 600px; }
.expansion_bg { width: 600; height: 430; position: absolute; bottom: -7px; left: 7px; background-color: #666666; opacity:. 80; filter: alpha(opacity=80); -moz-opacity: 0.8; z-index: -2; }
.exp_nav_img { margin: 2px 4px; }

.details { font-family: verdana,helvetica,sans-serif; font-size: 10px; line-height: 14px; color: #000000; }
a.detail_link { font-weight: bold; }

.corner_tl { position: absolute; top: 15px; left: 0px; background: url(/images/corner_tl.gif) no-repeat; width: 12px; height: 12px;}
.corner_tr { position: absolute; top: 15px; right: 0px; background: url(/images/corner_tr.gif) no-repeat; width: 12px; height: 12px;}
.corner_bl { position: absolute; bottom: 15px; left: 0px; background: url(/images/corner_bl.gif) no-repeat; width: 12px; height: 12px;}
.corner_br { position: absolute; bottom: 15px; right: 0px; background: url(/images/corner_br.gif) no-repeat; width: 12px; height: 12px;}

.divider { margin: 0px 0px 0px 250px; height: 1px; width: 300px; background: #2E5B82; }

.lefttitle { margin: 10px 10px 10px 0px; font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #000000; border: }
.rightcontent { width: 600px; }

/**** navigation ****************************************************************************************/

#topnavbar { position: relative; background: url(/images/layout/navbg.gif) #C9C9C9; text-align: left;}

#topnavbar #share { position: absolute; top: 1px; right: 20px; }

a.topnav { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; line-height: 22px; font-weight: bold; color: #2E5B82; padding: 4px 14px; text-decoration: none; text-transform: uppercase; background: url(/images/layout/navdivider.gif) top right no-repeat; }
a.topnav:hover, a.topnav_on:hover { color: #FFFFFF; background: #2E5B82; padding: 4px 14px; text-decoration: none;}
a.topnav_on { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; line-height: 22px; font-weight: bold; color: #2E5B82; background: url(/images/layout/navbg_on.gif) top right no-repeat; padding: 4px 14px; text-decoration: none; text-transform: uppercase;}

#subnav { margin: 5px 20px 10px -10px; background: url(/images/layout/navbg.gif) #C9C9C9; border: solid 1px #ACACAC; width: 150px;  }
.subnav, a.subnav { font-family: verdana,arial,helvetica, sans-serif; font-size: 11px; color: #2E5B82; font-weight: bold; line-height: 14px; padding: 1px 5px; }
a.subnav:hover, a.subnav_on, a.subnav_on:hover { font-family: verdana,arial,helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 14px; color: #FFFFFF; background-color: #2E5B82; padding: 1px 5px; text-decoration: none; }

.footer { font-family:  verdana,arial,helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; line-height: 14px; text-transform: lowercase;}
a.footer { font-family:  verdana,arial,helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; line-height: 14px;}
a.footer:hover { color: #FFF88B; text-decoration: none; }

/**** text styling ****************************************************************************************/

p, .text, li { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; color: #333333; line-height: 18px; }

a { color: #24649C; text-decoration: none;}
a:hover { color: #0D7AD9; text-decoration: underline;}

h1 { font-family: arial,verdana,helvetica,sans-serif; font-size: 14px; color: #24649C; line-height: 16px; font-weight: bold; margin: 15px 20px 0px;}
h2 { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #5E5E5E; line-height: 18px;}
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: #296B8E; display: inline;}
h4 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: #296B8E; display: inline;}

.top { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: #5A5A5A; font-weight: bold; background-color: #C9C9C9; padding-top: 2px;}

.report { color: #cc0000; font-weight: bold; }

.header { font-family: verdana,helvetica,sans-serif; font-size: 16px; color: #FFFFFF; line-height: 16px; font-weight: bold; text-transform: uppercase; }

.projecttitle { font-family: verdana,helvetica,sans-serif; font-size: 12px; color: #2E5B82; line-height: 18px; font-weight: bold; }

.projecttype { font-family: verdana,helvetica,sans-serif; font-size: 18px; color: #2E5B82; line-height: 18px; font-weight: bold; }

.bottom, a.bottom { font-family:  verdana,arial,helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold; line-height: 18px; text-transform: uppercase; text-decoration: none;}

/*
.formbutton { color: #FFFFFF; font-weight: bold; background-color: #24649C; font-size: 10px;}
.formbutton2 { color: #2E5B82; font-weight: bold; background-color: #D3D3D3; font-size: 10px; margin-left: 1px;}
.form { border: solid 1px #2C3A2D; padding: 1px 5px; color: #5A7E20; background-color: #FAFBF6; }
input { border: solid 1px #000000; padding: 1px 5px; color: #000000; background-color: #FFFFFF; height: 18px; font-size: 10px; }
.forminput { border: solid 1px #000000; padding: 1px 5px; color: #000000; background-color: #FFFFFF; height: 18px; font-size: 10px; }
textarea { border: solid 1px #000000; padding: 1px 5px; color: #000000; background-color: #FFFFFF; font-family:  verdana,arial,helvetica, sans-serif; font-size: 10px; }
*/

.zlight { background-color: #FFFFFF;}
.zdark { background-color: #EEEEEE;}

.graphicalText { display: none; }
/* SEARCH ENGINE NOTE:
non-displaying "graphicalText" class elements added to reflect the visual message of graphics for accurate site content indexing
*/

/*checkbox { border: solid 1px #C0CA5F; color: #5A7E20; background-color: #F1F3E5; }*/