/* Box Container
------------------- */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 220px;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
text-align:left;
padding: 1px 4px 15px 5px;
}

/* Horziental
-------------------- */
.breadcrumb{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}



/* Menu 
--------------------
DDrive */

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #e8e8e8;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}


/********************
 Image Highlighter
*********************/
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

body{
background-color:#F1F1F1;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-position:top;
margin:25px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-family: Georgia, Arial,"Times New Roman", Times,  serif;
font-size: 100%;
}
/******************************
* THE BODYLINKS
******************************/
a:link{
color:#1d61b2;
background-color:transparent;
text-decoration: underline;
font-weight: bold;
}
a:visited{
color:#6D6D6D;
background-color:transparent;
text-decoration: underline;
font-weight: bold
}
a:active{
color:#B22222;
background-color:transparent;
font-weight: bold;
}
a:hover{
color:#B22222;
text-decoration: none;
font-weight: bold;
}
/******************************
* THE TOP PRIMARY NAVIGATION
******************************/
div#primarynav{
width:756px;
margin:0 0 0 0px;
padding:0;
border:0;
background:transparent;
float:left;
}


#books{
left:0;
width:151px;
}
#biog{
left:151px;
width:152px;
}
#sketchbook{
left:303px;
width:150px;
}
#contact{
left:453px;
width:152px;
}
#weblog{
left:605px;
width:151px;
}


/******************************
* THE LOGO IMAGE REPLACEMENT THINGY 
******************************/
#logo{
display:block;
height:45px;
width:258px;
padding:0 0 0 0;
background-repeat:no-repeat;
background-position:left;
}
.hidelogo{display:none;}
/******************************
* THE MAIN STRUCTURE
******************************/
#container{
width:756px; 
margin-left:auto;
margin-right:auto;
padding:0;
background:#FEFEFC;
border-top: 0;
border-right:1px solid #E3E3E3;
border-bottom:1px solid #E3E3E3;
border-left:1px solid #E3E3E3;
}
#navcontainer{
width:756px;
margin-left:auto;
margin-right:auto;
padding:0;
background: transparent;
border:solid 0px;
}
#nav{
padding:0px;
background:#000000;
/* height, required for Opera and Moz, Ie lets you get away with it... bad IE :) */
height: 23px;
}
#header{
padding:10px 0 190px 0;
background-image: url(images/HEADER-1.gif);
background-repeat: no-repeat;
}
#breadcrumbs{
padding:1px 0 0 5px;
margin: 0;
background:#FEFEFC;
/* background-image: url(../g/breadcrumbs-bg.jpg);  */
background-repeat: repeat-x;
border-bottom:solid 1px #D3D3D3;
font-family: Georgia, Arial,"Times New Roman", Times,  serif;
}
#bookcontainer{
padding: 10px 0 10px 0;
height: 150px;
background:#FBFBF8;
background-repeat: repeat-x;
border-bottom:solid 1px #E4E4E4;
}
#content{
float:left;
width:452px;
background:#FEFEFB;
border-right:solid 1px #EEEEEE;
/* background-image: url(../g/content-bg.jpg);  */
background-repeat: repeat-x;
}
#content_plain{
float:left;
width:755px;
background:#FEFEFB;
background-repeat: repeat-x;
}
#sidebar{
float:right;
width:303px;
background:#FEFEFC;
/* background-image: url(../g/content-bg.jpg); */
background-repeat: repeat-x;
}
#sidebar p{
padding: 0px;
margin:0px 10px 0px 50px;
color: #676767;
font-size: 11px
}
#footer{
clear:both;
padding:10px;
background:#1d61b2;
background-image: url(images/footer.jpg);
height:20px;
border-top:solid 1px #EEEEEE;
}
#footer p{
color:#E1E1E1;
font-size:70%;
margin: 0 0 0 35px;
}
/******************************
* THE HEADERS AND OTHER FONTS
******************************/
h1,h2,h3{
font-weight:bold;
text-align:left;
font-family: Georgia, Arial,"Times New Roman", Times,  serif;
}
h1{
margin:0px 10px 0px 33px;
font-size:140%;
padding-top:15px;
color:#4F4F4F;
}
h2{
margin:10px 30px 0px 35px;
color:#4A5254;
font-size:125%;
}
h3{
margin:10px 30px 0px 35px;
color:#4A5254;
padding:0 0 0 0;
font-size:105%;
}
h4{
margin:10px 30px 0px 35px;
color:#4A5254;
padding:0 0 0 0;
font-size:80%;
}
p{
margin:0px 35px 10px 35px;
line-height:125%;
color:#464646;
font-size:80%;
font-family: arial, garamond;
text-align: left;
}
.indent{text-indent: 1em;}
.smallfont{
margin:0px 0px 0 35px;
padding-top:0px;
color:#7E7E7E;
font-size:70%;
text-align:left;
}
#footer a:link,#footer a:active,#footer a:visited{
color:#CACACA;
background-color:transparent;
text-decoration: none;
}
#footer a:hover{
color:#FFFFFF;
}
#sidebar p{
margin:10px 30px 0px 35px;
color:#4A5254;
font-size:70%;
}
#sidebar .smallfont{
margin:3px 30px 0px 50px;
color:#4A5254;
font-size:70%;
}
#sidebar .smallfont-s{
margin:3px 30px 0px 38px;
color:#4A5254;
font-size:70%;
}
#sidebar .item{
font-size:70%;
}
#sidebar h3{
margin:19px 30px 0px 35px;
color:#4A5254;
padding:0;
font-size:105%;
}
.helpfont{
margin:10px 0px 0 34px;
color:#696969;
font-size:70%;
text-align:left;
}
.subnavfont{
margin:10px 0 0 0;
color:#696969;
font-size:70%;
text-align: center;
}

