/* CSS Document */

/* from Transcending CSS  by Andy Clarke pg. 158-159 */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalizes fot-size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; } 

/* Removes list-style from lists */
/* ol, ul
{ list-style: none; } */

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Removes borders and spacing from tables */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }

/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }

/* This is the Layout portion */

html {
text-align:center 
}

body {
position:relative;
width:700px;
margin: 0 auto;
text-align: left; }

div#main, div#branding,  {
position: relative;
width: 100%; }

div#site_info, div#content {
padding: 1em 0;
}


div#nav {
left: 0;
width: 100%;
padding-left:0px;
background-color:#FFFFCC;

 }
 
div#nav2 {
left: 0;
width: 100%;
padding:0px;
background-color:#000033;

 }
 
div#content_main {
left:0;
width:66%;
padding:1em 0;
}

div#promo {
left: 70%;
width: 30%;
padding-top:130px;
}


/*for style sheet from http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute */
.ma { width: 700px; margin: 0 auto; }
.co, .pr { position : absolute; top: 0; left: 0; }
/* .na { width: 25%; } */
.co { width: 66%; }
.pr { width: 30%; left: 70%; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/* This is the Color portion */

/*html {
background-color:#336600;
 background-image:url(images/background.jpg); 
background-repeat:no-repeat; }*/

body {
background-color:#6699CC;
background-image:url(images/PageBkgnd.jpg) }

div#branding {
height: 100px;
background-color:#FFFFCC;


/* background: url(images/branding.jpg) no-repeat 0 0; */
}

h1, h2, h3, h4, h5, h6, p
{ font-family:Georgia, "Times New Roman", Times, serif; }

h1 {
/* position:absolute; */
top: 10px;
left: 10px;
font-size: smaller;
font-weight: normal;
text-align:center;
color:#666600;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:20px;
}

h2 {
text-align:left;
padding-left:20px;
padding-top:20px;
padding-right:20px;
padding-bottom:10px;
font-weight:bold;
font-size:large;
color:#666600;
}

h3 {
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:5px;
font-weight:bold;
font-size:medium;
font-style:normal;
color:#666600;
}

h4 {
text-align:left;
font-size:small;
font-style:italic;
font-weight:normal;
padding-left:20px;
padding-top:0px;
padding-bottom:0px;
}


h5 {
padding-left:20px;
padding-right:20px;
padding-top:0px;
padding-bottom:0px;
}

p {
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
}

blockquote {
padding-left:90px;
padding-right:50px;
padding-top:5px;
padding-bottom:5px;
}

em {
font-style:italic;
color:#666600;
}

strong {
font-weight:bolder;
}

div#main {
background-color:#FFFFCC;

}


div#author {
background-image:url(images/lion_ball.jpg);
background-repeat:no-repeat;
}


div#site_info h5 {
text-align: left;
color:#666600;
padding-left:20px;
padding-right:20px;
padding-top:0px;
padding-bottom:0px;
}


a {
color:#660000;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#000033;
text-decoration:underline;
}

img {
padding:0px;
}

li {
padding-left:3px;
margin-left:40px;

}



.navtext a {
color:#FFFFCC;
text-decoration:none;
font-weight:normal;
}

.navtext a:hover {
color:#6699CC;
text-decoration:underline;
}

.navtext p {
color:#FFFFCC;
font-weight:normal;
padding-top:3px;
padding-bottom:3px;
padding-left:0px;
padding-right:0px;
text-align:center;
}

.infolink img {
float:right;
}

.co img {
padding-top:10px;
padding-bottom:10px;
padding-left:25px;
padding-right:25px;
}

.pr img {
float:left;
margin-left:10px;
}

.pr ul {
padding:0;
margin:0;
list-style:none;

}

.dialogue p {
text-indent:-40px;
padding-left:90px;
padding-right:50px;
padding-top:0px;
padding-bottom:0px;
}

.narrative p {
padding-left:50px;
padding-right:50px;
padding-top:0px;
padding-bottom:0px;
}