<!-- styles for index_main_dev.php   -->


HTML, BODY {margin:0; padding:0; height:100%; width:100%; border:none; font-size:100%; background-color:#0000f9;}

#index_main_box{position:absolute; width:100%; margin:auto;  min-height:100%; height:auto; height:100%; padding:0; border:0px dashed lightgray;}


#main_container_dev {position:absolute; height:auto; top:0; bottom:0; margin-top:50px; margin-bottom:50px; width:1000px; 
                     border-bottom:0px solid green; border-right:1px dashed lightgray; background-color:red; }


#main_container {position:absolute; width:1000px; height:100%; 
                 left:0; margin-left:auto; right:0;  margin-right:auto; padding:0; }
                 
                 
#abc{position:absolute; height:100%; width:100%; top:0; left:0; margin:0; padding:0; border:0; background-color:white; }

#header {width:100%; height:auto; margin:0; padding:0; border-right:0px dashed lightgray;}

#sub-header {width:100%; height:0; margin:0; padding:0; border:0px solid red;}

#page_body {position:relative; width:100%; height:auto; margin:0; padding:0; border:0px solid blue;}

#left_col {float:left; width:20%; height:auto; margin:0 2% 0 0; padding:0; border:0px solid red;}

#center_col {float:left; width:55%; height:auto; margin:0; padding:0; border:0px solid green;}

#center_col_pad {position:relative; top:50px; width:100%; height:auto; margin:0; padding:0; border:0px solid red;}

#oep-aims {float:left; width:70%; margin:0; padding:0; border:0 solid blue;}

.oi1 {float:right; width:100%; margin:0 20px 0 0; padding:0; }

#hold-img {float:left; width:30%; margin:0; padding:0; text-align:right; border:0px solid blue;}

.img-ind {text-align:center;}

#oep-participate {float:left; width:50%; margin:0; padding:0; border:0;}

#oep-explore {float:left; width:100%; margin:0; padding:0; border:0;}

#oep-aims-box {width:100%; margin:10px 0 0 0; padding:0; border:0;}

p.align-oep-aims {width:90%; margin-left:auto; margin-right:auto; margin-top:0; padding:0; font-weight:normal; font-size:20px; font-family:arial, sans-serif; line-height:1.5; text-align:justify;}

p.align-bring-info {width:90%; margin-left:auto; margin-right:auto; padding:0; font-weight:normal; font-size:13px; font-family:arial, sans-serif; line-height:1.2; text-align:justify;}


#right_col {float:right; width:20%; height:auto; margin:0 0 0 2%; padding:0; border-right:0px dashed lightgray;}

#faux-right-col {position:absolute; top:0; right:0; height:100%; width:20%; z-index:0; border-right:1px dashed lightgray; background-image:url(/images/gradient_hdln_right_col.gif); background-position: left; background-repeat: repeat-y;}

#footer {position:absolute; bottom:0; left:0; width:100%; height:20px; margin-top:15px; padding:3px 0 3px 0; text-align:center; background-color:beige;}

.col-title-box {position:relative; width:100%; margin:15px 0 7px 0; padding:0; border-bottom:0px solid gold; z-index:1;}
.left-col-title-box {width:100%; height:20px; margin:0; padding:0; border-bottom:0px solid gold;}

.left-col-link-box {height:auto; width:100%; margin-bottom: 20px; border-top-style: solid;
                    padding:10px 0 10px 0;
                    border-top-width: 2px; border-bottom-style: solid;  border-bottom-width: 2px;
                    background-image:url(/images/grad_sec_link_boxes.jpg);
                    background-position:right; background-repeat: repeat-y; }

.clear {clear:both;}

.float-img {margin:0;}

h2.col-title {margin:0; padding:0; font-weight:normal; font-size:14px; font-family:arial, sans-serif; color:gray; text-align:center;}

h4.left-col-title {font-weight:bold; font-size:12px; font-family:arial, sans-serif; color:black;}

ul.dispLeftLinks {margin:0; padding:0;}

ul li.dispLeftLinks {margin-left:10px; }

ul.contrib {margin-left:0;margin-top:0;}

ul.contrib li {margin:0 0 5px 20px; list-style-type:none;}

a.dispLeftLinks:link {font-weight:bold; font-size:10px; font-family:arial, sans-serif; color:black;}
a.dispLeftLinks:visited {font-weight:bold; font-size:10px; font-family:arial, sans-serif; color:black;}
a.dispLeftLinks:hover {font-weight:bold; font-size:10px; font-family:arial, sans-serif; color:green; text-decoration:underline;}
a.dispLeftLinks:active {font-weight:bold; font-size:10px; font-family:arial, sans-serif; color:firebrick; text-decoration:underline;}

