/* style.css - a simple style sheet */


/* BODY */

* { 	
margin: 0; 
}


html, body {
height: 100%;
}

div.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -1.5em;
position: relative;
}

body.blueflowery {
/*background-image:url('images09/parchbg.jpg'); */
background-image: url('images/blueflowery_loop.png'); 
margin-left: 0%; margin-right: 0%;
margin-bottom: 10%;
padding: 0px;
border: 0px;
font-size:1em;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
color: #4b341d;
background-color: #c69c6d;
}

body.parchbg {
background-image:url('images09/parchbg.jpg'); 
margin-left: 0%; margin-right: 0%;
padding: 0px;
border: 0px;
font-size:1em;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
color:# f5f1c2;
background-color: #c69c6d;
}

body.bluegrain {
background-image:url('images/bluegrainpaper.jpg'); 
margin-left: 0%; margin-right: 0%;
padding: 0px;
border: 0px;
font-size:1em;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
color:# f5f1c2;
background-color: #c69c6d;
background-repeat: repeat;
}


body.roughgray {
background-image:url('images/roughgray.jpg'); 
margin-left: 0%; margin-right: 0%;
padding: 0px;
border: 0px;
font-size:1em;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
color:# f5f1c2;
background-color: #c69c6d;
background-repeat: repeat;
}


body.bluefloweryparch {
background-image:url('images09/bluefloweryparchrpt.jpg'); 
margin-left: 0%; margin-right: 0%;
padding: 0px;
border: 0px;
font-size:1em;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
color:#4b341d;
background-color: #c69c6d;
background-repeat: repeat;
}



/* TEXT */

a {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 1em;
color: #265A80;
}

h1,h2,h3,h6,h7,h8 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

h1 {
font-size: 1em;
color: #4b341d;
margin-left: 5%;
margin-right: 5%;
margin-top: 0; 
margin-bottom: 0; 
padding: 10px;
}

h2 {
font-size: 18px;
color: #4b341d;
}

h3 {
font-size: 1.2em;
color: #A17129;
}

/* h4 is the vertical year in currents */

h4 {
font-size: .5em;
color: #4b341d;
margin-left: 5%;
margin-right: 5%;
margin-top: 0; 
margin-bottom: 0; 
padding: 0px;
}

h5 {
font-size: 2em;
color: #4b341d;
margin-left: 5%;
margin-right: 5%;
margin-top: 0; 
margin-bottom: 0; 
padding: 0px;
}

h6 {
font-size: 1.2em;
color: #4b341d;
}

h7 {
font-size: 18px;
color: #A17129;
font-weight: bold;
}

/* h8 is front page main text */

h8 {
font-size: 15px;
color: #1b5781;
padding: 0px;
font-weight: normal;
}


p.offwhitepaper {
background-color: #f5f1c2;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 1em;
margin-left: 5%;
margin-right: 5%;
margin-top: 0; 
margin-bottom: 0; 
padding: 10px;
color: #4b341d;
}

p.roughgray {
background-color: none;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
margin-left: 10%;
margin-right: 10%;
margin-top: 0; 
margin-bottom: 0; 
padding: 10px;
color: #4b341d;
}


p.laurels {
background-color: #f5f1c2;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
text-align: center;
font-size: 1em;
margin-left: 22%;
margin-right: 22%;
margin-top: 0; 
margin-bottom: 0; 
padding: 10px;
color: #4b341d;
}

p.big-laurels {
background-color: #f5f1c2;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
text-align: center;
font-size: 1em;
margin-left: 10%;
margin-right: 10%;
margin-top: 0; 
margin-bottom: 0; 
padding: 10px;
color: #4b341d;
}

p.normal {font-style:normal}
p.italic {font-style:italic}
p.oblique {font-style:oblique}
p.center {text-align:center}

div.center {text-align:center}

p.indent { 
text-indent: 50px; 
}


/* START CANT GET THIS TO WORK */


/* END CANT GET THIS TO WORK */


/* LINKS */

a.bluetheme:link {
text-decoration: none;
font-weight:bold;
color:#265A80;
}

a.bluetheme:visited {
text-decoration: none;
color: #3B8BC4;
}

a.bluetheme:hover {
text-decoration: none;
color: #0F2332;
}

a.bluetheme:active {
text-decoration: none;
font-weight:bold;
color:gold;
}



a.browntheme:link {
text-decoration: none;
font-weight:bold;
color:#6F4D2B;
}

a.browntheme:visited {
text-decoration: none;
color: #896c35;
}

a.browntheme:hover {
text-decoration: none;
color:gold;
}

a.browntheme:active {
text-decoration: none;
font-weight:bold;
color:red;
}



a.graytheme:link {
text-decoration: none;
font-weight:bold;
color:#3c3b3c;
}

a.graytheme:visited {
text-decoration: none;
color: #676367;
}

a.graytheme:hover {
text-decoration: none;
color: #bdbdbd;
}

a.graytheme:active {
text-decoration: none;
font-weight:bold;
color: #1f1f1f;
}



a img {
border: none; 
} 



/* DIV */




/* START BACKGROUND OVERLAY */

