BODY
{
	font-family : Trebuchet MS, Geneva, Tahoma, Helvetica, Arial;
	color : #000000;
	font-size : 10pt;
	background-color: #B5B3AB;
	background-image : url(http://brattononline.com/images/backs/back.jpg);		
}

TD
{
	font-family : Trebuchet MS, Geneva, Tahoma, Helvetica, Arial;
	color : #000000;
	font-size : 10pt;
}

TD.body 
{
	color : #000000;
	background : #EEEEEE;
	padding : 5px 5px 5px 5px;
	vertical-align : top;	
}

TD.green 
{
	background-color : #6D8773;
	vertical-align : top;
}

TD.sidepanel 
{
	font-family : Trebuchet MS, sans-serif, Geneva, Arial, Helvetica;
	text-align : right;
	font-size : 10px;
	line-height: 13px;
	color : #000000;
	background : #AFB4C3;
	width : 56px;
	vertical-align : top;	
}

TD.bloglet 
{
	font-family: Trebuchet MS, sans-serif, Geneva, Arial, Helvetica;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	color: #000000;
	background: #EDCA96;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 110px;
}

TD.ads 
{
	vertical-align : top;
	color : #000000;
	background : #AFB4C3;
	width : 120px;
	font-weight : bold;
	text-align: center;	
}

HR
{
	color: #6D8773;
}

.special {
background-color: #ffffff; 
border: dashed green 2px; 
width: 800px; 
padding: 8px; 
text-align: justify;
}

.elerick {
background-color: #CDCCBA; 
background-image: url(http://www.brattononline.com/images/elerick.png);
background-position: top;
background-repeat: no-repeat;
border: 2px dashed #000000; 
width: 800px; 
padding: 8px;
padding-top: 127px; 
text-align: justify;
}


.searle {
background-color: #F4E0C4; 
border: dashed #808080 2px; 
width: 660px; 
padding: 8px; 
text-align: justify;
}

.guestwriter {
background-color: #D8F4C4; 
border: 2px dashed #640032; 
width: 660px; 
padding: 8px; 
text-align: justify;
}

.guestwriter2 {
background-color: #c5e9f5; 
border: 2px dashed #640032; 
width: 660px; 
padding: 8px; 
text-align: justify;
}

.computercasey {
background-color: #D1C5F5; 
border: 2px dashed #640032; 
width: 660px; 
padding: 8px; 
text-align: justify;
}


.karen {
background-color: #D1C5F5; 
border: 2px dashed #640032; 
width: 660px; 
padding: 8px; 
text-align: justify;
}

.links {
background-color: #FFF09B; 
border: 2px dashed #640032; 
width: 660px; 
padding: 8px; 
text-align: justify;
}

.offshore {
background-color: #C5D1F5; 
border: 2px dashed #640032; 
width: 660px; 
padding: 8px; 
text-align: justify;
}

.anchor {
background-color: #c5e9f5; 
border: 2px dashed #640032; 
width: 660px; 
padding: 8px; 
text-align: justify;
}

.highlights {
background-color: #FFFFFF; 
background-position: top;
background-repeat: no-repeat;
border: 1px solid #000000; 
width: 800px; 
padding: 8px;
text-align: left;
font-family : Serif, Times New Roman, Myriad;	
font-size: 9pt;
}


.tosee {
background-color: #FFFFFF; 
background-image: url(http://www.brattononline.com/images/tosee-full.png);
background-position: top;
background-repeat: no-repeat;
border: 2px dashed #000000; 
width: 800px; 
padding: 8px;
padding-top: 127px; 
text-align: left;
}


.gillian {
background-color: #99cc66; 
background-image: url(http://www.brattononline.com/images/gillian.png);
background-position: top;
background-repeat: no-repeat;
border: 2px dashed #000000; 
width: 800px; 
padding: 8px;
padding-top: 127px; 
text-align: left;
}

.becky {
	background-color: #BCE4FC;
	background-image: url(http://www.brattononline.com/images/becky.png);
	background-position: top;
	background-repeat: no-repeat;
	border: 2px dashed #000000;
	width: 800px;
	padding: 8px;
	padding-top: 127px;
	text-align: left;
}

.patton {
background-color: #d8bd8a; 
background-image: url(http://www.brattononline.com/images/gapatton2.png);
background-position: top;
background-repeat: no-repeat;
border: 2px dashed #000000; 
width: 800px; 
padding: 8px;
padding-top: 127px; 
text-align: left;
}

.krohn {
background-color: #cfaca4; 
background-image: url(http://www.brattononline.com/images/krohn.png);
background-position: top;
background-repeat: no-repeat;
border: 2px dashed #000000; 
width: 800px; 
padding: 8px;
padding-top: 127px; 
text-align: left;
}

.byline{
  width: 100%;
  border-top: 2px solid #dddddd;
  border-right: 0px; 
  border-bottom: 2px solid #dddddd; 
  border-left: 0px; 
  font-family: "Courier New", Courier, monospace;
  font-size: 8pt;
  color: #6c6e88;
}

.communications {
background-color: #EEE8AA; 
border: 2px dashed #640032; 
width: 720px; 
padding: 8px; 
text-align: left;
}

.youtube {
background-color: #ffffff; 
border: 1px solid #640032; 
width: 150px; 
padding: 8px; 
text-align: center;
z-index: 0;
}

.webmistress {
background-color: #e7caa2; 
background-image: url(http://www.brattononline.com/images/wpotw.png);
background-position: top;
background-repeat: no-repeat;
border: 1px solid #640032; 
width: 461px; 
padding: 8px;
padding-top: 60px; 
text-align: center;
z-index: 0;
}

//* .webmistress {
background-color: #ffffff; 
border: 1px solid #640032; 
width: 150px; 
padding: 8px; 
text-align: center;
z-index: 0;
}*//

.white
{
	color: #FFFFFF;
}

.bigger
{
	font-size : 14pt;
}
TD.archive 
{
	vertical-align : top;
	color : #000000;
	background : #AFB4C3;
	font-size : 10px;
}

TD.footer 
{
	font-family: Courier New, Courier, monospace;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-image: url(http://brattononline.com/images/backs/footerback.gif);
}

TD.forge 
{
	text-align : right;
}

TD.bottom 
{
	background-image : url(http://brattononline.com/images/backs/footerback.gif);
}

TABLE.bottom
{
	width : 100%;
}

TD.header 
{
	background-image : url(http://brattononline.com/images/backs/headerback.gif);
	vertical-align : top;
}

.subscribe
{
	color : #000000;
	font-size: 16pt;
	font-weight : bold;
	text-align : center;
}

A
{
	text-decoration:none;
	color : #4A8657;
	font-weight : bold;
}

A:HOVER 
{
	color : #6C6E88;
	text-decoration : none;
	font-weight : bold;
}

A.footer
{
	text-decoration:none;
	color : #C3C0B1;
	font-weight : bold;
}

A.footer:HOVER 
{
	color : #FFFFFF;
}

DT
{
	font-weight : bold;	
}	

BLOCKQUOTE
{
	color : #11069E
}

BLOCKQUOTE.letter
{
	font-family : Courier New, Courier, monospace;
	color : #000000
}

DT
{
	font-size : 12pt;
	font-weight : bold;	
}

DD
{
	font-size : 10pt;
}

.storyTitle
{
	font-variant : small-caps;
	font-stretch : ultra-condensed;
	font-size: 14pt;	
	background : #AFB4C3;	
	font-weight : bold;
}

.storyCategory
{
	font-size: 9pt;
	font-family : Trebuchet MS, sans-serif, Geneva, Arial, Helvetica;
	font-variant : normal;
}

.title
{
	font-family : Courier New, Courier, monospace;
	font-size: 16pt;
	font-weight : bold;
	border-bottom:1px solid #6C6E88;
	border-right:1px solid #6C6E88;	
}

.storyAuthor
{
	font-size: 10pt;	
}

.storyContent
{
	margin-left : 20px;
	margin-right : 10px;
}

.rightFlush
{
	font-size: 9pt;	
	font-family : Trebuchet MS, sans-serif, Geneva, Arial, Helvetica;	
	text-align : right;	
}

.letters 
{
	font-size: 8pt;
	border: 2px dashed Gray;
	background : #EEEEEE;
}
H1
{
	font-family : Courier New, Courier, monospace;
	font-size: 18pt;
	font-weight : bold;	
}

H2
{
	color : #AFB4C3;
	font-family : Courier New, Courier, monospace;
	font-size: 16pt;
	font-weight : bold;
}

H3
{
	font-size: 14pt;
	background : #AFB4C3;
	color : #000000;
}

H5
{
	font-size: 10pt;
	font-weight : bold;
}

H6
{
	font-size: 8pt;
}

.dottedBorders
{
	border: dotted 1px black;
	padding: 6px;
	background: #feebc2;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}