/* ==================================================================================== */

/* IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* DIABLO DEFAULTS: */

/* structure, specific texts */
#toolbar { position:relative; top:0; left:0; }
#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* wysiwyg: */
.highlight { background-color:#E8F6FF }
.warning { color:#FDB927; font-weight:bold; }
h4 {margin: 12px 10px 0px 10px; font-weight: bold; color: #000;}
.wysiwygRight { border: 4px solid #e6e6e6; float: right; margin: 10px 0 10px 10px; }
.wysiwygLeft { border: 4px solid #e6e6e6; float: left; margin: 10px 10px 10px 0; }
.searchResult { margin: 15px 0; font-weight: lighter; }

/* ==================================================================================== */

/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }

/* PRIMARY: ======================================================= */
html 
{
	overflow-y:scroll;
}

body
{
margin: 0;
padding: 0;
font-family: trebuchet, "trebuchet ms", arial, helvetica, geneva, verdana, sans-serif; 
font-size: 62.5%;
color: #666;
background: url(images/page-bg.png) repeat-x left top #efefef;
text-align: center;
}

#container
{
margin: 0 auto;
width: 982px;
background: #fff;
text-align: left;
font-size: 1.2em;
}

h1,p
{

}

a
{
color: #00A1E4;
font-weight: bold;
text-decoration: underline;
}

#container #home-project-content ul {margin-left:14px}

/* SECONDARY: ======================================================= */


#banner
{
margin: 0px 0 0 0;
padding: 0;
height: 140px;
width:731px;
float:right;
}

#page-content
{

	clear:both;
}

.border
{
	width:932px;
	margin:0 0 0 25px;
	background:#F1F1F1;
	height:1px;
	font-size:1px;
}

*html .border
{
	width:932px;
	margin:-20px 0 0 25px;
	background:#F1F1F1;
	height:1px;
	font-size:1px;
}


#copyright
{
clear: both;
margin:0px 0 0 25px;
padding: 15px 0px 15px 0px;
border-top: 1px solid #efefef;
color: #000;
width:932px;
}


#copyright p
{
	margin:0;
}

#copyright img
{
float: right;
text-align: right;
}

#footerlogo
{
margin-top: 30px;
padding: 15px 10px;
padding-bottom: 0;
border-top: 10px solid #F1F1F1;
color: #000;
}

#sidebar
{
float: left;
width: 130px;
margin: 15px 0 0 10px;
}
#container > #sidebar
{
width: 120px;
margin: 15px 0 0 20px;
}

.innercall
{
margin-bottom: 15px;
padding: 10px 10px 0 10px;
background: #f7f7f7;

}

/* HOMEPAGE SPECIFICS: =============================================== */

h1
{
	color:White;
	font-size:1.2em;
}

#left-col
{
	width:227px;
	margin:6px 0px 20px 25px;
	float:left;
	clear:both;
}

* html #left-col
{
	width:227px;
	margin:6px 0px 20px 12px;
	float:left;
	clear:both;
}

#mid-col
{
	width:471px;
	float:left;
	margin:6px 0px 20px 5px;
}

#right-col-home
{
	width:227px;
	float:left;
	margin:6px 0px 20px 5px;
}



#right-col
{
	width:223px;
	float:left;
	margin:6px 0px 20px 7px;
}

#right_col_header
{
background:#f3ba34 url('images/casestudy_header2.gif') no-repeat;
width:223px;
margin:0;
font-size:1.2em;
color: #fff;
}

#right_col_header h3
{
	padding: 5px 10px 3px 15px;
	margin:0;
}

#right_col_header h1, #right_col_header h2,#right_col_header h3,#right_col_header h4
{
	text-transform:uppercase
}
	


#welcome .header
{
	background:#ACAEAF url('images/welcome_header.gif') no-repeat;
	width:225px;
}

#welcome h1
{
	padding:5px 0 4px 10px;
	margin:0;
}

#homecontent
{
	background:#f7f7f7;
	width:225px;
	padding:10px 0 1px 0;
}

*html #homecontent
{
	width:auto;
}

#homecontent h3
{
margin: 0px 10px 7px 10px;
font-weight: bold;
color: #000;
}

#homecontent p
{
margin: 10px 10px;
font-size: 12px;
line-height: 1.5em;
}

#home-project .header
{
	background:#80BACF url('images/project_header.jpg') no-repeat;
	width:470px;
}

#home-project h1
{

	padding:5px 0 4px 10px;
	margin:0;
	text-transform:uppercase;
}

#home-project-content
{
	border-left:1px solid #80BACF;
	border-right:1px solid #80BACF;
	border-bottom:1px solid #80BACF;
	width:468px;
	padding:10px 0 0 0;
}



#call-to-actions-content
{
	padding:15px 0 10px 10px;
	background:#f7f7f7;
	width:215px;
}

#call-to-actions .header
{
		background:#f3ba34 url('images/casestudy_header.gif') no-repeat;
		width:225px;
}

#call-to-actions  h1
{
	
	padding:5px 0 4px 10px;
	margin:0;
	text-transform:uppercase;
}

#latest-news-home
{margin:10px 0 0 0;
}

#latest-news-home .header
{
	background:#ACAEAF url('images/welcome_header.gif') no-repeat;
	width:225px;
}

#latest-news-home-content
{
	margin:0 0 0 0px;
	background:#f7f7f7;
	padding:10px 10px;
	width:205px;

}

#latest-news-home h1
{
	
	padding:5px 0 4px 10px;
	margin:0;
}

#latest-news-home p
{
	font-weight:bold;
	margin:5px 0 10px 0;
}

#latest-news-home a
{
	font-weight:normal;
	color:00749F;
}

.project-map
{
	margin:-10px 0 4px 8px;
	
}




/* TERTIARY: ======================================================= */

#vid_player
{
	margin:0 0 0 25px;
	
}
/* LOGO & NAVIGATION: */


#logo-nav
{
	margin:0px 25px 0 25px;
	padding:25px 0 0 0;
}

#logo-nav h1
{
float: left;
margin: 18px 0px 0 0px;
}

#nav 
{
padding:9px 0pt 0px 0px; 
clear:both;
 }
 
*html #nav
{
	margin-bottom:-15px;
} 
 
#nav ul 
{ 
padding:0 0 0 0px; 
.margin:15px 0 0 0;
}

#nav ul li 
{ 
display:block; 
float:left; 
list-style-type:none; 
}

#nav ul li a 
{ 
display:block; 
height:39px; 
text-indent:-9009px; 
}

#logo-nav #search
{
margin:12px 0 -12px 0;
float: right;
}

#logo-nav #search ul
{
width: 150px;
}

#logo-nav #search ul li
{
margin-left: 15px;
}

#logo-nav #search form
{
padding-top: -15px;
}

#logo-nav #search form label
{
margin-right: 10px;
}

#logo-nav #search form .textinput
{
width: 115px;
border: 1px solid #c6c6c6;
padding: 0 1px;
}

#logo-nav #search form .submit
{
text-indent:-9999px;
background:url('images/button-go.gif') no-repeat;
width:17px;
height:17px;
border:0;
_padding:20px;
.padding:20px;
}

/* ENG NAV*/

.nav1-eng a { width:69px; background:transparent url('images/newportsprite.png') no-repeat 0px 0; }
.nav1-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat 0px -39px; }

.nav2-eng a { width:102px; background:transparent url('images/newportsprite.png') no-repeat -69px 0; }
.nav2-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat -69px -39px; }

.nav3-eng a { width:69px; background:transparent url('images/newportsprite.png') no-repeat -171px 0; }
.nav3-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat -171px -39px; }

.nav4-eng a { width:98px; background:transparent url('images/newportsprite.png') no-repeat -240px 0; }
.nav4-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat -240px -39px; }

