@charset "utf-8";

@import "dltable.css";


html {
    margin: 0;
    padding: 0;
    border: none;
    }

body{
    padding: 0 0 10em 0;
    margin: 0;
    font: 100.01%/1.5 Optima, 'Lucida Grande', 'Luxi Sans',  Lucida, 'Lucida Sans Unicode', sans-serif; 
    color: #F0F0F0;
    background: #404040;
    width: 100%;
    }

.wrapper {
	/*position: relative;*/
	z-index: 3;	
	max-width: 50em;
	min-width: 20em;
	margin: 0 2em 1em 24%;
	background: #404040;
	}

a {
    color: #D0D0D0;
    text-decoration: underline;
    }

a:hover, a:active {
	color: #fff;
	}


h1, h2, h3 {
    color: #D0D0D0;
    font-weight: normal;
    }

h1 {
	position: relative;
    top: 5.2em;
    right: 0;
    margin:  0 1em 9.2em 24%;
	max-width: 34em;
    padding:0;
    font-size: 1.5em;
    line-height: 1;
    text-align: right;
    }

h1.navigation {
    position: absolute;
    top:-9999px;
    left: -9999px;
    }



h2#contactlink {
	position:relative;
	z-index:3;
	max-width: 34em;
    margin:  5em 1em 0 24%; 
    padding:0;
	clear: both;
    font-size:1.5em;
    text-align: right;
	background: #404040;  
    }


h2#contactlink a{
    display: block;
	margin: 0 0 1em auto;
    text-decoration: none;
    font-size: 1em;	
	}


p#contactinfo {
	position:relative;
	z-index:3;
	max-width: 51em;
    text-align: right;

    margin: 0 1.5em 0 24%;
    padding: 0.5em 0 4.5em 0;
    font-size: 1em;
	background: #404040; 
    }

span.large {
    font-size: 3em;
    letter-spacing:-0.05em;
    line-height:1;
    text-decoration: none;
    }

del{
    display: none;
    }
ins{
    text-decoration: none;
    }

/* Site Navigation */
ul#nav_site {
	position: fixed;
	top: 1em;
	left: 1em;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size:1.5em;
	text-align: left; /* reset text-align */
	background: transparent url(../img/semi404040.gif);
	z-index:2;
	}

#nav_site li {
    padding:0;
    margin:0;
    line-height:1;
    }

#nav_site a {
    display: block;
    text-decoration: none;
    padding:0 0 0.5em 0;
	}

.math_pages #math  a,
.ed_pages #ed  a,
.css_pages #css  a,
.cms_pages #cms  a,
.photo_pages #photo  a,
.text_pages #texts a,
.about_pages #about  a {color: #ff7f00;}


/*Page Navigation*/
ul#nav_page {
    position: fixed;
    left: 1em;
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 0.5em;
    bottom:1em;
    border-left: 1px dotted #ff7f00;
    text-align: left; /* reset text-align */
    background: #404040;
    z-index:1;
	}

#nav_page li {
    padding:0;
    margin:0;
    }

#nav_page a {
   	line-height: 1.25;
	display: block;
    text-decoration: none;
    padding:0 0 0 0;
    }

#s001 #p001 a,
#s002 #p002 a,
#s003 #p003 a,
#s004 #p004 a,
#s005 #p005 a,
#s006 #p006 a,
#s007 #p007 a  {color: #ff7f00;}


#getincontact {
	position: fixed;
	top: 10em;
	left: 1em;
	padding: 0;
	margin: 0;
	font-size:1.5em;
	text-align: left; /* reset text-align */
	color: #D0D0D0;
	background: transparent url(../img/semi404040.gif);
	z-index:2;
	}

#getincontact dt {
	position:absolute;
	left: -999em;
    }

#getincontact dd {
	margin:0;   	
	line-height: 1.25;
    padding:0;
	font-size:0.66em;
    }

#skip {
	position: absolute;
	left: -999em; 
	}
	
#skip span {
	position: absolute;
	left: -999em;
	}
	
/* columnswapping with percentages*/
.containerRight {
    width: 50%;
    float:right;
    margin:0;
    padding:0;
    }



.columnShiftToLeft {
    width: 100%;
    left: -100%;
    position: relative;
    z-index:1;
    }


.containerLeft {
    width: 50%;
    float:left;
    margin:0;
    padding:0;
    }



.columnShiftToRight {
    width: 100%;
    background:  transparent;
    left:100%;
    position: relative;
    z-index:2;
    }


.columnShiftToRight .content{padding: 0.5em 0 0 1em;}
.columnShiftToLeft .content{padding: 0.5em 1em 0 0;}



p {
    margin: 0 0 0.5em 0.5em;
    padding: 0;
    }

ul {
	margin: 1em 0;
    padding: 0 0 0 1em;	
	}

li {
    margin: 0 0 0.25em 0.5em;
    padding: 0;
    }

h3 {
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    font-size: 1.05em;
    }

h2 {
    margin: 3em 0 1em 0;
    font-weight: normal;
    font-size: 1.25em;
    }


.topline{
    margin-top:0 !important;
    }

.bottomline{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    }


.quote {
	overflow: hidden;    
    padding: 0 0 3em 3em;
	text-align: right;
    }

blockquote {
	float: right;
    display: block;	
	width: 100%;    
    margin: 0;	
	padding: 0;
	text-align: right;
    }

.quote p {
    padding:0;
    margin:0;
	text-align: right;
	float: right;
    }

.quote p:before {
    content: "\00BB";
	font-size:2em;
    color: #ff7f00;
    }
.quote p.note:before {
	content: "*";
	font-size:2em;
	line-height:1em;
	color: #ff7f00;
	}

p.columnfoot {margin-top:175px;}
p.plain {padding: 0 0.5em 1em 0.5em}

code {
    font-family: Georgia, serif;
    }

::selection {color: #404040; background-color:#F0F0F0;}


.book dd img {float:left; margin: 1em -35px 0 -25px; }
.book dd span {display:block;}
.book dt a {padding-bottom: 1em !important;}

a img {border:none;}