.h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 3px; } .h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #34344E; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 3px; } .h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #34344E; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 3px; background-color: #FFFFFF; } .h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; height: 20px; background-color: #C6C9ED; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } .h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; height: 20px; background-color: #FF1441; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; text-transform: uppercase; } .h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; height: 10px; background-color: #99CC99; text-transform: uppercase; border-top: 1px none #999999; border-right: 1px none #999999; border-bottom: 1px solid #999999; border-left: 1px none #999999; } .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #484848; } .text1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #CCCCCC; } .text2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .text3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; padding: 4px; } .text4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #484848; } .text5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-transform: lowercase; } .text6 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;color: #000000;} .text7 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #8E93AA;font-weight: bold;} #link1 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #CCCCCC; text-decoration: none; } #link1 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #link2 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #787878; text-decoration: none; font-weight: bold; height: 100%; width: 100%; padding-left: 7px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: dashed; border-top-color: #A7A7A7; border-right-color: #A7A7A7; border-bottom-color: #A7A7A7; border-left-color: #A7A7A7; } #link2 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold; background-color: #E4E4E4; height: 100%; width: 100%; } #link3 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #252525; text-decoration: underline; font-weight: normal; } .buttons { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; border-bottom-color: #666666; border-bottom-width: 1px; border-top-width: 1px; border-top-color: #666666; padding-left: 7px; } .eventsdate { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; padding-left: 7px; } .eventname { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #333333; text-transform: uppercase; letter-spacing: 1px; } #tableofcontent a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #333333; text-decoration: none; text-transform: uppercase; } #tableofcontent a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #999999; text-decoration: underline; text-transform: uppercase; } .border { border: 1px solid #BCBCBC; padding: 5px; color: #FF0000; } #alignpex a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration: none; font-weight: normal; } #alignpex a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CCCCCC; text-decoration: underline; font-weight: normal; } .textbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border: 1px solid #AEAEAE; font-weight: normal; } .textbox2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border: 1px solid #6E6E6E; font-weight: normal; padding: 3px; } #link4 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #252525; text-decoration: underline; font-weight: bold; padding: 3px; } #link3 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #252525; font-weight: normal; text-decoration: none; } #link4 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; text-decoration: none; font-weight: bold; padding: 3px; } .textbox3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: normal; padding: 3px; border-top: 1px solid #6E6E6E; border-right: 1px solid #6E6E6E; border-bottom: 1px none #6E6E6E; border-left: 1px solid #6E6E6E; } .sideline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-top-color: #CaCaCa; border-right-color: #CaCaCa; border-bottom-color: #CaCaCa; border-left-color: #CaCaCa; color: #000000; } #link5 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000099; text-decoration: underline; font-weight: bold; padding: 3px; text-align: right; } #link5 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; font-weight: bold; padding: 3px; text-align: right; } .sideAd { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #292954; font-weight: bold; } #link6 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000099; text-decoration: none; font-weight: normal; padding: 3px; text-align: right; } #link6 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline; font-weight: normal; padding: 3px; text-align: right; } .border2 { border: 1px solid #333333; padding: 7px 5px 5px; color: #FF0000; } .border3 { border: 1px solid #999999; padding: 7px 5px 5px; color: #BCBCBC; } #link7 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #787878; text-decoration: none; font-weight: bold; height: 100%; width: 100%; padding-left: 7px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: dashed; border-top-color: #A7A7A7; border-right-color: #A7A7A7; border-bottom-color: #A7A7A7; border-left-color: #A7A7A7; } #link7 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #link8 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #787878; text-decoration: none; font-weight: bold; } #link8 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #7878f8; } /* the bit that does the work */ body { margin:0; border:0; padding:0; height:100%; max-height:100%; background:#fff; font-family:arial, verdana, sans-serif; font-size:76%; overflow: hidden; } /* for internet explorer */ * html body { padding:120px 0 50px 0; } #container { font-family:"times new roman", serif; font-size: 1.2em; position:fixed; top:113px; left:0; bottom:24px; right:0; overflow:auto; background:#fff; padding:20px; text-align:center; } * html #container { height:100%; width:100%; } #header { position:absolute; top:0; left:0; width:100%; height:116px; overflow:auto; background:#53829d; border-bottom:4px solid #73a2bd; } * html #header {height:120px;} #footer { position:absolute; bottom:0; left:0; width:100%; height:24px; overflow:auto; text-align:left; } * html #footer {height:50px;} /* end of bit that does the work */ h1 {font-size:4em; margin:0; padding:0;} #footer p { color:#fff; margin:5px 10px 0 10px; } #header img { margin:10px 10px 0 10px; } #container img {margin:5px;} #absolute { position:absolute; top:400px; right:100px; width:200px; background:#ddd; padding:10px; border:1px solid #000; } #left { float:left; background:#eee; padding:10px; border:1px solid #000; color:#000; width:50%; } #right { float:right; background:#ddd; padding:10px; border:1px solid #000; color:#000; } a, a:visited { font-size:1.1em; text-decoration:none; color:#ddd; } a:hover { color:#fff; text-decoration:none; } .grey {color:#888;} .ltgrey {color:#ddd;} img#mascot {float:right;} #header ul { clear:both; text-align:center; border-top:1px solid #73a2bd; } #header ul { margin:0; padding:0; list-style-type:none; background:transparent; height:3em; } #header ul li { display:inline; color:#73a2bd; } .strike {text-decoration:line-through;} .lft {float:left;} .rgt{float:right;} .columnone, .columntwo {width:31%; float:left; text-align:justify; margin-right:2%;} .columnthree {text-align:justify; border:1px solid #fff;} * html .columnthree {border:0;} hr {clear:both; border:0; height:1px; color:#888; background-color:#888;} .columnthree a, .columnthree a:visited {font-size:1em; color:#000; text-decoration:underline;} .columnthree a:hover {color:#888; text-decoration:none;}