.nav5-eng a { width:112px; background:transparent url('images/newportsprite.png') no-repeat -338px 0; }
.nav5-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat -338px -39px; }

.nav6-eng a { width:135px; background:transparent url('images/newportsprite.png') no-repeat -450px 0px; }
.nav6-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat -450px -39px; }

.nav7-eng a { width:139px; background:transparent url('images/newportsprite.png') no-repeat -585px 0px; }
.nav7-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat -585px -39px; }

.nav8-eng a { width:68px; background:transparent url('images/newportsprite.png') no-repeat -724px 0px; }
.nav8-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat -724px -39px; }

.nav9-eng a { width:115px; background:transparent url('images/newportsprite.png') no-repeat -792px 0px; }
.nav9-eng a:hover { background:transparent url('images/newportsprite.png') no-repeat -792px -39px; }

/* SUB NAVIGATION: */

#subnav
{
float: left;
width: 226px;
margin:0;
font-size:1em;
}

#subnav ul
{
margin: 0;
list-style-type:none;
margin-top: -5px;
}
#subnav ul li
{
margin: 0;
padding: 0px 0px;
background:transparent url(images/subnav_bg.jpg) no-repeat left top;
}
#subnav ul li a
{
font-weight: lighter;
color: #000;
text-decoration: none;
width: 211px;
display:block;
padding:1px 0 1px 15px;
.float:left;
}

#subnav ul li a:hover
{
text-decoration: none;
background:transparent url(images/subnav_bg.jpg) no-repeat left bottom;
}

#subnav ul li.active {background:transparent url(images/subnav_bg.jpg) no-repeat left bottom;}

#subnav ul .active ul
{

padding: 0px 0 0 0;
background:none;
margin:0px 0 0 0;
}

#subnav ul .active ul li
{
padding: 0px 0px;
}

