﻿html, body
{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #999966;
	font-size: 85.5%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

img
{
	border: none;
}


#tablestyle tr.even td {
      background-color: #eee;
    }
#tablestyle tr.odd  td {
      background-color: #fff;
    }


#bodywrapper {width: 790px; padding: 14px 0px 0 0px; margin:0px auto; text-align:left; position: relative;}
#bodywrapper a {color:Black; }
#bodywrapper a:hover {color: #0F5986 ;}

.controlColors 
{
	background-color:#666633;
	color: White;
	
}

#minimenu
{ 
	text-align:right;
	background-color:#65BEB5;
}

.pagewrapper {padding: 0 8px; background: url(../images/pagewrapper_bg.gif) repeat-y; position: relative;}
#contentwrapper {float: left; width: 533px; padding: 0 20px 0 30px;}
#nomenucontentwrapper {float: left; width: 753px; padding: 0 10px 0 10px; background-color:White;}

#layout-1 {background-image: url(../images/Main.gif); position: relative;}
/*
#layout-2 {background-image: url(../images/layout_2column.gif); position: relative;}
#layout-3 {background-image: url(../images/layout_home.gif); position: relative;}
#layout-4 {background-image: url(../images/layout_3column.gif); position: relative;} */

/* -- Top and Bottom Nav Bars -- */

#navbar-top {height: 34px; background: url(../images/navbar_bg_top.gif) repeat-x;}
#navbar-bottom {height: 41px; background: url(../images/navbar_bg_bottom.gif) repeat-x;}

#navbar-top #techsites {float: left; width: 420px; height: 22px; padding: 12px 0 0 21px; background: url(../images/navbar_corner_tl.gif) no-repeat left top; color: #FFF;}
#navbar-top #techsites a {color: #FFF;}

#navbar-top #login {float: right; width: 317px; height: 22px; padding: 12px 21px 0 0; background: url(../images/navbar_corner_tr.gif) no-repeat right top; text-align: right; color: #FFF;}
#navbar-top #login a {color: #FFF;}

#navbar-bottom #sectionlinks {float: left; width: 187px; height: 36px; padding: 5px 0 0 23px; background: url(../images/navbar_corner_bl.gif) no-repeat left top; color: #FFF;}
#navbar-bottom #sectionlinks img {margin-right: 10px;}
#navbar-bottom #sectionlinks a {color: #FFF;}
#navbar-bottom #sectionlinks .backtotop {display: inline; float: left; padding: 3px 7px 0 0; }

#navbar-bottom #aboutus {float: right; width: 430px; height: 34px; padding: 7px 23px 0 0; background: url(../images/navbar_corner_br.gif) no-repeat right top; text-align: right; color: #FFF;}
#navbar-bottom #aboutus a {color: #FFF;}

/* -- Generic Multi-Column Layouts -- */

#cobr-header {width: 774px; height: 103px; background-color: #B6B488;}
#cobr-header #logo {float: left; padding: 0 0 4px 3px;}

div.columns-3-abbcc-a {float: left; width: 190px;}
div.columns-3-abbcc-b {float: left; width: 382px;}
div.columns-3-abbcc-c {float: right; width: 382px;}

div.columns-3-abb-a {float: left; width: 190px; margin-left: 4px;}
div.columns-3-abb-b {float: right; width: 764px;}

div.columns-3-aabc-a {float: left; width: 382px; display: inline; position: relative;}
div.columns-3-aabc-b {float: left; width: 191px; display: inline; position: relative;}
div.columns-3-aabc-c {float: right; width: 191px; display: inline; position: relative;}

div.columns-2-ab-a {float: left; width: 381px;}
div.columns-2-ab-b {float: right; width: 382px;}

div.columns-2-aab-a {float: left; width: 573px;}
div.columns-2-aab-b {float: right; width: 381px;}

