@charset "UTF-8";

/*  =============   */
/*  Main settings   */
/*  =============   */
html { font-size: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	background-color: #666666;
	margin: 0px;
	text-align: center;
}
a { color: #1085BE; text-decoration: none; }
/*a:hover { color: #00C314; }*/
a:hover { color: #cc0066; }
#main {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
	padding-bottom: 0px;
}
#main-footer {
	background-image: url(../images/footer-bot-770.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100%;
	clear: both;
}


/*  ============================   */
/*  LU top and bottom links area   */
/*  ============================   */
#main-toplinks, #main-botlinks {
	width: 730px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
	color: #999999;
	font-size: 85%;
	padding: 0px;
}
#main-toplinks .left, #main-botlinks .left {
	margin-right: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#main-toplinks p, #main-botlinks p {
	margin: 0px;
	padding: 0px;
}
#main-toplinks .right, #main-botlinks .right {
	margin-left: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	float: right;
}
#main-toplinks .clear, #main-botlinks .clear {
	clear: both;
	height: 1px;
	width: 730px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}
#main-toplinks a, #main-botlinks a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 100%;
}
#main-toplinks a:hover, #main-botlinks a:hover {
	text-decoration: underline;
}
#site-contact {
	clear: both;
	width: 920px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	font-size: 85%;
	text-align: center;
}


/*  =========   */
/*  LU header   */
/*  =========   */
#main-header {
	background-image: url(../images/header-top-770.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	padding-top: 20px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-color: #FFFFFF;
}
#main-header .leftbox {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 20px;
	_margin-left: 10px;  /*  Windows hack   */
	font-size: 85%;
	_font-size: 80%;  /*  Windows hack   */
	color: #666666;
	margin-bottom: 15px;
	line-height: 120%;
}
#main-header .rightbox {
	float: right;
	width: 300px;
	margin-top: 2px;
	margin-right: 20px;
	_margin-right: 10px;  /*  Windows hack   */
	text-align: right;
	margin-bottom: 15px;
}
#main-header .rightbox img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*  ==============   */
/*  LU header menu   */
/*  ==============   */
#main-header-menu {
	background-color: #DDDDDD;
	background-image: url(../images/tl-menu-bg2-hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
	width: 756px;
	_font-size: 90%;  /*  Windows hack   */
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	font-size: 95%;
	padding-left: 13px;
}
#main-header-menu ul {
	padding-left: 0px;
	list-style-type: none;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
}
#main-header-menu ul li {
	display: inline;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#main-header-menu ul li a {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	text-decoration: none;
	margin: 0px;
	color: #333333;
}
#main-header-menu ul li a:hover {
	background-color: #EEEEEE;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(../images/tl-menu-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#main-header-menu ul li a:active {
	color: #000000;
	background-image: url(../images/default-bctbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #DDDDDD;
}
#main-header-menu .rightborder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: -3px;
}
#main-header-menu .rightborder:hover {
	background-image: none;
	background-image: url(../images/tl-menu-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #EEEEEE;
}
#main-header-menu .rightborder:active {
	color: #000000;
	background-image: url(../images/default-bctbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #DDDDDD;
}


/*  =============================   */
/*  LU title and breadcrumb trail   */
/*  =============================   */
#main-title {
    width: 100%;
	background-image: url(../images/ttlbg-wedc2-plain.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #B6ABC0;
}
#main-title h1 {
	color: #FFFFFF;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 150%;
}
#main-breadcrumb {
	width: 100%;
	background-color: #DDDDDD;
	font-size: 85%;
	background-image: url(../images/default-bctbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-bottom:10px;
}
#main-breadcrumb a { color: #000000; text-decoration: none; }
#main-breadcrumb a:hover { text-decoration: underline; }
#main-breadcrumb p {
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}
#breadcrumb {
	width: 100%;
	background-color: #DDDDDD;
	font-size: 85%;
	background-image: url(../images/default-bctbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	color: #000000;
	margin-bottom: 10px;
}
#breadcrumb ul { margin:0px; padding:2px 0px 2px 20px; }
#breadcrumb ul li { display:inline; }
#breadcrumb ul li a { color: #000000; text-decoration: none; }
#breadcrumb ul li a:hover{ text-decoration: underline; }
#breadcrumb ul li a:active { text-decoration:none; }


