/*
      CSS for GTJR 2010
*/

* { padding: 0; margin: 0; }

#wrapper { 
 margin: 0 auto;
 width: 800px;
}

#content { 
 float: left;
 color: #333;
 background: #FFFFFF;
 /* height: 350px; */
 width: 550px;
 display: inline;
 margin-top: 8px;
}

#header {
 width: 800px;
 float: left;
 height: 182 px;
}


#navigation {
 float: left;
 width: 800px;
 height: 44px;
 background: #cccc99;
}

#footer { 
 width: 800px;
 height: 72px;
 clear: both;
 // color: #333;
 background: #EAEAEA;
}

#rightcolumn { 
 height: 472px;
 width: 250px;
 float: left;
 margin-top: 6px;
 background: url(http://www.georgethomasjr.com/images/bgsmall.jpg) repeat-x top #EAEAEA;
}

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: left;
 background: url(http://www.georgethomasjr.com/images/bg.jpg) repeat-x top #EAEAEA;
}

p {
 padding: 0px 10px 0px 10px;
 line-height: 18px;
 margin: 18px;
}


p.pulledquote {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}

p.pulledquoteattribute {
margin-top: 10px;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 12px;
text-align: right;
}

p.sharewidget {
 padding: 0px 0px 5px 0px;
 line-height: 12px;
 margin: 0px;
}

.callitout {
 font-weight:bold; 
 background-color: yellow; 
 /* background-color: #DFBFBF;
 color: #800000; */
}

h1 {
 padding: 7px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #000000;
 font-style: bold;
 margin-top: 12px;
}

h2 {
 padding: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #800000;
 font-style: bold;

}

ul {
 padding: 10px 10px 20px 40px; 
 list-style-type: square;
 line-height: 18px;
 /* color: #800000; */
}

table.bigquote {
 border-width: 2px;
 border-color: #800000;
 background-color: #DFBFBF;
 margin: 3px 10px 10px 10px;
 }

 .booktitle {
    margin-top: 0px;
	font-size:14px;
	font-family: verdana;
	color: navy;
	font-weight: bold;
	line-height:18px;
	}
 
a:link {
color: blue;
text-decoration: underline;

}

a:active {
color: blue;
text-decoration: underline;

}

a:visited {
color: blue;
text-decoration: underline;

}

a:hover {
color: #ffffff;
text-decoration: none;
background: #800000;
}



/* Old Nav Menu styles 

Colors:
 #333333 = dark dark brown/black
 ffffff = white
 cccc99 = tan
 eeeeee = lt blue
 8AA1B6 = dark blue
 
*/


div.menu {
height: 46px;
display: table-cell;
vertical-align: middle;
}

table.menu a {
width:150px;
display: block;
height: 44px;
} 

td.menu {
height: 44px;
margin: 0px;
padding: 5px 5px;
}

div.menu a {
color: #333333;
background: #ffffff;
text-decoration:none;
font-size:13px;
line-height:20px;
font-family: Tahoma, verdana, sans-serif;
padding: 2px 4px;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
border-style: solid;
border-width: 1px;
}

div.menu a:link {
color: #eeeeee;
background: #333333;
/* background: #cccc99; */
}

div.menu a:active {
color: #eeeeee;
background: #333333;
/* background: #cccc99; */
}

div.menu a:visited {
color: #eeeeee;
background: #333333;
/* background: #cccc99; */
}

div.menu a:hover {
color: #ffffff;
/* background: #990000; */
background: #800000;
border-style: solid;
border-width: 1px;
border-color: black;
/* background: #EAEAEA; */
}

div.menu a.DirActive {
color: #ffffff;
background: #800000;
border-style: solid;
border-width: 1px;
border-color: black;
}

/* END nav menu styles */