body 		{
			margin: 0px 0px 0px 0px;
			padding: 10px 10px 10px 10px;
			background-color: #FFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			FONT: 0.8em/1.4 Verdana,Arial,Sans-serif;
			line-height: 150%;
			color: #333;
			}
BODY TABLE
{
    FONT-SIZE: 100%
}
BODY P
{
    FONT-SIZE: 100%;
    MARGIN: 0px
}

td 			{
			font-size:100%;
			}

#searchr, #navleftcolgreytext,#navcolgreytext, #navcolprojects
			{
			background-color: #DDD;
			}
h1
 		{		
		color:#00486F;
		font-size:140%;
		}

h2
 		{		
		color:#00486F;
		font-size:120%;
		}

h3, a, blockquote, p.intro
 		{		
		/*color: #334597; */
		color:#00486F;
		font-size:100%;
		}
		
/*
h1, h2, h3, h4, h5, h6 {
	padding: 0px; margin: 4px 0px 4px 0px;  line-height: 120%;
}
h1 {
	font-size: medium; font-weight: normal;
}
h2 {
	font-size: small; font-weight: bold; margin-top: 10px;
}
h3 {
	font-size: small; font-weight: normal;
}
h4, h5, h6 {
	font-size: x-small; font-weight: normal; color: #000;
}
p.intro, p.header01 {
	font-size: small; line-height: 150%;
}
*/

ul, ol {
	margin: 0px; padding: 0px 0px 0px 20px;
}
li {
	margin: 6px 0px 8px 10px;
}
p {
	margin: 0px; padding: 0px 0px 0px 0px;
}

blockquote p {
	padding: 0px;
}

a	{ 
			text-decoration: none;
			font-weight: bold;
			}
			
a:hover { 
			text-decoration: none;
			font-weight: bold;
			color: 000; 
			}

#twotext img, #threetext img {
			margin: 5px 5px 0px 0px;
			}


#header		{
			position: relative;
			height: 130px;
			width: 840px;
			padding: 0px auto 20px 0px;
			}
			
#mainnav	{
			background-color: #2CABE2;
			height: 23px;
			
			text-align: left;
			padding-left:15px;
			}
a.menu {
float: left;
			display: block;
}			
.menu 		{		
			text-align: center;
			font: 12px/23px trebuchet ms, arial, sans-serif; color: #00486F; 
			font-weight: bold;
			letter-spacing: 0px;
			margin: 0px;
			
			height: 23px;
			padding: 0px 14px 0px 14px; 
			text-decoration: none;
			}
		
a.menu:hover {
			color: #FFF;
			background-color: #00486F;
			}
			
#banner		{
			
			
			height: 100px;
			background-color: #DDD;
			
			margin: 0px auto 10px 10px;
			}

			#bannerl	{
						
						margin: 0px 0px 0px 0px;
			
						}
						
			#searchr	{
						float: right;
						height: 100px;
						margin: 0px 0px 0px 0px;
						font-size: xx-small;
						color: #666;
						}
			
						#searchr p	{
									padding: 4px 10px 0px 10px;
									margin: 0px;
									}
						#searchr form {
									padding: 0px;
									margin: 0px;
									}



#onecol 	{
			padding: 0px 20px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			float: left;
			}
			
			#onetext p {
						margin: 0px;
						padding: 6px 0px;
						border-bottom: 1px dotted #999;
						font-size: xx-small;
						line-height: 140%;
						}


.onecoltitle {
			text-align: center;
			vertical-align: middle;
			display: block;
			position: relative;
			padding: 6px 0px 2px 0px;
			margin-bottom: 6px;
			background-color:#DDD;
			}
			
.onecoltitle h2 { 
			color: #666666;
			margin: 0px;
			padding: 0px;
			font-size: x-small;
			line-height: normal;
			background-color:#DDD;
			} 



#twocol 	{
			padding: 0px 20px 20px 10px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			
			}
			
			#twotext	{
						margin-left:300px;
						
						}
					
			#casestudy 	{
						position: relative;
						background-color: #eee;
						padding: 5px 10px 5px 10px;
						margin: 0px 0px 0px 0px;
						}
		
					
#threecol 	{
			
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			
			}
			
		

#navcol 	{
			width: 210px;
			padding: 0px;
			margin: 0px;
			text-align: left;
			float: right;
			}