div.columns-2-ab-a div.columns-2-ab-a, div.columns-2-ab-b div.columns-2-ab-a {width: 161px; padding-right: 15px;}
div.columns-2-ab-a div.columns-2-ab-b, div.columns-2-ab-b div.columns-2-ab-b {width: 160px; padding-left: 15px;}


div.split-wrapper {border-bottom: 1px solid #D3D3D2;}
div.split-columns-2-ab-a {float: left; width: 191px; border-right: 1px solid #D3D3D2;}
div.split-columns-2-ab-b {float: left; width: 190px;  border-left: 1px solid #D3D3D2; margin-left: -1px;}

div.columns-2-ab-dotted-a {float: left; width: 161px; padding-right: 15px; background: url(../images/dotted_div_vert.gif) repeat-y top right;}
div.columns-2-ab-dotted-b {float: left; width: 160px; padding-left: 15px; margin-left: -1px; background: url(../images/dotted_div_vert.gif) repeat-y top left;}

#left-nav {float: left; width: 191px;}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;zoom:1;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
/* Content Box */

.contentbox {
	width: 559px;

}
.contentboxmain
{
	border-right: #7C7B4A 2px solid;
	border-left: #7C7B4A 2px solid;
	background-color: White;
	color: Black;
	padding: 4px 4px 8px 4px;
}
/* .contentbox p
{
	margin: 0px 4px 0px 4px;
	background-color: White;
	color: Black;
	
}

*/

.contentboxtop
{
	background: #7C7B4A ;
	height: 23px;
	font-size: 140.5%;
	font-weight: bold;
	color: white;
	
}

.contentboxbottom {
	background: #7C7B4A ; 
	height: 20px;
}



/* -- Categories -- */

/* -- First Level -- */
#categories {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 128px;}
#categories li {position: relative; font-weight: bold; font-size: 120%; padding-bottom: 1px; color: #fff; /* background: url(../images/bullet.gif) repeat-x left bottom; */}
#categories li a {display: block; font-size: 90%; text-decoration: none; /* IE6 Bug */ padding: 1px 0 4px 10px; background-color: #666633; color: #fff;}
#categories li a:hover, #categories li a.ont-selected:hover {background-color: #B6B488; color: #fff;}

/* -- Second Level -- */
#categories li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 185px;background: url(../images/menu_item.jpg) repeat-x left top;}
#categories li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; /*background: url(../images/bullet.gif) repeat-x left bottom;*/}
#categories li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 30px; background: url(../images/menu_item.jpg) no-repeat 22px 7px; background-color: #0F5986; color: #fff;}
#categories li ul li a:hover, #categories li ul li a.ont-selected:hover {background: url(../images/menu_item.jpg) no-repeat 22px 7px; background-color: #65BEB5; color: #fff;}

/* -- Third Level -- */
#categories li ul li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 185px;background: url(../images/menu_item.jpg) repeat-x left top;}
#categories li ul li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; /* background: url(../images/bullet.gif) repeat-x left bottom; */}
#categories li ul li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 40px; background: url(../images/menu_item.jpg) no-repeat 32px 7px; background-color: #0F5986; color: #fff;}
#categories li ul li ul li a:hover, #categories li ul li ul li a.ont-selected:hover {background: url(../images/menu_item.jpg) no-repeat 32px 7px; background-color: #65BEB5; color: #fff;}

#categories a.ont-selected {background-image: url(../images/bullet_selected.gif); background-color: #65BEB5; color: #fff;}



.TitleColor
{
	background-color: #797847;
} 

.TitleLineColor
{
	background-color: #65BEB5;
} 

.SearchBoxHeading
{
	background-color: #0F5986;
    FONT: bold 15px Arial, Helvetica, sans-serif;
    COLOR: white;
    font-weight:600; 
}

.DueDateLineColor
{
	border-color:#65BEB5;
	border-right-color:#65BEB5;
	border-left-color:#65BEB5;
		
	
}

.SearchTable
{
	background-color : #eff7eb;
}


.ContentLabel
{
	font-size: 140.5%;
	color:Gray;
	font-weight:900;
}


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

