/* * Advanced style sheet * Beamens Management Consultants */ /* Frame Styles ----------------------------------------------- */ *div {border:0px solid; } * {font-size:100%; margin:0; padding:0;} /* This tells all browsers not to add any padding or margins unless you tell it to! */ * {margin: 0px; padding: 0px;} html {height:100%;} body {height:100%; font-family:Arial, Helvetica, sans-serif; color:#262626; background-color:#ffffff; background-image:url(images/background_graduation.gif); background-repeat:no-repeat; background-position:top center; font:76%/120% Arial, Verdana, Helvetica, sans serif; /* This makes the base font on most browsers to be roughly 12.16px - so 1em = 12.16px and 0.8em = 9.7px */} #container {position:relative; min-height:100%; margin:0px auto 0px auto; width:774px;} *html #container {height:100%;} /* Header Styles ----------------------------------------------- */ #header {background-color:#ffffff; height:163px; width:774px; } #logo {position:relative; float:left; width:189px; height:143px; border-right:1px solid #cccccc} img.logo {margin:20px 35px 0px 35px; width:119px; height:123px; } #topnav {position:relative; float:left; margin:20px 10px 66px 0px; width:560px; text-align:right} #topnav a {color:#67686A; font-size:90%; text-decoration:none; padding:0px 5px; } #topnav a:hover {color:#09428F; font-size:90%; text-decoration:underline} #strapline {position:relative; float:left; margin:0px; padding-left:20px; width:560px} #headerint {background-color:#ffffff; height:127px; width:774px; background-image:url(images/top_background.jpg); background-repeat:no-repeat; } #straplineint {position:relative; float:left; height:127px;} img.straplineint {margin:65px 0px 0px 215px; width:332px; height:14px; } #logoint {position:relative; float:left; height:127px;} img.logoint {margin:15px 0px 0px 95px; width:97px; height:101px; } /* Main Navigation Styles ----------------------------------------------- */ #leftnav {z-index:1; position: relative; float: left; voice-family: "\"}\""; voice-family:inherit; width: 189px; } #leftnav ul {margin:0; padding:0; list-style: none; min-height: 182px; width: 189px; /* Width of Menu Items */ font-size: 90%; background-color:#7593C0} #leftnav ul li {position: relative; margin: 0px; padding: 0px; text-align: right; list-style:none;} #leftnav ul li a {display: block; text-decoration: none; color: #ffffff; padding:7px 20px 8px 5px; border-bottom: 1px solid #ffffff; list-style:none;} #leftnav ul li a:hover {background-color: #5569A8} /* Holly Hack. IE Requirement \*/ * html #leftnav ul li {float: left; height: 1%; list-style:none;} * html #leftnav ul li a {height: 1%; list-style:none;} /* End */ #leftnav li ul {position: absolute; left: 189px; min-height: 1px; list-style:none; top: 0; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); width: 200px; /* Width of SubMenu Items */ display: none; font-size: 100%; border-top: 0px solid #DF0024; border-bottom: 0px solid #DF0024; border-left: 1px solid #ffffff; } #leftnav li ul li {padding: 0px; background: #7593C0; list-style:none;} #leftnav li ul li a {color: #ffffff; text-align: left; padding-left: 15px; list-style:none; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 5px 9px; border-bottom: 1px solid #7593C0;} #leftnav li ul li a:hover {color:#09428F; background-color: #E2E4F1} #leftnav li:hover ul, li.over ul { display: block; color: #DF0024;} /* The magic */ /* Main Internal Navigation Styles ----------------------------------------------- */ #intnav {z-index:1; position:relative; float:left; width:189px; } #intnav ul {margin:0; padding:0; list-style:none; width:190px; font-size:90%;} #intnav ul li {position:relative; float:left; margin:0px; text-align:right; border-bottom:1px solid #ffffff; list-style:none;} #intnav ul li a {background-color:#7593C0; display:block; text-decoration:none; width:165px; color:#ffffff; padding:8px 20px 8px 5px; clear:both; border:0px solid #000000} #intnav ul li a:hover {background-color:#09428F; color:#ffffff} #intnav ul li .selected {background-color:#09428F; color:#ffffff; border-bottom:1px solid #09428F;} #intnav ul li .subselect {background-color:#ECA300; color:#ffffff; border-bottom:0px solid #09428F;} /* Holly Hack. IE Requirement \*/ * html #intnav ul li {float: left; height: 1%; } * html #intnav ul li a {height: 1%; } /* End */ #intnav li ul {position:relative; min-height:1px; display:block; /* Set to none to cacade on rollover */ float:left; background-color:#E2E4F1; font-size:100%; padding:0px; margin-top:0px; } #intnav li ul li {padding:0px; border-bottom:0px solid #ffffff; } #intnav li ul li a {color:#09428F; text-align:right; background-color:#E2E4F1; width:170px; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:177px 7px; padding:3px 20px 3px 0px; } #intnav li ul li a:hover {color:#7593C0;} #intnav li ul li .selected {color:#09428F; } #intnav li:hover ul, li.over ul {display:block; color:#DF0024;} /* The magic */ /* Testimonial Styles ----------------------------------------------- */ *html #testimonialhead {position:relative; float:left; width:190px; height:32px; background-image:url(images/latest_news.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F;} #testimonialhead {position:relative; float:left; width:189px; height:32px; background-image:url(images/latest_news.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F;} #testimonialhead a {position:relative; float:right; padding-top:8px; padding-right:10px;font-size:90%} #testimonial {position:relative; float:left; width:160px; font-size:90%; padding:15px;} /* Latest News Styles ----------------------------------------------- */ *html #latestnewshead {position:relative; float:left; width:442px; height:32px; background-image:url(images/welcome.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;} #latestnewshead {position:relative; float:left; width:443px; height:32px; background-image:url(images/welcome.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;} #latestnewshead a {padding:9px 15px 0px 0px; text-decoration:none; color:#ffffff; float:right} #latestnewshead a:hover {text-decoration:underline; color:#ffffff;} *html #latestnews {position:relative; float:left; width:412px; font-size:90%; padding:10px 15px 15px 15px; background-color:#ffffff; border-left:1px solid #cccccc; border-right:1px solid #cccccc; color:#666666; } #latestnews {position:relative; float:left; width:413px; font-size:90%; padding:10px 15px 15px 15px; background-color:#ffffff; border-left:1px solid #cccccc; border-right:1px solid #cccccc; color:#666666; } #latestnews a {color:#DF0024; text-decoration:none; } #latestnews a:hover {color:#09428F; text-decoration:underline; } .newsdate {color:#7593C0; font-size:90%} /* Main Content Styles ----------------------------------------------- */ *html #content {position:relative; float:left; width:391px; border:0px solid #ffffff; margin:0px; padding:0px} #content {position:relative; float:left; width:395px; border:0px solid #ffffff; } *html #mainimage {position:relative; float:left; width:422px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; height:226px; padding:10px; border-bottom: 1px solid #ffffff;} #mainimage {position:relative; float:left; width:423px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; height:222px; padding:10px; border-bottom: 1px solid #ffffff;} #title {position:relative; float:left; width:428px; margin:0px; padding:7px 0px 0px 25px; background-color:#E2E4F1; color:#09428F; font-size:130%; font-weight:bold; height:25px} #home {position:relative; float:left; width:104px; margin:0px; padding:7px 0px 0px 25px; background-color:#E2E4F1; height:25px; border-left: 1px solid #ffffff;} #home a {color:#09428F; font-size:100%; text-decoration:none} #home a:hover {color:#ECA300; font-size:100%; text-decoration:none} #bodytext {position:relative; float:left; width:534px; background-color:#ffffff; padding:25px} h1 {font-size:140%; color:#7593C0; padding-top:20px; font-weight:bold; display:block} h2 {font-size:120%; color:#09428F; padding-top:20px; font-weight:bold; } h3 {font-size:120%; color:#E2E4F1; font-weight:bold; display:block} h4 {font-size:100%; color:#000000; font-weight:bold; display:block} .h1 {font-size:140%; color:#7593C0; padding-top:20px; font-weight:bold; display:block} .h2 {font-size:120%; color:#09428F; padding-top:0px; padding-bottom:10px; font-weight:bold; display:block} .h3 {font-size:120%; color:#E2E4F1; font-weight:bold; display:block} .h4 {font-size:100%; color:#000000; font-weight:bold; display:block} p {margin:0px 0px 10px 0px; display:block; clear:right} ul {margin:0px 0px 15px 0px; padding-left:30px; list-style:none;} #bodytext li {list-style-image: url(images/li_bullet.gif); } a {text-decoration: none; color: #E5A828;} a:hover {text-decoration: underline; color: #E5A828;} #bodytext .statement {margin:0px; padding:10px; display:block; background-color:#E2E4F1; } #bodytext .table {margin:0px; padding: 0px; border:1px solid #E2E4F1;} #bodytext .table h2 {margin:0px; padding: 0px; } #bodytext .overview {margin:0px; padding:10px; background-color:#ffffff; vertical-align:top} #bodytext .outline {margin:0px; padding:10px; background-color:#E2E4F1; vertical-align:top; width:240px} #bodytext .details {margin:0px; padding:10px; background-color:#ffffff; vertical-align:top;} #bodytext .contact {margin:0px; padding:10px; background-color:#7593C0; vertical-align:top; font-size:90%; color:#ffffff;} /* Right Column Styles ----------------------------------------------- */ *html #rightcol {position:relative; float:left; margin-left: 0px; width:140px; height:246px; background-image:url(images/right_background.gif); background-repeat:repeat-x; border-bottom: 1px solid #ffffff;} #rightcol {position:relative; float:left; margin-left:50px; width:140px; height:242px; background-image:url(images/right_background.gif); background-repeat:repeat-x; border-bottom: 1px solid #ffffff;} /* Downloads */ *html #downloadshead {position:relative; float:left; margin-left: 0px; width:140px; height:32px; background-image:url(images/downloads.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F;} #downloadshead {position:relative; float:left; margin-left:50px; width:140px; height:32px; background-image:url(images/downloads.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F;} *html #downloads {position:relative; float:left; margin-left: 0px; width:100px; font-size:90%; padding:12px 15px 0px 15px; background-color:#ffffff;} #downloads {position:relative; float:left; margin-left:50px; width:110px; font-size:90%; padding:12px 15px 0px 15px; background-color:#ffffff;} #downloads a {color: #67686A; text-decoration:none; } #downloads a:hover {color: #09428F; text-decoration:underline; } .abs {vertical-align:middle} #error {text-decoration:none; color:#DF0031; font-size:110%; font-weight:normal; padding:10px; width:510px; background-color: #f7f7f7; border: 1px solid #DF0031} #error li {text-decoration:none; color:#DF0031; font-size:90%; font-weight:normal;list-style:square inside} .form {margin:5px; font-size:11px; text-align: left; background-color:#ffffff; border:1px solid #cccccc;} .submit {margin:5px; font-size:11px; text-align:center; background-color:#7593C0; border:1px solid #ffffff; color:#ffffff} .submit:hover {margin:5px; font-size:11px; text-align:center; background-color:#09428F; border:1px solid #ffffff; color:#ffffff} /* ######### Footer ######### */ #footer {position:relative; float:left; margin:0px auto 0px auto; width:754px; padding:20px 10px 20px 10px; font-size:90%; background-color:#ffffff; background-image:url(images/footer_graduation.gif); background-repeat: repeat-x;} #footer a {color:#666666; text-decoration:none;} #footer a:hover {text-decoration: underline; color:#DF0024;} #footer .links {color:#666666; float:right} #footer .links a {text-decoration: none;} #footer .links a:hover {text-decoration: underline; color: #DF0024;}