/*  ===================   */
/*  LU main (left) menu   */
/*  ===================   */
#main-menu {
	float: left;
	width: 200px;
	padding: 0px;
	margin-top: 3.5em;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#main-menu ul {
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main-menu ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main-menu ul li a {
	font-size: 95%;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
	width: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/* Learn menu styles */
#main-menu ul li .selected-learn {
    /*padding-left: 15px;*/
    color: #ffffff;
    padding-left: 20px;
    background-image: url(../images/menu_learn.jpg);
	background-repeat: repeat-x;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li .default-learn:hover {
    color: #000000;
    /*padding-left: 15px;*/
    padding-left: 20px;
    background-image: url(../images/menu_learn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li ul li a.default-sub-learn {
	font-size: 85%;
	_font-size: 80%;  /*  IE hack   */
	color: #1085BE;
	/*color: #452467;*/
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	padding-left: 30px;
	width: 170px;
	background-image: url(../images/submenu-bullet1b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* Research menu styles */
#main-menu ul li .selected-research {
    /*padding-left: 15px;*/
    color: #ffffff;
    padding-left: 20px;
    background-image: url(../images/menu_research.jpg);
	background-repeat: repeat-x;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li .default-research:hover {
    color: #000000;
    /*padding-left: 15px;*/
    padding-left: 20px;
    background-image: url(../images/menu_research.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li ul li a.default-sub-research {
	font-size: 85%;
	_font-size: 80%;  /*  IE hack   */
	/*color: #1085BE;*/
	color: #452467;
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	padding-left: 30px;
	width: 170px;
	background-image: url(../images/submenu-bullet1b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* Collaborate menu styles */
#main-menu ul li .selected-collaborate {
    /*padding-left: 15px;*/
    color: #ffffff;
    padding-left: 20px;
    background-image: url(../images/menu_collaborate.jpg);
	background-repeat: repeat-x;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li .default-collaborate:hover {
    color: #000000;
    /*padding-left: 15px;*/
    padding-left: 20px;
    background-image: url(../images/menu_collaborate.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li ul li a.default-sub-collaborate {
	font-size: 85%;
	_font-size: 80%;  /*  IE hack   */
	/*color: #1085BE;*/
	color: #22733f;
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	padding-left: 30px;
	width: 170px;
	background-image: url(../images/submenu-bullet1b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* Knowledge menu styles */
#main-menu ul li .selected-know {
    /*padding-left: 15px;*/
    color: #ffffff;
    padding-left: 20px;
    background-image: url(../images/menu_know.jpg);
	background-repeat: repeat-x;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li .default-know:hover {
    color: #000000;
    /*padding-left: 15px;*/
    padding-left: 20px;
    background-image: url(../images/menu_know.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li ul li a.default-sub-know {
	font-size: 85%;
	_font-size: 80%;  /*  IE hack   */
	/*color: #1085BE;*/
	color: #8d3360;
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	padding-left: 30px;
	width: 170px;
	background-image: url(../images/submenu-bullet1b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* About menu styles */
#main-menu ul li .selected-about {
    /*padding-left: 15px;*/
    color: #ffffff;
    padding-left: 20px;
    background-image: url(../images/menu_about.jpg);
	background-repeat: repeat-x;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li .default-about:hover {
    color: #000000;
    /*padding-left: 15px;*/
    padding-left: 20px;
    background-image: url(../images/menu_about.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}
#main-menu ul li ul li a.default-sub-about {
	font-size: 85%;
	_font-size: 80%;  /*  IE hack   */
	/*color: #1085BE;*/
	color: #003c7b;
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	padding-left: 30px;
	width: 170px;
	background-image: url(../images/submenu-bullet1b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#main-menu ul li a.selected {
    /*padding-left: 15px;*/
    color: #ffffff;
    padding-left: 20px;
    background-image: url(../images/menu_learn.jpg);
	background-repeat: repeat-x;
	background-position: left top;
    width: 180px;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #1085BE;*/
}

#main-menu ul li ul {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-top-style: none;
}
#main-menu ul li ul li a {
	font-size: 85%;
	_font-size: 80%;  /*  IE hack   */
	/*color: #1085BE;*/
	color: #452467;
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	padding-left: 30px;
	width: 170px;
	background-image: url(../images/submenu-bullet1b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#main-menu ul li ul li a:hover {
	color: #CC0066;
    padding-left: 30px;
	width: 170px;
    border-left-width: 0px;
    background-color: #DDDDDD;
	background-image: url(../images/submenu-bullet1b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#main-menu ul li ul li a.selected {
    color: #CC0066;
    padding-left: 30px;
	width: 170px;
    border-left-width: 0px;
    background-color: #DDDDDD;
	background-image: url(../images/submenu-bullet1b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#main-menu ul li ul li ul li a    {
	font-size: 85%;
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	padding-left: 40px;
	width: 160px;
	background-image: url(../images/submenu-bullet2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#main-menu lu li ul li ul { margin: 0px; padding: 0px; }
#main-menu ul li ul li ul li a:hover {
	background-color: #DDDDDD;
	background-image: url(../images/submenu-bullet2b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.menunderline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#main-menu .selected { background-color: #DDDDDD; }
#main-menu .selected:hover { background-color: #CCCCCC; }

.logo { padding-left: 12px; padding-top: 9px; }
.strapline { color: #1085BE; padding-left: 22px; margin-top: 6px; margin-bottom: 24px; font-size: 12px; }
#search { padding-left: 0px; margin-top: 25px; margin-bottom: 24px; font-size: 12px; }


/*  ===============   */
/*  LU main content   */
/*  ===============   */
#main-content {
	float: left;
	width: 530px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
}
#left{
	float: left;
	width: 378px;
	padding-top: 0px;
}
#right{
	float: right;
	width: 142px;
	padding-left: 10px;
}
#main-content-wide {
	float: left;
	width: 720px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
}
#main-content.no_right_column{
	width:700px;
	padding-right:20px;
	padding-left:20px;
	float:right;
}
#main-content h2, #main-content-wide h2 {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.5em;
}
#main-content h3, #main-content-wide h3 {
	font-size: 120%;
	margin-top: 30px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
}
#main-content h3 .light, #main-content-wide h3 .light { font-weight: normal; font-size: 95%; }
#main-content h3.projects {
	font-size: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 0px;
	/*color: #452467;*/
	color: #cc0066;
	padding-bottom: 0px;
	padding-top: 2px;
}

#main-content h4, #main-content-wide h4 { /*margin-bottom:5px !important;*/ font-size: 110%; }
#main-content h6 {
	color: #01397a;
	font-size: 100%;
	font-weight: bold;
    line-height: 150%;
	margin-top: 1em;
	margin-bottom: 1em;
}

#main-content p, #main-content-wide p {
	line-height: 150%;
	margin-top: 1em;
	margin-bottom: 1em;
}
#main-content p.qualification {
	font-size: 110%;
	color: #444444;
	font-weight: bold;
	margin-top: -12px;
	margin-bottom: 0px;
}
#main-content p.qualification span {
	font-size: 80%;
	color: #666666;
	font-weight: bold;
	margin-left: 1em;
}
#main-content table { margin-top: 20px; border: 1px solid #CCCCCC; border-collapse: collapse; }
#main-content td { border: 1px solid #CCCCCC; padding:6px; }
#main-content th {
	color: #FFFFFF;
	background-color: #5F4C6F;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding:6px;
	border: 1px solid #CCCCCC;
}

#main-content table.who { margin-top: 10px; margin-bottom: 10px; border: 1px solid #ffffff; border-collapse: collapse; }
#main-content table.who td { border: 1px solid #ffffff; padding:6px; }

#main-content .pagePhoto { padding: 0px; }
#main-content table.smart { border: 1px solid #C0C0C0; border-collapse:collapse; }
#main-content table.smart th { border: 1px solid #C0C0C0; background-color:#C0C0C0; padding: 2px; }
#main-content table.smart td { border: 1px solid #C0C0C0; padding: 2px; }

#main-content table.proj_table {
    /*border: 1px solid #898989;*/
    border: 1px solid #FFFFFF;
    border-collapse: collapse;
    /*background-image: url(../images/project_background_slice_light.gif);
    background-repeat: y-repeat;
    background-position: center top;*/
    background-color: #EEEEEE;
    padding: 0px;
}
/*#main-content table.proj_table td { border: 1px solid #898989; padding-right: 20px; padding-left: 20px; }*/
#main-content table.proj_table td { border: 3px solid #FFFFFF; padding-right: 20px; padding-left: 20px; }


#main-content table.rev_table {
    /*border: 1px solid #898989;*/
    border: 1px solid #FFFFFF;
    border-collapse: collapse;
    /*background-image: url(../images/project_background_slice_light.gif);
    background-repeat: y-repeat;
    background-position: center top;*/
    background-color: #EEEEEE;
    padding: 0px;
}
/*#main-content table.proj_table td { border: 1px solid #898989; padding-right: 20px; padding-left: 20px; }*/
#main-content table.rev_table td { border: 3px solid #FFFFFF; padding: 7px 10px; }



#main-content table.img_lib {
    border: 0px;
    border-collapse: collapse;
    background-color: #FFFFFF;
    padding: 0px;
}
#main-content table.img_lib td { border: 0px; padding: 5px; }


#main-content ul, #main-content-wide ul { list-style-type: square; padding-right: 20px; }
#main-content li, #main-content-wide li { line-height: 150%; }
#main-content li.para, #main-content-wide li.para { line-height: 150%; padding-bottom: 12px; }
#main-content .fullwidthhr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 20px;
	margin-bottom: 0px;
}
#main-content .fullwidthhr hr { display: none; }
#main-content .iframemap {
	height: 300px;
	width: 549px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#main-content-wide .iframemap {
	height: 300px;
	width: 749px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#main-content .padleft, #main-content-wide .padleft {
	border: 1px solid #ffffff;
	margin-bottom: 10px;
	margin-left: 10px;
}
#main-content .padright, #main-content-wide .padright {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
}
#main-content div.feature {
	width: 255px;
	float: left;
	margin-bottom: 10px;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;*/
	padding-top: 0px;
}
#main-content div.feature h4 {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main-content div.feature p {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#main-content div.project_top {
	width: 530px;
    background-image: url(../images/project_background_top_light.gif);
    background-repeat: no-repeat;
    background-position: center bottom;

}
#main-content div.project_bot {
	clear: both;
    width: 530px;
    background-image: url(../images/project_background_bottom_light.gif);
    background-repeat: no-repeat;
    background-position: center bottom;

}
#main #main-content #imageSlideshow { height: 250px; overflow: hidden; margin-bottom: 11px; }
#main #main-content img.feature { border: 1px solid #CCCCCC; margin 0px !important; }
#main #main-content #portfolio {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 42px;
	margin-left: 0px;
	height: 250px;
}
#main #main-content #portfolio img { border: 1px solid #CCCCCC; }
.image { margin-left:15px; margin-top:7px; }
.image-l { margin-right:15px; margin-top:7px; }
.homeimage { padding-top: 10px; }