#onecol  {
width:280px;
}
			#navcolgreytext p {
						padding: 0px;
						margin: 0px;
						}
			#navleftcolgreytext p {
						padding: 0px;
						margin: 0px;
						}
			#navcolprojects p {
						padding: 10px 0px 0px 0px;
						margin: 0px;
						}
			
			#navcolgreytext a, #navcolprojects a {
						text-align: left;
						font: 11px/16px trebuchet ms, arial, sans-serif; 
						letter-spacing: 1px;
						display: block;
						font-weight: bold;
						text-decoration: none;
						padding: 2px 0px 2px 5px;
						
						}
			#navcolgreytext a {
						border-top: 1px solid #FFF;
						}

			#navleftcolgreytext a{
						text-align: left;
						font: 11px/16px trebuchet ms, arial, sans-serif; 
						letter-spacing: 1px;
						display: block;
						font-weight: bold;
						text-decoration: none;
						padding: 2px 0px 2px 5px;

						}
			#navleftcolgreytext a {
						border-top: 1px solid #FFF;
						}

			#navcolprojects a {
						border-bottom: 1px solid #FFF;
						}
			#navcolgreytext a:hover {
						color: #FFF;
						font-weight: bold;
						}
			#navleftcolgreytext a:hover {
						color: #FFF;
						font-weight: bold;
						}

			#navcolprojects a:hover {
						color: #FFF;
						font-weight: bold;
						background-color: #aaa;
						}
			a.cwsidemenu:hover, a.cwsidemenu_on {
						background-color: #2CABE2;
						color: #FFF;
						}
			
#login 	{
			position: relative;
			width: 171px;
			padding: 0px 10px 0px 10px;
			}
			
		

			
#logindark 	{
			position: relative;
			width: 210px;
			height: 20px;
			background: #aaa;
			}
		

			
#loginlight 	{
			position: relative;
			width: 210px;
			height: 110px;
			background: #ddd;
			margin: 0px 0px 0px 0px;
			}
		

#loginlight p	{
			margin: 0px 10px 0px 10px;
			line-height: normal;
			color: #666;
			}

			
#footer 	{
			position: relative;
			background: #2CABE2;
			text-align: left;
			height: 20px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			clear: both;		
			}
			#footer p	{
						margin: 0px 0px 0px 5px;
						padding: 2px 0px 2px 0px;
						font-size: xx-small;
						color: #FFF;
						}
			
			#footer a	{
						color: #FFF;
						font-weight: normal;
						text-decoration: underline;
						}
			
			#footer a:hover {
						color: #000;
						}


#space 	{
			position: relative;
			width: 840px;
			height: 10px;
			text-align: left;
			margin: 0px auto 0px 18px;
			clear: both;		
			}
	
#smallspace 	{
			position: relative;
			width: 210px;
			height: 10px;
			margin: 0px 0px 0px 0px;
			}
	
#largespace 	{
			position: relative;
			width: 210px;
			margin: 0px 0px 0px 0px;
			}


.cn_mainbody
{
	margin-top:15px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:15px;
}
.cn_arttitle
{
    FONT: 110% Verdana,Arial,Sans-serif;
    COLOR: #2CABE2;
    font-weight: bold ;
}

.cn_toppara
{
    FONT: 120% normal Arial,Verdana,Sans-serif;
    COLOR: #505050;
    padding-bottom:10px;
}

.cn_sidepara
{
    FONT: 100% normal, Trebuchet MS,Arial,Verdana,Sans-serif;
    COLOR: #00486F;
    padding-bottom:5px;
}

.cn_arttext
{
    FONT-size: 100%;
}

.cn_artsubtext
{
    color:#505050;
}

.cn_sidetext
{
    color:#505050;
}

.cnsidemenu
{
	display:block;
}

.cnsidemenu a
{
	color:#2CABE2;
	font-size:100%;
	background-color:#efefef;
	font-weight:bold;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	margin:1px;
	display:block;
	text-decoration:none;
}

.cnsidemenu a:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#2CABE2;
	text-decoration:none;
}

.cnsidemenusub
{
	display:block;
}

.cnsidemenusub a
{
	color:#2CABE2;
	font-size:90%;
	background-color:#efefef;
	font-weight:bold;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:15px;
	padding-right:5px;
	margin:1px;
	display:block;
	text-decoration:none;
}

.cnsidemenusub a:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#2CABE2;
	text-decoration:none;
}

.cno-pagefrag-navigationsection
{
	margin:1px;
	padding-top:1px;
	padding-bottom:10px;
	padding-left:1px;
	padding-right:1px;
	position:relative;
}

.cno-pagefrag-navigation-title
{
	margin:1px;
	padding:1px;
	display:inline;
}

.cno-pagefrag-navigation-items
{
	display:inline;
}

.cno-pagefrag-navigation-item
{
	margin:1px;
	padding:2px;
	display:inline;
	background-color:#efefef;
}

.cno-pagefrag-navigation-item a
{
	text-decoration:none;
}


.cno-pagefrag-navigation-item-sel
{
	margin:1px;
	padding:2px;
	display:inline;
	color:#ffffff;
	background-color:#2CABE2;
}

