body { margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background:black; /* Header background color */ min-width:600px; /* Minimum width of layout - remove line if not required */ font-family:arial, sans serif; /* The min-width property does not work in old versions of Internet Explorer */ font-size:90%; color:white; } .center-div { /*center the 3 columns*/ margin:0 auto; max-width:1366px; text-align:left; } .redp { padding:1% 8% 4% 8%; background: -moz-linear-gradient(bottom right, #80e, #306); background: -o-linear-gradient(bottom right, #80e, #306); background: -webkit-linear-gradient(left top, #80e, #306); background: linear-gradient(to bottom right, #80e, #306); } .bluep { padding:1% 8% 4% 8%; background: -moz-linear-gradient(bottom right, #0bd, #036); background: -o-linear-gradient(bottom right, #0bd, #036); background: -webkit-linear-gradient(left top, #0bd , #036); background: linear-gradient(to bottom right, #0bd, #036); } .yellowp { padding:1% 8% 4% 8%; background: -moz-linear-gradient(bottom right, #ea0, #520); background: -o-linear-gradient(bottom right, #ea0, #520); background: -webkit-linear-gradient(left top, #ea0, #520); background: linear-gradient(to bottom right, #ea0, #520); } .greyp { padding:1% 8% 8% 8%; background-color:#333; } .blackp { padding:1% 8% 8% 8%; background-color:#000; } .image { padding:1% 8% 4% 8%; max-width:100%; } .emp { font-family: arial, san serif; /*font-style: bold;*/ font-size: 20px; } .navgrad { } /*unvisited link*/ a:link{ color:darkturquoise; text-decoration:none; } /*visited Link*/ a:visited { color:gold; text-decoration:none; } /*Mouse over*/ a:hover { color:lawngreen; text-decoration:none; } /*Selected Link*/ a:active { color:red; text-decoration:none; } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; } h1 { font-family: 'Bangers', cursive; font-size:90px; font-weight:400; } h2 { font-family:arial, sans serif; font-size:25px; } h3 { font-family:arial, sans serif; font-size:16px; } p { margin:.4em 0 .8em 0; font-family:verdana, sans serif; padding:0; } p.mono { font-family: "Courier New", monospace; } img { margin:10px 0 5px; } .nav{ border:1px solid #ccc; border-width:1px 0; list-style:none; margin:0; padding:0px 0px 8px 0px; text-align:center; /*background:#824324;*/ background: -webkit-linear-gradient(#444, #000); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#444, #000); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#444, #000); /* For Firefox 3.6 to 15 */ background: linear-gradient(#444, #000); /* Standard syntax (must be last) */ } .nav li{ display:inline; } .nav a{ text-decoration: none; color: #ffffff; display:inline-block; padding:10px; } .nav a:visited{ color: gold; } .nav a:hover{ Color: #00FF00; } .nav a:active{ color: red; } /*.centeredmenu { float:left; width:100%; border:1px solid #fff; border-width:1px 0; overflow:hidden; position:relative; margin-bottom:10px; } .centeredmenu ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; } .centeredmenu ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } .centeredmenu ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; color:#000; text-decoration:none; line-height:1.3em; } .centeredmenu ul li a:hover { color:#00ffff; } .centeredmenu ul li a.active , .centeredmenu ul li a.active:hover { color:#ff00ff; font-weight:bold; }*/ #header { /* Header styles */ background: url(images/AEBackgroundCrop.png) no-repeat center center; background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; clear:both; float:left; margin-bottom:0px; width:100%; } #headerblack { background:black; clear:both; float:left; margin-bottom:0px; width:100%; } #header p, #header h1, #header h2 { padding:.4em 0px 0 0px; margin:0; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead*/ overflow:hidden; /*only padding top and bottom is included here, make it whatever value you need */ } /*.col3 { background:#333;*/ /* left column background colour */ /*border-color:#333; border:28px solid #333; }*/ /* 3 Column settings */ .threecol { background:#333; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ background:black; /* center column background colour */ } .threecol .colleft { right:50%; /* width of the middle column */ background:#333; /* left column background colour */ } .threecol .col1 { /*width:46%; width of center column content (column width minus padding on either side) */ /*left:102%; 100% plus left padding of center column */ width:50%; left:100%; } .threecol .col2 { /*width:21%; Width of left column content (column width minus padding on either side) */ /*left:31%; width of (right column) plus (center column left and right padding) plus (left column left padding) */ width:25%; left:25%; } .threecol .col3 { /*width:21%; Width of right column content (column width minus padding on either side) */ /*left:85%; Please make note of the brackets here: 85%*/ width:25%; /*(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus(right column left padding) */ left:75%; } /*.leftmenu { /*background:#000;*/ /*right column background colour } .leftmenu .colleft { right:75%; /* right column width */ /*background:#ffffcc;*/ /*left column background colour } .leftmenu .col1 { width:71%; /* right column content width left:102%; /* 100% plus left column left padding } .leftmenu .col2 { width:21%; /* left column content width (column width minus left and right padding) left:6%; /* (right column left and right padding) plus (left column left padding) } /* Footer styles */ #footer { background: -webkit-linear-gradient(#333, #000); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#333, #000); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#333, #000); /* For Firefox 3.6 to 15 */ background: linear-gradient(#333, #000); /* Standard syntax (must be last) */ clear:both; float:left; width:100%; /*border-top:1px solid #000;*/ } #footer p { font-size:12px; padding:10px; margin:0; }