/* FT_style: stylesheet for FabulousTales -- Oct 2010 */

@import "FTmainmenu.css";
/* @import "pagecolumns2.css"; */

html,body { border:0; padding:0; min-height:101%; }
body { font-family:verdana,arial,helvetica,sans-serif; font-weight:normal; font-style:normal; font-size:90%; line-height:140%; color:black; text-align: center; }
body { background: #ffffff url(images/gray-gradient.jpg) repeat-x; margin:10px 0; }
p,ul,ol,td { text-align:left; font-size:90%; line-height:140%; }

#page { width:900px; margin-left:auto; margin-right:auto; } /* body container */
#header { width:100%; height:210px; background: #cccccc; position:relative; }
#headerimage { float:left; background-image:url(images/savanna_pan1.jpg); background-repeat:no-repeat; position:relative; left:0px; top:0px; width:900px; height:210px; } 
/*#headerimage { float:left; background-image:url(images/blueheader_yellow.jpg); background-repeat:no-repeat; position:relative; left:0px; top:0px; width:900px; height:158px; } */
#headertext2 { float:left; color: #eeeeee; font-family:arial,sans-serif; font-weight:normal; font-size:110%; text-align:center; position:relative; left:640px; top:60px; z-index:4;  }
#textbar {border-top: thin solid #000000; border-bottom: thin solid #000000; background-color: #eeeeee; text-align:center } 
#navbar  { width:100%; height:6px; background: #ffffff; position:relative; }
#navgradient { float:left; background-image:url(images/navgradient1a.gif); background-repeat:no-repeat; position:relative; left:0px; top:0px; width:900px; height:6px; }

#main { clear:both; float:left; width:100%; position:relative; }  /* container for content; no bg color */
#topofpagerow { width:900px; height:6px; background-color:#c9c299; }
#topleftcorner { background: #ffffff url(images/cornertop-sav.gif) no-repeat; position:absolute; top:9px; left:220px; width:30px; height:30px; z-index:5; } 
#toprightcorner { background: #ffffff url(images/cornertopright-sav.gif) no-repeat; position:absolute; top:9px; right:6px; width:30px; height:30px; z-index:5; } 

#sidebar { background: #ffffff url(images/sav-bar.gif) no-repeat; position:absolute; top:9px; right:0px; width:6px; height:627px; z-index:8; } 
#bottomleftcorner { background: #ffffff url(images/cornerbottom-sav.gif) no-repeat; position:absolute; top:606px; left:220px; width:30px; height:30px; z-index:6; } 
#bottomrightcorner { background: #ffffff url(images/cornerbottomright-sav.gif) no-repeat; position:absolute; top:606px; right:6px; width:30px; height:30px; z-index:6; } 
#footer-bar { width:100%; height:6px; background-color:#c9c299; }

#ccol2of2 { clear:left; float:left; width:100%; background-color:#ffffff; overflow:hidden; position:relative; } 
#ccol1of2 { float:left; width:79.6%; background: #c9c299; position:relative; right:496px; height:627px; }
#col1of2 { float:left; width:22%; position:relative; overflow:hidden; left:-5%; } 
#col2of2 { float:left; width:78%; position:relative; overflow:hidden; left:109%; }

#footer { clear:both; float:left; width:100%;  font-family:verdana,arial,helvetica,sans-serif; font-size:85%;}
#footernav { float:none; width:100%; background-color:#011f5b; }
#footer-block {float:left; width:100%; height:75px; background-color:#8d4f36; color:#eeeeee}
/*#footer-block {float:left; width:100%; height:102px; background-color:#2a51a0; color:#eeeeee} */

#popup600 { width:600px; background-color:#6084a0; margin:0 auto; }
#popup-castleheader { width:100%; height:95px; background: #6084a0 url(images/castlebackground.jpg) no-repeat; }
#popup-headertext { position:relative; top: 40px; }
#popup-container { clear:both; float:left; width:100%; background-color:#fafafa; position:relative; } 
#popup-text { float:left; width:72%; position:relative; overflow:hidden; left:15%; }

.highlight {background-color: #ccffee; }
#summary p { color:#404040; font-size:80%;}
#summary ul { list-style-type:none; padding-left:0; margin-left:0; }
#summary li { color:#929292; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:95%; text-align:left; padding-bottom:10px; }
.row { width:100%; }
.setmid { display:block; margin-left:auto; margin-right:auto }
.box {background-color:#ffffff; border:thin solid black; padding:5px; margin:0}
.nobox {background-color:#fdecce; padding:1em; border:none; margin:0}
.strong {color:#6083a0; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:1em; } 
.strong2 {color:#6083a0; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-style:normal;}
.center { display:block; margin-left:auto; margin-right:auto; } 
.left { float:left; text-align:left; }
.right { float:right; text-align:right; }
.clear {clear:both; float:left; }

.strong {color:#6083a0; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:1em; } 
.strongred {color:#c00000; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-style:italic; font-size:100%; text-decoration:underline;}
.strongblue {color:#0000a0; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-style:normal;font-size:100%; }
.strongblack {color:#000000; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-style:italic;font-size:100%; }
.stronggreen {color:#008000; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-style:normal; font-size:110%; }
.center { display:block; margin-left:auto; margin-right:auto; } 
.left { float:left; text-align:left; }
.right { float:right; text-align:right; }

h1 {color: #000060; font-family:"comic sans ms",verdana,arial,helvetica,sans-serif; font-style:normal; font-weight:bold; font-size:160%; line-height:120%; }
h2 {color: #0000a0; font-family:verdana,arial,helvetica,sans-serif; font-style:normal; font-weight:bold; font-size:120%; text-align:left; padding:5px 0 0 0; }
h3 {color: #888888; font-family:verdana,arial,helvetica,sans-serif; font-style:italic; font-weight:bold; font-size:150%; text-align:center; padding:5px 0 0 0; }
h4 {color: #888888; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:100%; text-align:left; padding:5px 0 0 0;}
h5 {color: #fefefe; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:110%; text-align:left; padding:5px 0 0 0;}
h6 {color: #cccccc; font-family:georgia,times,serif; font-weight:normal; font-size:160%; line-height:100%; }

a {text-decoration:none;} 
a:link { color:#000080; }
a:active { color:#d7a67f; }
a:visited { color:#000080; }
a:hover { color:#d7a67f; }
a {font-family:verdana,arial,helvetica,sans-serif; font-weight:400; font-size:1em;}

a.blink {text-decoration:none;}
a.blink:link { color:#000080; }
a.blink:active { color:#d7a67f; }
a.blink:visited { color:#000080; }
a.blink:hover { color:#d7a67f; }
a.blink {font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:.9em;}

a.wlink {text-decoration:none;}
a.wlink:link { color:#ffffff; }
a.wlink:active { color:#000080; }
a.wlink:visited { color:#ffffff; }
a.wlink:hover { color:#000080; }
a.wlink {font-family:verdana,arial,helvetica,sans-serif; font-weight:normal; font-size:1em;}