/* CSS Document */
body  { position: relative; width: 80%; height:90%; background: url(Images/Site/jobber4.gif) repeat-y; 
 padding:0; font-family:  arial, verdana, helvetica, sans-serif; color: white; margin: 10px -10px -30px 10px}
.left { position: absolute; width: 180px; height: 100%; margin: 2px 2px 2px -6px; padding: 2px 2px 2px 2px;  }
.right { position: absolute ; left: 180px; top: 0; width: 100%; height:auto; margin:0px 0px 0px 20px; padding: 0 10px 0 10px; color:white; } 
p.align { font-weight: bold; font-size: .7em; text-align: center; color: black; line-height:1.3em; margin: auto; margin-top:3px; padding-bottom: 15px; }
div.leftbox { position: relative; margin: auto; margin-top: 3px; }
.canceled {color: red; font-size: 1.2em; padding-right: 12px; font-weight: bold;}
.header {position: relative; top: 0; left: 0px; font-size: 2.5em; padding-top: .5em; font-weight:bold; width: 100%; padding-bottom:0;}
.subtitle {position: relative; top: 0; font-size: 1.4em; color: #CCCCCC; padding-top: 20px; padding-bottom: 10px;}
.subsubtitles { font-size: 1.50em; color: black; text-decoration: underline;}
.author {color: white; font-weight: bold; width: 130px;font-size: 1em; }
.title {color: #CCCCCC; font-style: italic; width: 130px; font-size: .9em;  }
#placement {position: relative; height:auto; margin:0px; margin-top: 20px; padding-bottom: 0px; font-size: .9em;padding-top: 0px;}
span.subtext {font-style: italic; font-size:.5em; padding-bottom: 20px;}
div.picture { float: left;  width: 150px; position: relative; padding-right:10px; padding-bottom: 5px; }
div.brow { margin-left:10px; height: 100%; clear: both; margin-right: 50px; padding-right: 20px; width: 700px; padding-bottom:10px; } 
.brow a {text-decoration: none; font-style: italic;}
.xpicture {position:relative; float: left; font-size: 1em; top: 0; width: 138px; height: 100%; vertical-align: top; padding: 20px 10px 5px 15px;}
.xpicture img {margin-top: 3px;}
.comment {font-size: .8em; padding-top: .3em;}
.yellow {color: #FFFF99; font-weight: bold;}
a:link { color: white; background-color: transparent; text-decoration: underline}
a:visited  { color: white; background-color: transparent}
a:hover {color: red; background-color: transparent;}
a:active { color: white; background-color: transparent; }
div.header a:link {color: white; text-decoration: none;  background-color: transparent; } 
div.header a:visited {text-decoration: none; color: white; background-color: transparent;}
div.header a:hover {text-decoration: none; color: white; background-color: transparent;}
div.header a:active {text-decoration: none; color: white;background-color: transparent;}
div.textola {position: relative;  color: #CCCCCC; font-size: .7em;  padding-bottom:10px; font-style: italic; padding-right: 20px;}
div.textolb {position: relative; color: white; font-size: .8em; padding-bottom:20px; padding-top: 10px;}
div.texter {font-size: .9em; color:#CCCCCC; padding-top: 25px; padding-bottom:0px; padding-right: 20px; margin-bottom: 40px;}				
div.months {font-family: verdana, arial, sans-serif; font-size: 1.4em; color: #CCCCCC; font-weight:bold;}
div.months a:link {color:red; background-color:transparent; text-decoration: none;}
div.months a:visited {color:red; background-color:transparent; text-decoration: none;}
div.months a:hover {color: black; background-color: transparent;}
div.next {text-align: right; padding-right:5em; padding-top: 50px;}

div.letters {font-family: verdana, arial, sans-serif; font-size: 1.4em; color: #CCCCCC; font-weight:bold;font-style: normal}
div.letters a:link {color:red; background-color:transparent; text-decoration: none; font-style: normal}
div.letters a:visited {color:red; background-color:transparent; text-decoration: none;font-style: normal}
div.letters a:hover {color: black; background-color: transparent;font-style: normal}  

div.next {text-align: right; padding-right:5em; padding-top: 50px;}

ul { position: relative; left: -30px; padding-top: 40px;  top: 0;   font-weight: bold; position: relative; margin-bottom: 15px; }
ul.offsite { position: relative; left: -30px; color: #FFFF99; font-weight: bold;  padding-top: 40px; margin-bottom:15px; }
img {border: 1px solid black; padding:0 }
.update {display: block; margin-bottom:0; left:0; padding-bottom: 15px; font-size: .9em; color: gray;  width: 100%; }
.update hr {color: black; size: 1px; background-color: black; width: 95%; text-align: left; margin-left: 0;}
.update span {padding-left: 2em; color: gray;}
.update span a:link {color: gray; text-decoration: none;}
.update span a:visited {color: gray; text-decoration: none;}
.update span a:hover {color: red;}
div.padding {position: relative; padding: 20px; clear: both}

.italics {color: #CCCCCC; font-size: 1em; font-style: italic;}
  
ul.padding{padding-top:0;margin-top:0}
.subject {color: #CCCCCC; font-size:.9em; }
ul.newtitles {font-size:.7em; font-weight: bold; width: 800px; height: 4em; margin-top: -15px; margin-bottom: -10px; }
.newtitles li {display: inline; text-decoration:none; float: left;  margin:0; padding-right:3px; height:2em; width: 8.5em;}

.leftnav {padding-left:13px;line-height: 1.3em; margin-top:0;}
.leftnav a:link {color: black; font-size: .9em;text-decoration: underline; }
.leftnav a:visited {color: black; font-size: .9em;text-decoration: underline; }
.leftnav a:hover {color: red; font-size:.9em;text-decoration: underline;}
.leftnav a:active {color: black; font-size: .9em;text-decoration: underline; }
.spacer {padding-top: 10px;}
.stylin {font-size: .9em; color: white; font-weight: bold; padding-top: 22px; margin-left: -6px; }
.morestylin {width: 94%; font-size: .9em;font-weight: bold; margin-left:-6px;padding-bottom: 20px; line-height:100%;}
.tiny {font-size: .9em;}
.alt {font-style: italic; }
.alt a:link {color: #CCCCCC;  font-size: .9em; text-decoration: none; padding: 15px 15px 15px 0px;}
.alt a:visited {color: #CCCCCC;  font-size: .9em; text-decoration: none; padding: 15px 15px 15px 0px;}
.alt a:hover {color: red; font-size: .9em; text-decoration: none; padding: 15px 15px 15px 0px;}
.alt a:active {color: #CCCCCC;  font-size: .9em; text-decoration: none; padding: 15px 15px 15px 0px;}
.email {font-size: .9em; color: black; }
form {margin:0; text-align: left;padding: 0 0 15px 0; }
div.break {display: none;}
.right a:visited  { color: white; background-color: transparent}
.right a:hover {color: red; background-color: transparent;}
.right a:active { color: white; background-color: transparent; }

td.bold {font-weight: bold;}
input.text {border: 2px ridge black;} 

.newtitles a:link, .newtitles a:visited {display: block;  color: #CCCCCC; margin: 0px; padding: 4px 2px 2px 2px; width: 8em; height: 1.5em;text-decoration: none;  text-align: center;   border-top:2px solid white; border-left: 2px solid white; border-bottom: 2px solid black; border-right: 2px solid black;}
.newtitles a:hover {display: block;  color: #CCCCCC; margin:0px;  padding: 4px 2px 2px 2px; width: 8em; height: 1.5em;  text-align: center; text-decoration: none; border-top:2px solid black; border-left: 2px solid black; border-bottom: 2px solid white; border-right: 2px solid white;}


td.bold {font-weight: bold;}
input.text {border: 2px ridge black;}
span.reading { padding-left: 15px;}	 
span2.box:hover {padding: 2px; border: 2px solid white}
span.box {padding: 1px; border: 2px solid gray}
span.box:hover {padding: 1px; border: 2px solid white}	  
.special {font-size: small; font-weight: bold}      
.letters span.pink {color: #990000;}