div.bluefloweryoverlay {
background-image: url('images09/blueflowery.jpg'); 
background-position: left;
position: fixed;
width: 100%;
height: 675;
z-index: 0;
padding: 0px;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
opacity:0.2;
filter:alpha(opacity=20);
}

/* END BACKGROUND OVERLAY */

/* START HEADER */

div.header {
background-color:gold;
background-image: url('images09/email.png');
background-position: right;
background-repeat:no-repeat;
position: relative;
top:0px;
height: 1.5em;
width: 100%;
}

/* END HEADER */

/* START NAV BAR */

div.nav1 {
position:absolute;
left:100px;
top:5px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align: center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
/*color: #008080;*/
}

div.nav2 {
position:absolute;
left: 190px;
top:5px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
}

div.nav3 {
position:absolute;
left: 312px;
top:5px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
}

div.nav4 {
position:absolute;
left: 428px;
top:5px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
}

div.nav5 {
position:absolute;
right:0px;
top: 3px;
display:block;
background-color: none;
padding: 5px 5px 5px 7px;
margin-right:160px;
text-align:center;
color: #008080;
}

div.nav_bottom1 {
position:absolute;
left: 428px;
bottom: auto;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
}



/* END OF NAV BAR */


/* START CONTACT */


/* END CONTACT */



/* START CENTRAL TEXT */

div.graphpaper {
background-image: url('images/graph_paper_long.png');
background-repeat:no-repeat;
position: relative;
float: middle;
-moz-border-radius: 0px; 
-webkit-border-radius: 0px;
text-align:left; 
z-index: 0;
padding: 50px;
width: 370px;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
border: none; 
-moz-box-shadow: 0px 0px 0px #000000;
-webkit-box-shadow: 0px 0px 0px #000000;
}

div.frontpage-text {
background-position:top right;
background-image: url('images09/blueweave.gif'); 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 60px;
margin-left: 25%;
margin-right: 25%;
margin-top: 8%;
margin-bottom: 10%;
text-align:left;
position: absolute;
z-index: 5;
}

div.centercontainer {
background-color: none; 
right:0px;
width: 700px;
padding: 0px;
margin-left: 20%;
margin-right: 20%;
margin-top: 5%;
margin-bottom: 10%;
border: 0px solid #000; 
}


div.jaggedtopbottom {
background-color: none; 
position: relative;
float: left;
text-align:left;
z-index: 0;
width: 702px;
padding: 0px;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
border: none; 
}

div.jaggedcontent {
background-color: #f5f1c2; 
position: relative;
right: 0px;
float: left;
text-align:left;
z-index: 0;
width: 702px;
padding: 0px;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
border: none; 
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}

div.roughgray_topbottom {
background-color: none; 
position: relative;
float: left;
text-align:left;
z-index: 0;
width: 702px;
padding: 0px;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
border: none; 
}

div.roughgray_content {
background-image: url('images/lightgray_texture.jpg'); 
background-color: gray; 
position: relative;
right: 0px;
float: left;
text-align:left;
font-size: 1em;
z-index: 0;
width: 702px;
padding: 0px;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
border: none; 
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}



div.date {
font-size: 1.2em;
color: #212121;
margin-left: 5%;
margin-right: 5%;
margin-top: 0; 
margin-bottom: 0; 
padding: 10px;
text-align:center;
}

blockquote {
border : none;
width: 450px;
margin-left: 20%;
margin-right: 20%;
padding: 0px;
background-color: none;
}

img.quote {
float: left;
margin-left: 10%;
}

img.laurel-left {
display: block;
float: left;
margin: 5px 5px 5px 5px;
}

img.laurel-right {
display: block;
float: right;
margin: 5px 5px 5px 5px;
}


img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

/* END CENTRAL TEXT */

/* START IMAGE BORDERS */

img.matted {
background: #cfc595;
border: 5px;
padding: 5px;
-moz-border-top-image: url('images09/notch-top.png') 0 0 0 0 round round;
-moz-border-bottom-image: url('images09/notch-bot.png'); 
}

img.dotted {
border-top-style:dotted;
border-right-style:dotted;
border-bottom-style:dotted;
border-left-style:dotted;
border-color: #cfc595;
padding: 0px;
}

img.notchtop {
border-width: 6px 9px 12px 13px;     
border-image: url('images09/notch-top.png') 100% round; 

}


div.notchtop {
-webkit-border-image: url('images09/notch-top.png') 0 round round;


}

div.notchbottom {
background-image: url('images09/notch-bot.png'); 
float: right;
display: block;
height: 6px;
width: 100%;
}

/* END IMAGE BORDERS */

/* START FOOTER */

div.bottom_spacer {
height: 1.5em;
clear: both;
}

div.footer {
background-color:#bd9300;
position: relative;
height: 1.5em;
width: 100%;
bottom: 0px;
margin-top: 10px;
}


/* END FOOTER */

/* color map
------------------------------------------
teal = "#008080"
olive = "#808000"
black = "#000000"
silver = "#C0C0C0"
gray = "#808080"
charcoal (projects) = 3c3b3c
white = "#FFFFFF"
brown: #4b341d
light brown text: #6F4D2B
light brown img border: #cfc595
blue flowery = #265A80
dark gray for text = #212121
off white = f5f1c2
alt. for off white = e4dcaf
ragged bg = F5F0DA


-----------------------------------------*/