@media all and (min-width: 1100px) {
    html {
        background-image: url(https://genweb.whipple.org/images/graybar.gif);
        background-repeat: repeat-y;
        background-color: transparent;
    }
}
@media all and (max-width: 1099px) {
    html.plain {
        background-image: none;
        background-repeat: no-repeat;
        background-color: transparent;
    }
}

body {
        background-image: url(https://genweb.whipple.org/images/whipcoatrans.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        font-family: arial, helvetica,  sans-serif;
        background-color: transparent;
}

body.plain {
        background-image: none;
        font-family: arial, helvetica,  sans-serif;
}

a[href]:link {
        color: #800000;
	text-decoration: underline;
}
a[href]:visited {
        color: #581C90;
}

/* a[href]:hover {
        color:      #000000;
        background: #ffffff;
}*/
h1#smallcaps {
        font-variant: small-caps;
        font-family: Arial, helvetica, sans-serif;
        font-weight: normal;
        color: #800000;
        font-size: 2.5em;
        vertical-align: top;
        width: 100%;
        padding-top: .2em;
        padding-bottom: 0;
        text-align: center;
        background-color:  #E8D4C9;
        background-position: left; 
        margin-bottom: 0;
}

ul.horizlinks {
        text-align: center;
        margin-top: 0;
	margin-left: 0;
        background-color:  #E8D4C9;
	background-position: left;
        padding-top: 0;
	width: 100%;
        font-size: .95em;
        padding-bottom: .2em;
}
ul.horizlinks-whitebg {
        text-align: center;
        margin-top: 0;
	margin-left: 0;
        padding-top: 0;
	width: 100%;
        font-size: .95em;
        padding-bottom: .2em;
}

ul.horizlinks li {
        display: inline;
        text-align: center;
}

ul.horizlinks-whitebg li {
        display: inline;
        text-align: center;
}

.TINY {	
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
}

.SMALL {	
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
}

.NORMAL {	
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
}

.TITLE {font-family:Arial,Helvetica,sans-serif;}

.SMALLBOLD {	
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;font-weight: bold;
}

.BOLD {	
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11pt;font-weight: bold;
}

.BIGBOLD {	
	font-family:Arial,Helvetica,sans-serif;
	font-size: 13pt;font-weight: bold;
}

H1.big {	font-family:Arial,Helvetica,sans-serif;
	font-size:24pt;
}

H1 {	font-family:Arial,Helvetica,sans-serif;
	font-size:16pt;
}

H2 {	font-family:Arial,Helvetica,sans-serif;
	font-size:15pt;
}

H3 {	font-family:Arial,Helvetica,sans-serif;
	font-size:12pt;
}

H4 {	font-family:Arial,Helvetica,sans-serif;
	font-size:11pt;
}

#navigation {
	float:  right;
        border: 2px solid #800000;
        padding: 10px;
        .moz-border-radius: 25px;
        background-color: #EEEEEE;
}
/*
.box {
	border-width: normal;
	border-color: #800000;
	border-style: solid;
	padding: 10px;
	-moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
	background-color: Bisque;
}
*/