.button1 {
    color: #FFFFFF;
    border-color:#CCCCCC;
	border-width: 1px;
	border-style: solid;
    background-color: #013b7a; }


#movobject {
	background-image: url(../images/video_stills/handpump_cylinders.gif);
	background-repeat: no-repeat;
    background-position: center top;
	height: 600px;
}

#flashobject {
	background-image: url(../images/video_stills/handpump_cylinders.gif);
	background-repeat: no-repeat;
    background-position: center top;
	height: 400px;
}

#flashobject2 {
	background-image: url(../images/video_stills/LCS_Unit02_2009_bg.jpg);
	background-repeat: no-repeat;
    background-position: left top;
	height: 1040px;
	width: 730px;
}

#flashobject3 {
	background-image: url(../images/video_stills/solar_distillation.gif);
	background-repeat: no-repeat;
    background-position: center top;
	height: 500px;
}
#flashobject4 {
	background-image: url(../images/video_stills/jigsaw3.jpg);
	background-repeat: no-repeat;
    background-position: center top;
	height: 700px;
}



/*  =================   */
/*  LU footer content   */
/*  =================   */
#footertext {
 	font-size: 85%;
    width: 770px;
    margin-top: 20px;
    margin-right: auto;
	margin-bottom: 0px;
    margin-left: auto;
    padding-top: 20px;
    border-top-width: 1px;
    border-top-style: solid;
	border-top-color: #CCCCCC;
    clear: both;
    text-align: center;
}
#site-footer {
	font-size: 85%;
	width: 920px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	text-align: center;
}


