.Foo{}
/* General */
html, body,form {font-family: Arial, Helvetica, sans-serif; color: #747474; margin: 0; padding: 0; text-align:center; font-size:100%; height:100%; cursor:default; background:#e5e5e5 url(images/template/bac_tile.gif) repeat-x;}
body {}
H1 {font-size: 1.2em; line-height: 1.0em; color:#444343; float:left; padding:0; margin: 10px 0 0 0; display:inline;}
H2{}H3{}H4,H5,H6{}
img {border:0px;}
#Outer {background:url(images/template/body_tile.jpg) repeat-y; width:985px; margin:0 auto; text-align:left; font-size:0.81em; background: url(images/template/body_tile.jpg) repeat-y;}
.hide{ display:none;}
.fieldrequiredmarker {color:#FF0000;}
/* General End */
/* main content panes. These can be switched on/off with the back end code to suit the wireframes.*/
/* these arent really designed to be modified or to have any visual elements in the layout. Structural only really.*/
.PageBody {display:block; }
.TopPane {padding-top: 5px;background:url(images/template/bac_tile.gif) repeat-y;}
.ContentPane {padding: 0; min-height:200px; color:#000;float:left;}
.RightPane {padding: 5px 30px 2px 0; float:right; width:18%; min-height:200px;}
.LeftPane {padding: 5px 10px 2px 30px; float:left; width:18%; min-height:200px}
.BottomPane {padding-top: 5px;clear:both;}
.ContentPane a {color:#003066; text-decoration:underline;}
.ContentPane a:hover, .ContentPane a:active { text-decoration:none;}
.colour {background:#F0F0F0; padding:8px; border-bottom:1px solid #fff;}
.non-colour { background:#F0F0F0; padding:8px; border-bottom:1px solid #fff;}
.colour_top_r {background:#F0F0F0 url(images/template/table_top_r.gif) top right no-repeat ; padding:8px; border-bottom:1px solid #fff;}
.colour_top_l {background:#F0F0F0 url(images/template/table_top_l.gif) top left no-repeat ; padding:8px; border-bottom:1px solid #fff;}
.colour_bottom_r {background:#F0F0F0 url(images/template/table_bottom_r.gif) bottom right no-repeat ; padding:8px; border-bottom:1px solid #fff;}
.colour_bottom_l {background:#F0F0F0 url(images/template/table_bottom_l.gif) bottom left no-repeat ; padding:8px; border-bottom:1px solid #fff;}
/* Banner */
.pagebanner {background:transparent url(images/template/topbanner_bac.jpg) no-repeat; clear:both;}
.pagebanner .left {display:none; }
.pagebanner .right {display:none; }
.pagebanner .logo {background:transparent url(images/template/dawnus_logo.gif) no-repeat; width:210px; height: 96px; float:left;}
.pagebanner .content {width:700px; text-align:right; float:right; display:block; padding:0 30px 0 0; }
.pagebanner .content .upper {display:block;float:right;height: 30px; width:100%; text-align:right; }
.pagebanner .content .lower {display:block;float:right; width:100%; text-align:right; margin:0; color: #FFF; }
.pagebanner .content .lower span {display:none;}
.pagebanner .content .lower a:link,
.pagebanner .content .lower a:visited,
.pagebanner .content .lower a:active {color: #FFF; text-decoration:none;}
.pagebanner .content .lower a:hover {text-decoration: underline;}
.applications{background: url(images/template/nav_bac.gif) no-repeat; height:39px; clear:both; padding: 0 0 0 5px; text-align:center;}
/* End Banner */
/* Breadcrumbs */
div.breadcrumbs{ clear:both;display:block;padding:2px 10px 5px 20px; color:#666; font-weight:normal !important; font-size:90%;}
.breadcrumbs strong {font-weight:normal !important; }
.breadcrumbs a {color:#003066; text-decoration:none; font-weight:bold;}
.breadcrumbs a:hover, .breadcrumbs a:active{text-decoration:underline;}
/* Hack for ie6 */
/*\*/ * html div.breadcrumbs{ clear:both;height:10px;display:block;margin:0px;}/**/
div.breadcrumbs a.RootLink:link, div.breadcrumbs a.RootLink:active, div.breadcrumbs a.RootLink:visited, div.breadcrumbs a.RootLink:hover
{background: transparent url(icons/Icon_home2.gif) no-repeat top left;padding-left: 22px;height: 20px;font-weight: bold;font-size: 11px; color:#003066;}
div.breadcrumbs a.CurrentNode{height: 20px;font-weight: bold;color: #003066;font-size: 11px;}
div.breadcrumbs a.ParentNode{height: 20px;font-weight: bold;color: #003066;font-size: 11px;}
div.breadcrumbs a:link span.current{cursor:default;text-decoration:none;}
div.breadcrumbs a:hover span.current {cursor:default;text-decoration:none;}
.breadcrumbs .current {color:#000; font-weight:normal;}
/* Breadcrumbs End */
/* applications menu */
.TopNav {list-style: none;padding: 0px 0px 0px 0px;margin:0px;}
.TopNav ul.MenuItems {list-style: none;margin: 0; vertical-align: top; padding: 0;}
.TopNav li.MenuItem {font-size:11px; background-color: transparent; background-image: url(images/appbtn_bg2.gif);background-repeat: no-repeat;background-position: bottom left;height: 21px;float: left; width: 125px;display: block;border: none;}
.TopNav li.MenuItem span {background: transparent url(images/appbtn_right.gif) no-repeat bottom right;height: 21px;float: right;width: 125px;display: block;border: none;color: #737685;font-weight: bold;text-decoration: none;text-align: center;font-size:11px; }
.TopNav li.MenuItem span a {background: transparent;height: 21px;line-height: 2em;float: left;width: 125px;display: block;border: none;font-weight: bold;text-decoration: none;text-align: center;color:#FF9900;color:#FF9900;color: #737685;line-height:16px;}
.TopNav li.MenuItem span a:hover{height: 21px;float: left;width: 125px;display: block;border: none;color:#FF9900;font-weight: bold;text-decoration: underline;text-align: center;background-color: transparent;}
.TopNav li.MenuItem span a:active{height: 21px;float: left;width: 125px;display: block;border: none;color: #737685;font-weight: bold;text-decoration: underline;text-align: center;background-color: transparent;line-height:18px;}
.TopNav li.MenuItem-Selected {background: transparent url(images/appbtn_bg4.gif) no-repeat bottom left ;height: 21px;float: left;width: 125px;display: block;border: none;}
.TopNav li.MenuItem-Selected span{background: transparent url(images/appbtn_right3.gif) no-repeat bottom right;line-height:18px;height: 21px;float: right;width: 125px;display: block;border: none;font-weight: bold;text-decoration: none;text-align: center; }
.TopNav li.MenuItem-Selected span a {background: transparent;height: 21px;line-height: 2em;float: left;width: 125px;display: block;border: none;font-weight: bold;text-decoration: none;text-align: center;color:#FF9900;line-height:16px;}
.TopNav li.MenuItem-Selected span a:hover{height: 21px; float: left;width: 125px;display: block;border: none;color: #FF9900;font-weight: bold;text-decoration: none;text-align: center;background-color: transparent;}
/* Hide from IE5-Mac \*/
.nav-menu li a{float: none}
/* End hide */
.nav-menu{width:30em;}
/* applications menu End */
.ContentBox {margin:5px 0px 0px 0px;width:100%}
.ContentBox .topleft, .ContentBox .topright, .ContentBox .bottomleft, .ContentBox .bottomright{ background-image: url('images/rounded3.gif');height: 10px;font-size: 4px;}
.ContentBox .topleft, .ContentBox .bottomleft { margin-right: 10px;margin-left: 0px; }
.ContentBox .topright, .ContentBox .bottomright { margin-left: 10px; margin-top: -10px;}
.ContentBox .topright {background-position: 100% 0;}
.ContentBox .bottomleft { background-position: 0 -10px;}
.ContentBox .bottomright { background-position: 100% -10px;}
.ContentBox .inner {margin-left: 10px;margin-right: 10px;background:#FFF;padding-left: 10px; padding-right:10px;text-align: left;}
.ContentBox .contentleft, .ContentBox .contentright {background-image: url('images/rounded4.gif');background-repeat: repeat-y;width:100%}
.ContentBox .contentright { background-position: 100% 0; }
.homebanner {background: url(images/banners/home.png) no-repeat; width:985px; height:197px; clear:both;}
.secondlevelbanner {background:url(images/banners/default.jpg) no-repeat; width:730px; height:199px;position:absolute; z-index:1400}
.aboutbanner {background:url(images/banners/aboutus.jpg) no-repeat; width:730px; height:199px;position:absolute; z-index:1400}
.buildingbanner {background:url(images/banners/building.jpg) no-repeat; width:730px; height:199px;position:absolute; z-index:1400}
.civilbanner {background:url(images/banners/civil.jpg) no-repeat; width:730px; height:199px;position:absolute; z-index:1400}
.projectsbanner {background:url(images/banners/projects.jpg) no-repeat; width:730px; height:199px;position:absolute; z-index:1400}
.newsbanner {background:url(images/banners/news.jpg) no-repeat; width:730px; height:199px;position:absolute; z-index:1400}
.contactbanner {background:url(images/banners/contact.jpg) no-repeat; width:730px; height:199px;position:absolute; z-index:1400}
.recruitbanner {background:url(images/banners/recruit.jpg) no-repeat; width:730px; height:199px;position:absolute; z-index:1400}
/* Banner */
.pagefooter {height:109px; clear:both; width:985px; text-align:left; background: #E5E5E5 url(images/template/footerbac.gif) top left no-repeat; font-size:90%;}
.pagefooter .left {display:none; }
.pagefooter .right {display:none; }
.pagefooter ul { list-style:none;width:100%;float:none;padding:0px;margin:0px;}
.pagefooter ul li {display:inline}
.pagefooter .lefttext {float:left; text-align:left; padding:30px 0px 0px 20px; width:955px; }
.pagefooter .righttext {display:none;}
.pagefooter a {color:#000; text-decoration:none; font-size:90%;}
.pagefooter a:hover, .pagefooter:active {text-decoration:underline; color:#003066;}
/*Custom styles*/
.Home_boxout {background: url(images/template/home_boxout_tile.gif) repeat-y;width:511px; margin:10px 0 0 0;}
.Home_boxout_top {background:url(images/template/home_boxout_top.gif) top left no-repeat; height:8px; display:block; width:511px;}
.Home_boxout_bottom {background: url(images/template/home_boxout_bottom.gif) bottom left no-repeat; height:8px; display:block;width:511px; clear:both;}
.Home_boxout .header {font-size:140%; color:#000; padding:0 10px;}
.Home_boxout ul {list-style:none; margin:5px 0 0 11px; padding:0; }
.Home_boxout li {list-style:none; float:left; display:block; padding:0 40px 0 0;}
/*sitemap*/
.TreeView ul {list-style:none; padding:0 0 5px 0; margin-left:30px;}
.TreeView li {background:url(images/bullet_sitemap.gif) 0 3px no-repeat; padding:0 0 0 18px;}
/* Clearing divs to force areas to fill the available space */
.expandy {clear:both;width:1px;overflow:hidden;height:100%;}
.expandx {float:right;height:1px;overflow:hidden;width:100%;}
/* End */