@charset "utf-8";
html {
height: 100%;
}
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
height: 100%;
background-color: #1F1F1F;
z-index: -100;
}
#introImageBox {
position:absolute;
left:150px;
width:625px;
height:385px;
z-index:0;
overflow: visible;
}
#introImage {
left: -13px;
position: relative;
}
#container {
width: 100%;
min-height: auto;
position: relative;
top: 0;
background-repeat: repeat-y;
z-index: 10;
background: url(../images/L2_background.gif);
background-image: url(../images/L2_background.gif);
}
* html #container {
height: auto;
}
#container #header p {
vertical-align: top;
color: #F7F7F4;
display: inline;
font-size: 30px;
top: -60px;
position: absolute;
text-decoration: none;
}
#header {
left: 0px;
top: 0px;
height: 130px;
margin: 0px;
padding-top: 5px;
background-repeat: no-repeat;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-bottom-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
z-index: 10;
background-color: #1F1F1F;
position: relative;
width: 100%;
}
#header h2 a {
color: #EEEEEE;
vertical-align: middle;
padding-top: 40px;
padding-left: 20px;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-variant: normal;
}
.contentImageBox {
float: right;
clear: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
border: 1px solid #666;
width: 200px;
font-size: smaller;
font-style: italic;
background: white;
text-align: center;
}
.contentImageBoxLeft {
float: left;
clear: left;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
border: 1px solid #666;
font-size: smaller;
font-style: italic;
background: white;
text-align: center;
}
.contentImage {
}
#contentImageBox2 {
margin-top: 100px;
}
.inlineImageBox {
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #666;
font-size: smaller;
font-style: italic;
background: white;
float: left;
text-align: center;
margin-top: 10px;
}
#container #innerContainer {
margin-top: 0px;
z-index: 5;
width: 780px;
position: relative;
padding-bottom: 15px;
}
#innerContainer:after {
content: " ";
display: block;
clear: both;
}
#sidebar1 {
float: left;
clear: both;
min-height: 469px;
}
#MenuBar1 {
width: 175px;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #000000;
z-index: 50;
background-color: #690E0E;
height: 100%;
left: 0px;
top: 0px;
}
#mainContent {
margin-top: 0;
margin-bottom: 0px;
margin-left: 175px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
width: 600px;
z-index: 20;
height: 100%;
}
#footer {
height: 20px;
position: absolute;
bottom: 0px;
width: 798px;
background-color: #B4A181;
text-align: center;
z-index: 15;
}
#footer a {
margin: 0;
color: #4B1C08;
position: relative;
top: 0.1em;
word-spacing: 0.4em;
letter-spacing: 0.1em;
white-space: nowrap;
font: normal 9pt Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
#topBar .fileLink {
position: absolute;
left: 550px;
top: 20px;
}
#TopMenuBar {
position: absolute;
z-index: 0;
bottom: 0px;
left: 419px;
white-space: nowrap;
padding-bottom: 0px;
}
#topbar {
overflow: visible;
z-index: 0;
white-space: nowrap;
}
h1 {
font-size: 18px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #BBBBBB;
text-indent: 1em;
color: #4B1C08;
}
h3 {
font-size: 16px;
color: #4B1C08;
display: inline-block;
margin-bottom: -0.5em;
font-style: italic;
}
h4 {
font-size: 14px;
margin-bottom: -.75em;
color: #4B1C08;
}
blockquote {
border : 2px groove #690E0E;
padding: 10px;
background-color: #d6e8f5;
quotes: "\201C" "\201D";
margin-left: 40px;
margin-right: 40px;
display: block;
}
blockquote:before {
font-weight: bold;
}
blockquote:after {
font-weight: bold;
}
a:link {
color: inherit;
}
a:visited {
color: inherit;
}
a:hover {
color: blue;
}
a:active {
color: #FFF;
}
/* Tan hack for IE (* html) 5.x (backslash)
Placement of the escape: it must be inside the property name (whatever that may be), and it must not come just before any of the first six alphabetical characters, meaning: a, b, c, d, e, or f. If this is done it will be interpreted as a "hex" character, messing up the hack.
If IE6 is in quirks mode it will be using the old box model, and will need the same "width" value that IE5.x/win does. However, IE6 will still not be fooled by the escape, and will read the escaped value, thus defeating the hack, and rendering a smaller than desired box. Make sure the doctype you use puts IE6 in "standards" mode.
This is an escaped end-to-comment for IE5/Mac \*/
* html #mainContent {
margin-top: -192px;
}
/* This is an end comment for IE5/Mac*/
* html #footer {
bottom: -1px;
}
.linkButton {
text-align: center;
display: block;
background-color: #A6C6DC;
border: 3px outset #BBBBBB;
width: 10em;
margin-top: -10px;
}
.linkButton:hover {
border: 3px inset #BBBBBB;
}
.linkButton a { text-decoration: none }
.linkButton a:hover { text-decoration: underline }
#schoolPic {
float: left;
position: absolute;
padding-left: 0px;
bottom: 20px;
left: 0px;
z-index: 50;
border-top-width: 2px;
border-right-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: gray;
border-right-color: gray;
border-left-color: gray;
}
#container #header #GolfText {
position: absolute;
font-style: oblique;
color: #E8E8E8;
font-weight: bold;
top: 0;
right: 0px;
border: medium groove #660000;
padding: 2px;
}
.specialLink {
color: #FFF;
font-size: medium;
position: absolute;
left: 550px;
top: 20px;
}
.specialLink:link {
color:#FFF;
}
.specialLink:visited {
color:#FFF;
}