.help-build {font-weight:normal; font-size:14px; font-family:arial, sans-serif; color:darkgreen;}
a.help-build:link {font-size:14px; font-family:arial, sans-serif; }
a.help-build:visited {font-size:14px; font-family:arial, sans-serif; }
a.help-build:hover {font-size:14px; font-family:arial, sans-serif; text-decoration:underline;}
a.help-build:active {font-size:14px; font-family:arial, sans-serif; text-decoration:underline;}

a.black:link {font-weight:normal; color:black;}
a.black:visited {font-weight:normal; color:black;}
a.black:hover {font-weight:normal; color:firebrick;}
a.black:active {font-weight:normal; color:red;}
a.darkgreen:link {font-weight:bold; color:darkgreen;}
a.darkgreen:visited {font-weight:bold; color:darkgreen;}
a.darkgreen:hover {font-weight:bold; color:firebrick;}
a.darkgreen:active {font-weight:bold; color:red;}

.post-info {margin-left:20px; font-weight:normal; font-size:14px; font-family:arial, sans-serif; color:black;}

.index_disp_footer {font-weight:bold; font-size:12px; font-family:arial, sans-serif; color:black;}


<!--  for navigator   -->

/* Essential Styles */

ul.categ_tabs       { float:left; width:100%; height: 100%; padding:0; margin:0;
                border-bottom:1px solid #d2d4ea; margin-bottom:10px; background-color: transparent;}

ul.categ_tabs li    { float:left; width:50%; list-style-type:none;  }

ul.categ_tabs *.categ_tab-label { border:1px solid #d2d4ea; margin:0; cursor:pointer;
                      padding-bottom:2px; padding-top:2px;
                      background:white url("/images/tab_nav_patt_bot.jpg") repeat-x left bottom;
                      font-weight:normal; text-align:center; font-size:1em; }

ul.categ_tabs li.selected *.categ_tab-label { position:relative; border-bottom:none;
           top:1px; padding-bottom:4px;
           padding-top:5px; border-top:2px solid #d2d4ea; margin-top:-5px;
           background:white url("/images/tab_nav_patt_top.jpg") repeat-x left top; font-weight:bold; }

/* Styles added to the TAB MENU design pattern to create TABS */

ul.categ_tabs { position:relative; margin-left: 0px; margin-right: 0px; padding: 0;}

ul.categ_tabs *.categ_tab-content { position:absolute; width:100%;
                         border-top:none;
                        left:-99999px; overflow:auto;
                        }

ul.categ_tabs li.selected *.categ_tab-content { left:0; overflow: visible; background-color: transparent;  text-align: left;}

ul.categ_tabs li *.categ_oi2 { margin:0px; padding:0px; background-color: transparent; }

ul.categ_tabs *.categ_tab-label a { display:block; text-decoration:none; color:black; }

ul.categ_tabs *.hover,
ul.categ_tabs *.categ_tab-label:hover { text-decoration:underline; }

#tab-display {width: 100%;}
#hdl_tab_display {height: auto; }


<!-- new navigator -->

.show-subloc-rollup-trigger {cursor:pointer;}

span.show-subloc-rollup-trigger {padding-left: 1em; padding-bottom: 0;  background:url("/images/show-med.gif") no-repeat left center;}

span.show-subloc-rollup-trigger:hover {background:url("/images/show-med-hover.gif") no-repeat left top;}

.hide-subloc-box {position:absolute; top:-99999px; left:-99999px width:1px; height:1px; overflow:hidden;}

span.subloc-rolledup  { background:url("/images/hide-med.gif") no-repeat left top; }

span.subloc-rolledup:hover  { background:url("/images/hide-med-hover.gif") no-repeat left top; }

span.end-of-line{padding-left: 1em; font-weight:bold; color:firebrick; background:url("/images/transp-show-hide.gif") no-repeat left top;}


.dircat { background-color: #BDDFDE; text-align: left; }

P.dircatnoselect { border: 0; margin: 0 0 3px 0; padding: 0; white-space: nowrap;}

P.dirsubcatselect { border: 0; margin: 0 0 3px 0; padding: 0; white-space: nowrap;}

P.dirsubcatselectend { border: 0; margin: 0 0 3px 0; padding: 0; white-space: nowrap;}