/* * Advanced style sheet * EFEX Academy * Created by Connections Media * © Copyright 2009 */ /* Frame styles */ *div {border: 0px solid; } * {font-size: 100%; margin: 0; padding: 0;} html {height: 100%;} body {height: 100%; font-family: Arial, Helvetica, sans-serif; color: #262626; background-color: #ffffff; background-image : url(images/background.gif); background-repeat : repeat-y; background-position: 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%;} .h1 {margin: 42px 0px 9px 0px; font-size: 150%; text-decoration: none; color: #DF0024; font-weight:bold; display:block; clear:right} .h3 {margin: 18px 0px 0px 0px; font-size: 110%; text-decoration: none; color: #9DB912; font-weight:bold; display:block; clear:right} .h4 {margin: 18px 0px 9px 0px; font-size: 110%; text-decoration: none; color: #000000; font-weight:bold; display:block; clear:right; min-width:200px; padding: 2px 5px 2px 5px; background-color: #E5E5E5; background-image: url(images/h4_graduation.gif); background-repeat: no-repeat-y;} p {margin: 20px 0px 20px 0px; display:block; clear:right} /* header */ #email {position:absolute; top: 0px; right: 0px; display:block; height:22px; padding: 7px 0px 0px 20px; width:170px; background-color: #E35A00} #web {position:absolute; top: 29px; right: 0px; display:block; height:22px; padding: 7px 0px 0px 20px; width:170px; background-color: #783C92; } #login {position:absolute; top: 29px; right: 0px; display:block; height:23px; padding: 7px 0px 0px 20px; width:168px; background-color: #ffffff; border:1px solid #0E2E9E} #header {background-color: #ffffff; height: 126px; width: 774px; } img.logo {margin: 10px 10px 0px 45px} img.strapline {margin: 10px 0px 0px 35px} /* ######### Start of Style for Top Row ######### */ #toprow {position: relative; float: left; border: 0px solid; width:774px;} ul {position: relative; float: left; margin: 0; padding: 0; list-style: none; width: 190px; /* Width of Menu Items */ border-bottom: 7px solid #9A0000; font-size: 90%; border-top: 8px solid #DF0024; background-image: url(images/nav_background.jpg); background-repeat: repeat-x} ul li {position: relative; margin: 0px; padding:1px 0px 0px 0px; text-align: right; } ul li a {display: block; text-decoration: none; color: #ffffff; padding: 1px 10px 0px 5px; } ul li a:hover {color: #E35A00; } ul li .selected {color: #E35A00;} /* Holly Hack. IE Requirement \*/ * html ul li {float: left; height: 1%; } * html ul li a {height: 1%; } /* End */ #mainimage {position: relative; float: left; width: 390px; height: 190px; padding: 0px; border-left: 2px solid #ffffff;} #conference {position: relative; float: left; width: 190px; height: 190px; padding: 0px; border-left: 2px solid #ffffff;} /* ######### End of Style for Top Row ######### */ /* ######### Start of Style for Middle Row ######### */ #middlerow {position: relative; float: left; border-top: 5px solid #ffffff; } #leftband {position: relative; float: left; width: 190px; height: 32px; padding: 0px; background-color: #E35A00; border-right: 2px solid #ffffff; } img.telephone {margin:9px 13px} img.telephonered {margin:8px} #centerband {position: relative; float: left; width: 390px; height: 32px; padding: 0px; background-color: #E35A00; border-right: 2px solid #ffffff; } #rightband {position: relative; float: left; width: 190px; height: 32px; padding: 0px; background-color: #E35A00; } img.heading {margin:9px 0px 0px 15px} /* ######### End of Style for Middle Row ######### */ /* ######### Start of Style for Bottom Row ######### */ #bottomrowindex {position: relative; float: left; border: 0px solid; background-image: url(images/green-index.gif); } #bottomrow {position: relative; float: left; border: 0px solid; background-image: url(images/green.gif); background-repeat:repeat-y;} #leftcolumn {position: relative; float: left; width: 160px; font-size:100%; padding: 15px; } #leftcolumn li {list-style:outside; margin-left:12px} /*end*/ /*\*/ html*#leftcolumn li { [margin-left:12px; margin-left:0px; ]margin-left:12px; }/*end*/ .dummyend[id]{clear:both;} #centercolumn {position: relative; float: left; width: 360px; font-size:100%; padding: 15px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;} #centercolumnnar {position: relative; float: left; width: 340px; font-size:100%; padding: 15px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;} #centercolumnlit {position: relative; float: left; width: 375px; font-size:100%; padding: 15px 0px 15px 15px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;} #rightcolumn {position: relative; float: left; width: 160px; font-size:100%; padding: 15px; } #rightcolumndes {position: relative; float: left; width: 190px; font-size:100%; padding: 0px; } .small {font-size:90%} /* ######### End of Style for Bottom Row ######### */ #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-family: Arial, Verdana, sans serif; font-size: 11px; text-align: left; background-color: #eeeeee; border: 1px solid #cccccc;} .submit {margin: 5px; font-family: Arial, Verdana, sans serif; font-size: 11px; text-align: center; background-color: #E35A00; border: 1px solid #ffffff; color:#ffffff} .submit:hover {margin: 5px; font-family: Arial, Verdana, sans serif; font-size: 11px; text-align: center; background-color: #990000; border: 1px solid #ffffff; color:#ffffff} /* ######### Footer ######### */ #footer {position: relative; float: left; margin: 0px auto 0px auto; width: 754px; padding: 20px 10px 10px 10px; font-size: 90%; background-color: #FFF; background-image : url(images/footer_graduation.gif); background-repeat : repeat-x;} #footer a {font-family: Arial, Helvetica, sans-serif; color: #666666; text-decoration: none;} #footer a:hover {text-decoration: underline; color: #DF0024;}