/*  ========  */
/*  Rightbox  */
/*  ========  */
#main-rightbox {
	float: right;
	width: 150px;
	margin-top: 3.9em;
	margin-right: 0px;
	margin-bottom: 2em;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-size: 90%;
}
#main-rightbox p { line-height: 130%; margin-top: 0px; }
#main-rightbox h3 {
	font-size: 125%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bold;
}
#main-rightbox h4 {
	font-size: 100%;
	font-weight: bold;
	color: #5F4C6F;
	margin-bottom: 5px;
	margin-top: 5px;
}
#main-rightbox ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#main-rightbox ul li { line-height: 140%; }
#main-rightbox #courses { margin: 0px; padding: 0px; }
#main-rightbox form .form1 { width: 95%; }
#main-rightbox form .form2 { width: 50%; }
#main-rightbox div.feature {
	width: 100%;
	background-color: #5F4B70;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #000000;
	background-image: url(../images/feature_bkgrd.jpg);
	background-repeat: repeat-x;
}
#main-rightbox div.feature p { color: #FFFFFF !important; margin: 7px; }
#main-rightbox div.feature h3 {
	color: #FFFFFF !important;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin: 7px;
	padding-bottom: 7px;
}
#main-rightbox div.section {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#main #main-rightbox { font-size:85%; }
#main #main-rightbox ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	margin-top: 7px;
	margin-bottom: 15px;
}
#main #main-rightbox ul li {
	background-image: url(../images/rightbox-ul.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left 5px;
	margin-bottom: 6px;
}
#main #main-rightbox .feature a { color: #FFFFFF; text-decoration: none; }
#main #main-rightbox .feature a:hover { color: #FFFFFF; text-decoration: underline; }
#main #main-rightbox .section p { line-height: 1.4em; }


/*  ======  */
/*  Search  */
/*  ======  */
#progsearch_go {
	border: 1px solid #666666;
	font-weight: normal;
	color: #666666;
	background-color: #666666;
	background-image: url(../images/default-bctbg.gif);
	background-position: left top;
	height: 21px;
}
#progsearch_text { height: 15px; width: 170px; }
#cse-search-box { }
/* Additional Styles for the search box in the right column */
#main-rightbox #progsearch_go { width: 24px; }
#main-rightbox #progsearch_text { width: 117px; }
#cse-search-box {
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


/*  =====  */
/*  Forms  */
/*  =====  */

#form1 .form1 { width: 80%; border: 1px solid #AAAAAA; }
#form1 p { margin-top: 10px; margin-bottom: 0px; }
#form1 { padding-top: 20px; }
form fieldset {
	*position: relative;
	border: 1px solid #CCCCCC;
	background-color:#FAFAFA;
	float: left;
	clear: both;
	width: 95%;
	margin: 0 0 15px;
	padding: 0em 1em 1em;
}
form fieldset input, form fieldset select {
	border-color:#CCCCCC;
	border-width: 1px;
	border-style: solid;
	color: #444444;
}
form fieldset input[type="checkbox"], form fieldset input[type="radio"] { border-width: 0px !important; }
form fieldset label {
	float: left;
	width: 13em;
	margin-right: 0.5em;
	margin-top:2px;
	text-align: right;
	display:block;
	clear:both;
	font-weight:bold;
}
form fieldset.submit {
	background-color:transparent;
	padding: 1em;
	float: none;
	width: auto;
	border: 0 none #FFFFFF;
}
form fieldset legend {
	margin-left: 1em;
	color:#666666;
	font-weight:bold;
	/* Compensate for IE treating fieldsets differently */
	*position: relative;
	*left: -7px;
	*top: -0.75em;
}
form fieldset div.note { clear:both; font-size: x-small; margin-left: 17em; }
form fieldset div.field { margin-top: 1em; clear:both; }


/*  =====   */
/*  Misc.   */
/*  =====   */
h2, h3, h4 { !important; }
h5 { color: #666666 !important; font-size: 105%; }
.featurecolour1 { color: #1085be; }
.featurecolour2 { color: #452467; }
.featurecolour3 { color: #22733f; }
.featurecolour4 { color: #8d3360; }
.featurecolour5 { color: #003c7b; }
.pink { background-color: #FFCCCC; }
.orange { background-color: #FFE6B3; }
.yellow { background-color: #FFFFCC; }
.pinktxt { color: #CC0066; }
.purpletxt { color: #330066; }
.whitetxt { color: #FFFFFF; }
#eng-menu img, #science-menu img, #ssh-menu img { border: 1px solid #CCCCCC; }
.listbutton {
	color: #FFFFFF;
	background-color: #EEEEEE;
	padding: 2px;
	list-style-type: none;
	border: 1px solid #CCCCCC;
	width: 90%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
	text-align: center;
}
.small { font-size: 85%; }
#main-menu p.small {
    font-size: 85%;
    color: #cc0066;
    margin-left: 20px;
    margin-right: 5px;
}
.right { float:right; }
.left{ float:left; }
.clear { clear:both; }
.margin { margin:10px; }
.border { border: 1px solid #CCCCCC; }
.bordertop {
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
blockquote {
	float: right;
	width: 40%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
blockquote p em { color: #666666; text-align: right; font-weight: normal; font-style: normal; }
.blockquote {
    font-weight: bold;
    text-align: left;
    font-size: 100%;
    color: #cc0066;
    margin-left: 20px;
}
.blockquote-r {
    font-weight: normal;
    text-align: right;
    font-size: 100%;
    color: #cc0066;
    margin-left: 20px;
}
hr { border: none 0; border-top: 1px solid #CCCCCC; height: 1px; color: #CCCCCC; padding: 0px; margin: 5px 0px 5px 0px;}