#subnav ul .active ul li a
{
	padding:0 0 0 30px;
}

#subnav ul .active ul li a:hover
{
background:transparent url(images/subnav_bg.jpg) no-repeat left bottom;
}

#subnav h1,#subnav h2,#subnav h3,#subnav h4
{
text-transform:uppercase	
}

.subnav_header
{
	background:#ACAEAF url('images/welcome_header.gif') no-repeat;
	width:225px;
	float:left;
}

.subnav_header h1 
{
	padding: 5px 10px 8px 15px;
	margin:0;
	text-transform:uppercase;
}

/* BREADCRUMBS: */
#logo-nav #breadcrumb
{
	
float:left;
clear:both;
height:40px
}

#logo-nav #breadcrumb a
{
font-size: 0.9em;
font-weight: lighter;
color: #000;
line-height:40px
}

/* MAIN CONTENT: */

#maincontent
{
float: left;
width: 471px;
margin:0 0 0px 0px;
background:#f7f7f7;
padding:0 0 10px 0;
}


.maincontent_header
{
background:#80BACF url('images/project_header.jpg') no-repeat;
margin:0;
font-size:1.2em;
color: #fff;
width:470px;
margin:0;
}

.maincontent_header h1,.maincontent_header h2,.maincontent_header h3,.maincontent_header h4
{
	text-transform:uppercase
} 

#maincontent h2
{
margin: 12px 0 0 13px;
font-weight: bold;
color: #000;
}

#maincontent h4
{
margin: 2px 0 0 13px;

color: #000;
}

#maincontent h3
{

padding: 5px 0px 3px 13px;
margin:0;
text-transform:uppercase;
}

#maincontent ol
{
	margin: 0 30px 0 40px;
}


#maincontent p
{
	margin: 10px 20px 10px 13px;
}

#maincontent ul
{
	margin: 10px 20px 10px 30px;
}

/* SIDEBAR: */
#sidebar h3
{
clear: right;
margin-left: 10px;
}
#container > #sidebar h3
{
margin-left: 0;
}
#sidebar p
{
margin-left: 10px;
}
#container > #sidebar p
{
margin-left: 0;
}


/* HOMEPAGE CALL TO ACTION BOXES ROW 1: */
#homecall1-lrg img
{
margin-left: 0px;
}

#homecall1 h3
{
margin: 5px 20px 5px 0;
font-weight: bold;
color: #000;
}

#homecall1 h3.highlighted
{
padding: 10px 15px;
margin: 0px 4px 10px 0px;
color: #000;
font-weight: bold;
/*background: url(images/homecall2-title-bg.png) repeat-x left top;*/
}

#homecall1 p
{
margin: 0 17px 10px 0px;
font-size: 0.9em;
line-height: 1.5em;
}

/* HOMEPAGE CALL TO ACTION BOXES ROW 2 (SINGLE): */
.homecall2 h3
{
margin: 5px 20px 5px 0;
color: #000;
font-weight: bold;
}

.homecall2 h3.highlighted
{
padding: 10px 15px;
margin: 0px 0px 10px 0px;
color: #000;
font-weight: bold;
background: url(images/homecall2-title-bg.png) repeat-x left top;
}

.homecall2 p
{
margin: 0 17px 10px 0px;
font-size: 0.9em;
line-height: 1.5em;
}

/*NEWS AND EVENTS LISTINGS*/
#latest_news
{
	background:#f7f7f7;
	padding:5px 13px 10px 13px;
}


.eventsFilter
{
	margin:10px 0 0px 13px;
}

/*FEEDBACK FORM*/
.feedbackForm
{
	margin:10px 0 10px 13px;
}

/* EXTRANEOUS: ======================================================= */



.more
{
padding-left: 16px;
background: url(images/more-bullet.gif) no-repeat 0 3px;
}

.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}

/* DIABLO: */
.pagination
{
padding:10px;
font-size: 1.1em;
background: #e5e5e5;
font-weight: bold;

}

.pagination a
{
	
}


.pagination .paginationSeparator
{
padding: 0 3px;
font-weight: lighter;
}

.linkss
{
	margin: 20px 0px;
	line-height: 1.5em;
	list-style-type: none;
}



/*RESOURCES*/
.resources
{
	margin:5px 0 5px 27px;
}


/* SITEMAP: */
#sitemap li
{
padding: 3px 0;
}
#sitemap .folder
{
font-weight: normal;
}
#sitemap li ul
{
padding-top: 0px;
}
#sitemap li ul li
{
padding: 3px 15px;
}

#links p {padding:0px; margin:5px 0px 5px 28px;}
#links h2 {margin:15px 0 5px 20px;}

#printSiteTitle {display:none;}

.error{color: Red; font-weight: bold;}

.contentimage {padding:10px 12px 0px 12px;}