/******************************
* THE LISTS
******************************/
/* list style with bullets... I'm sure there's a better way to do this! */
ul{
list-style:none;
margin-top:3px;
}
.item{
/* background:url(../g/bullet.gif) no-repeat 0 4px;  */
padding:0 40px 0 20px;
text-align:left;
font-size:80%;
line-height:150%;
color:#3E4446;
}
/******************************
* THE SITEMAP LISTS
******************************/
/* list style with bullets... I'm sure there's a better way to do this! */
ul{
list-style:none;
margin-top:3px;
}
.map{
/* background:url(../g/bullet.gif) no-repeat 0 4px; */
padding:0 40px 0 20px;
text-align:left;
font-size:70%;
line-height:160%;
color:#3E4446;
margin-top: 10px;
margin-left: 20px;
}
/******************************
* SKIP NAV
******************************/
.skip {
position: absolute;
left: -1000px;
width: 990px;
font-size:1px;
}
/******************************
* HR IMAGE
******************************/
div.hr{
height:20px;
padding:0px 0 25px 0;
/* background:transparent url(../g/hr1.gif) no-repeat scroll center; */
}
/******************************
* HIDE HR 
******************************/
div.hr  hr, .hidden{
display:none;
}
/******************************
* RED FONT
******************************/
.red{color: #AD0818;}
.red2{color: #AD0818; font-size:60%;}
/******************************
* THE FORMS
******************************/
.fieldset{
margin:0px;
padding:5px 0 5px 5px;
border:0;
text-align:left;
font-size:75%;
color:#505050;
}
.legend{
color:#414141;
background:transparent;
margin-top:0px;
}
.input{
background:#F6F5E8;
width:370px;
border:1px #DDDDDD solid;
color:#353535;
padding:4px;
}
.button{
background:#A30212;
color:#FFFFFF;
border:1px solid #CACACA;
font-size:75%;
padding:4px;
margin:0;
}
.textarea-quote 	{
font-family: Georgia, Arial,"Times New Roman", Times,  serif;
font-size: 9pt; 
color: #353535;
height: 235px; 
width: 375px; 
background:#F6F5E8;
border:1px #DDDDDD solid;
}
/* removes vert whitespace from form */
form{
margin-top:0;
margin-bottom:0;
}
/* left aligned image borders */
.imageborder{
border:1px solid #D2D2D2;
padding:5px;
margin: 10px 15px 0 0;
background-color:#FFFFFF;
float: left;
}
/* left aligned image borders with hover */
.imageborder2{
border:1px solid #D2D2D2;
padding:5px;
margin: 0px 15px 0px 0px;
background-color:#FFFFFF;
}
a:hover .imageborder2{
border:1px solid #800000;
}
/* standard image borders:no rollover */
.quiz{
border:1px solid #D2D2D2;
padding:2px;
background-color:#C5C5C5;
}
a.quiz:hover{
background-color:#F8F8F8;
border:1px solid #000000;
}
/* turns off gaps around images */
img{border:0;}

/******************************
* BASE NAV
******************************/
ul.basenav{
margin:0px;
padding: 15px 0 0 0;
}
li.inline {
display: inline;
padding: 0 4px 0 4px;
margin: 0px;
color:#696969;
font-size:70%;
 }
/******************************
* THE D LISTS
******************************/
dl{
padding: 0px;
margin: 5px 0 0 0;
}
dt{
padding: 0 25px 0 20px;
text-align: left;
color: #505050;
line-height: 165%;
/* background: url(../g/bullet.gif) no-repeat 0 4px;  */
margin-left: 35px;
font-size:70%;
}
dd {
text-align: left;
color: #505050;
padding: 0 35px 0 15px;
line-height: 165%;
font-size:70%;
}
.mapbullet{
/* background:transparent url(../g/bullet.gif) no-repeat left; */
padding:0 0 0 18px;
margin: 5px 0 0 30px;
font-size:70%;
}