.cno-pagefrag-navigation-item-sel a
{
	color:#ffffff;
	text-decoration:none;
}

/* dtab ****************************/
.cn-dtab {
	border-bottom : 1px solid #cccccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

.cn-dtab ul, .cn-dtab li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

.cn-dtab ul a:hover {
	color : #f00000 !important;
}

	
.cn-dtab a:link, .cn-dtab a:visited	{
	background : #ffffff;
	border : 1px solid #ccc;
	color : #666666;
	float : left;
	font-size : 90%;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

.cn-dtab a:link.active, .cn-dtab a:visited.active	{
	background : #ffffff;
	border-bottom : 1px solid #ffffff;
	color : #000000;
}

.cn-dtab a:hover	{
	color : #f00000;
}

.cn-dtab li#cn-dtab-sel a {
	background : #fffffff;
	border-bottom : 1px solid #ffffff;
	color : #000000;
	font-weight:bold;
}

.cn-dtab li#cn-dtab-sel a:link, .cn-dtab a:visited	{
	background : #ffffff;
	border : 1px solid #ccc;
	color : #666666;
	float : left;
	font-size : 90%;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

/* dtab end ****************************/

/*
.cn-contentbox
{
	width:192px;
	margin-top:15px;
}

.cn-contentbox-header
{
	margin:0px;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#2CABE2;
	color:#ffffff;
	font-weight:bold;
	width:auto;
}

.cn-contentbox-content
{
	margin:0px;
	padding:6px;
	background: url(/images/brcorner.gif) 100% 100% no-repeat;
	background-color:#efefef;
	width:auto;
}
*/
.cn-contentbox-widthauto
{
	width:auto;
	margin-top:15px;
}


.cn-contentbox
{
	width:220px;
	margin-top:15px;
}

.cn-contentbox-header
{
	margin:0px;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	color:#2CABE2;
	background-color:#efefef;
	font-weight:normal;
	width:auto;
	border:1px solid #efefef;
}

.cn-contentbox-content
{
	margin:0px;
	padding:6px;
	padding-top:2px;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	width:auto;
}

.cn-panel-row
{
	border-bottom:1px solid #efefef;
	font-weight:bold;
}

.cnbigbutton
{
	color:#2CABE2;
	font-size:120%;
	background-color:#ffffff;
	font-weight:bold;
	padding:5px;
	border:2px solid #2CABE2;
	text-decoration:none;
}

.cnbigbutton a
{
	color:#2CABE2;
	font-size:120%;
	background-color:#ffffff;
	font-weight:bold;
	padding:5px;
	border:2px solid #2CABE2;
	text-decoration:none;
}

.cnbigbutton a:hover
{
	color:#0000ff;
	border:2px solid #0000ff;
	text-decoration:none;
		font-weight:bold;
	background-color:#efefef;
}

.wbo-form
{
    FONT: 1.0em/1.5 Verdana,Arial,Sans-serif;
    COLOR: black;
}

.wbo-form-section
{
	border:1px solid #2CABE2;
	background-color:#ffffff;
}

.wbo-form-section-header
{
    FONT-size: 110%;
    COLOR: #00486f;
    font-weight:bold;
	padding-left:6px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#2CABE2;
}

.wbo-form-section-body
{
	padding:2px;
}



.wbo-control-row
{
	margin:2px;
	padding:2px;
	background-color:#ffffff;
	display:block;
	height:auto;
	clear:both;
}

.wbo-control-label
{
	display:block;
	width:150px;
	float:left;
	vertical-align:top;
	text-align: right;
	clear:both;
}

.wbo-control-control
{
	display:inline;
	width:auto;
	vertical-align:top;
}

.wbo-control-labelfull
{
	display:block;	
}

.wbo-control-controlfull
{
	display:block;
}

.wbo-control-mandatoryrow
{
	margin:2px;
	padding:4px;
	background-color:#ffffff;
}

.wbo-control-mandatorylabel
{
	font-weight:bold;
}

.wbo-control-annotation
{
    font-size:80%;
}

.wbo-control-2colrow
{
}

.wbo-control-2colcontrol
{
    margin-left: 150px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:10px;
    vertical-align:top;
}

.wbo-form-control
{
	BORDER: 10px 1px solid #a0a0a0;
    MARGIN: 0px;
    padding-left:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:100%;
    font-weight: normal;
}

.wbo-form-button
{
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background-color:#dfdfdf;
	font-size:100%;
}

.wbo-form-smallbutton
{
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background-color:#dfdfdf;
	font-size:80%;
}

.wbo-form-message
{
	padding:10px;
	color:red;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:100%;
	margin-bottom:7px;
	margin-left:7px;
	width:400px;
}