/*LAYOUT*/

/*to stop the content jumping in Firefox because of scroll bars needing to appear when Google map is displayed
this code forces scroll bars on all the pages to stop jumping */
html { 
   overflow-y: scroll;
   }

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	border: 0;
	line-height:150%;

}

#content-wrapper{	
	width: 942px;
	margin: 0px auto 0px;
	text-align: center;
	/*height: 500px;*/

}


#topgaptop{
	text-align: left;
	width: 100%;
	margin: 0px auto 0px;
	height: 77px;
	border-style: none;
}

#topgap{
	text-align: right;
	width: 100%;
	margin: 0px auto 0px;
	height: 42px;


}


#header-wrapper{
	text-align: right;
	width: 100%;
	margin: 0px auto 0px;
	background-color: #ffffff;
	/*color: red; */
	font-weight:bold;


}

#header{
	width: 100%;
	float: left;
 	background-color:  #ffffff; /* #96cfd0; */  /* #e3e3e3 pale grey */; 
	text-align:right;
	border-bottom: solid 1px #cbd3d9;
	border-top: solid 1px #cbd3d9;      
}


#content{
	text-align: left;
	width: 100%;
	margin: 0px auto 0px;
	
}

#content img{border: none;}


#content-lhs{
	width: 55%;
	position: relative;
	text-align:left;
	float:left;
	}


#content-lhs a,
#content-lhs a:link,
#content-lhs a:visited,
#content-lhs a:hover,
#content-lhs a:active{
	text-decoration: none;
	color: #000000;
	}


#content-rhs{
	width: 45%;
	text-align:left;
	position: relative;
	float:left;
	}



#footer-wrapper{
	width: 942px;
	text-align:left;
	margin: 30px auto 0px;
	height: 200px;
	border-top: solid 1px #cbd3d9; 
	padding-top: 5px;
	float:left;
}

#footer{
	width: 100%;
	position: relative;
	text-align:left;
	
}

#copyright{
	width: 40%;
	position: relative;
	text-align:left;
	float:left;
}

#devlink{
	width: 60%;
	text-align:right;
	position: relative;
	float:left;
	/*margin-top: 5px; */
}

/* div to allow table td text to top align */
#tabletexttop { position:absolute; top:10%;  margin-top:0em }

/* class to make the project table pad only on the right for a cell */
.tablepad{
padding-left: 0px; 
padding-right: 50px; 
padding-top: 0px; 
padding-bottom: 0px;
vertical-align:top;
}

/* FONTS standards */
body, ul, ol {font-size: 12px; font-family:Verdana,Arial,Tahoma; margin:0px;}
h1 {font-size:24px; margin: 5px;}
h2 {font-size:18px; margin:5px;  }
h3 {font-size: 14px;line-height:1;margin-bottom:1em; color:#3e4876;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

h1, h2, h3, h4, h5, h6 {color: #000; font-family:century gothic, tahoma,arial;margin: 15px auto 10px;
 }





#footer, #copyright, #devlink {
		font-size: 11px;
}



/* ELEMENTS standards */

 li ul, li ol {margin:0 0em;  }
ul, ol {margin:0em 0em 0.5em 0em;}
ul {list-style-type:bullet;}
ol {list-style-type:decimal;} 
li {margin-bottom: 0px;}

hlisttopnav {
list-style-type:none;
}


/*VERTICAL NAV COGworks Navigation*/

#activitymenunav {
	/* background-color: #c8beb4 ; */
	 background-color: white ;
	font-weight:bold;
} 

 #activitymenunav a:link {
	color: black ;
	
} 

#activitymenunav a:hover {
	color: #ffffff;
	background-color:#dfc184 ;
}

.vertical
{
	width:180px;
	line-height:1.4em;
	padding-bottom:10px;
	margin:0;
	padding:0px;
	list-style-type:none;
	text-align:left;
}

.vertical ul
{
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
}

.vertical li
{
   /* font-size: 1em; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url('/images/nav_submenu_blank.png') ; 
background-repeat: no-repeat;
background-position: top left;
padding-left: 1.3em; 

}

.vertical li a
{
    display:block;
    padding:3px 3px 3px 3px;
    text-decoration:none;
    background-color:c8beb4;
    color: black;
}

.vertical li a:hover
{
   /* border-left:5px solid #4dB0aa; */
    color: #a77ec4;
}

.vertical li a.branch
{
   /* border-left:5px solid #ccc; 
    color: red; */
}

.vertical li a.branch:visited, .vertical a:visited, .vertical li a:active
{
   /* border-left:5px solid #4dB0aa; */
    color: black;
}

.vertical li a.branch:hover
{
   /* border-left:5px solid #4dB0aa; */
    color: a77ec4;
}

.vertical li a.selected
{
   /* orange */
     color: #fc8a04; 
}


.vertical li a.selected.branch
{
   /* orange */
     color: #fc8a04; 
}

.vertical li.hasChildren
{
background-image: url('/images/nav_submenu.png') ; 
background-repeat: no-repeat;
background-position: top left;
padding-left: 1.3em; 
}

.vertical.lv1 li a{padding:3px 3px 3px 5px;}
.vertical .lv2 li a{padding:3px 3px 3px 5px;}
.vertical .lv3 li a{padding:3px 3px 3px 5px;}
.vertical .lv4 li a{padding:3px 3px 3px 5px;}



/* CSS Flyout Menu */
.cssfly {
	font-family: verdana; font-weight:bold;
	/* width:106px;  height:50px; */
	position:relative;
	margin:0 auto; 
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:12px; 
	/* display: inline; */

}

.cssfly ul li a, 
.menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	/* width:120px; */
	height:24px; 
	text-align:center; 
	border:1px solid #fff;
	border-width:1px 1px 0 0; 
	background: #ffffff; 
	color:#1ba0d1; /* #1ba0d1 Rocon Blue*/	
	line-height:24px;
	padding-left:10px;
	padding-right:10px; 

	/* font-size:14px; */
}
.cssfly ul {padding:0; margin:0;list-style-type: none; }
.cssfly ul li {float:left; margin-right:1px; position:relative;}
.cssfly ul li ul {display: none;}

.cssfly ul li:hover a {color:#fff; background:#000;}
.cssfly ul li:hover ul {
	display:block; position:absolute; top:0px;
	left:200px; width:200px;
}
.cssfly ul li:hover ul li a.hide {
	background:#dfc184; color:#000;
}

.cssfly ul li:hover ul li:hover a.hide {width:150px;}
.cssfly ul li:hover ul li ul {display: none;}
.cssfly ul li:hover ul li a {
	display:block; 
	background:#dfc184; 
	color:#000; 
	width:200px;
}

.cssfly ul li:hover ul li a:hover {background:#bd8d5e; color:#000;}
.cssfly ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:201px; top:0; 
	color:#000;
}

.cssfly ul li:hover ul li:hover ul li a {
	display:block; 
	width:200px; 
	background:#dfc184; color:#000;
}

.cssfly ul li:hover ul li:hover ul li a:hover {
	background:#bd8d5e;
	color:#fff;
}







































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */