/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-align: center; border: 0px; margin: 0px; }
tr, td, th { font-size: 12px; }

blockquote { color: #666; border: 1px dotted #666; font-style: italic; margin: 5px; padding: 5px; }

h1 { color: #CCCCCC; font-weight: normal; font-size: 72px; margin: 0; padding: 0; }
h2 { font-weight: normal; font-size: 24px; color: #B94FFF; margin: 0; padding: 0; margin-left: 20px; }
h3 { font-weight: bold; font-size: 14px; color: #B94FFF; margin-bottom: 0; }
h3 span { font-weight: normal; font-size: 11px; color: #555; font-style: oblique; }

p { padding: 0; margin: 5px 0; }
li { padding: 0; margin: 0; }
hr { color: #FF0066; size: 2px; border: none; background-color: #FF0066; height: 2px; }

a, a.javaLink2 { color: #B94FFF; font-weight: bold; text-decoration: none; font-size: 14px; }
a:hover, a.javaLink2:hover { background-color: #FFFFFF; color: #FF0066; }

a.javaLink2 { cursor: pointer; }

a.javaLink { color: #03C; font-weight: normal; text-decoration: underline; font-size: 12px; cursor: pointer; }
a.javaLink:hover { color: #FF0066; }

#holder { width: 790px; margin: 5px auto; text-align: left; }
#header { width: 100%; height: 40px; border-bottom: 3px solid #B94FFF; }
#header #tab { display: block; float: left; width: 158px; height: 40px; background: url(../../images/top-tab.gif) no-repeat 0 0; text-align: center; }
#header #tab a { display: block; width: 158px; height: 37px; line-height: 37px; border-bottom: 3px solid #FFF; color: #FFF; text-decoration: none; font-size: 14px; font-weight: bold; }

body.home #header #tab a.home,
body.books #header #tab a.books,
body.personal #header #tab a.personal,
body.schools #header #tab a.schools,
body.blog #header #tab a.blog,
#header #tab a:hover { background: url(../../images/top-tab.gif) no-repeat -158px 0; border-bottom: 3px solid #ff0066; }

#contentHolder { width: 100%; background: url(../../borders/left.gif) repeat-y 0 0; }
#leftMenu { width: 178px; float: left; padding: 3px 0; }
#leftMenu a { display: block; width: 160px; background: url(../../borders/left-fade.gif) repeat-y 0 0; padding: 3px 0 3px 15px; margin: 0 0 1px 0; color: #ff0066; text-decoration: none; font-weight: bold; }
#leftMenu a#sub { width: 150px; background-position: -20px 0; padding: 3px 0 3px 5px; margin: 0 0 1px 15px; color: #B94FFF; text-decoration: none; font-weight: bold; font-size: 12px; border-left: 5px solid #ff0066; }
#leftMenu h5 { display: block; width: 160px; font-size: 12px; background: url(../../borders/left-fade.gif) repeat-y 0 0; padding: 3px 0 3px 15px; margin: 0 0 1px 0; color: #000; font-weight: bold; }

body.faq #leftMenu a.faq,
body.links #leftMenu a.links,
body.contact #leftMenu a.contact,
body.sitemap #leftMenu a.sitemap,
#leftMenu a.on,
#leftMenu a:hover { color: #B94FFF; background-position: 4px 0; width: 156px; padding-left: 19px; }

#leftMenu a#sub:hover, #leftMenu a#sub.on { color: #ff0066; background-position: -16px 0; width: 146px; padding-left: 9px; }

#content { width: 612px; float: left; }
#main-content { width: 612px; margin-left: 178px; }
#contentSep { width: 100%; background: url(../../borders/grayPix.gif) repeat-x left center; }
#contentSep #sm { width: 51px; height: 51px; margin-left: 708px; background: url(../../borders/SmallCirc.gif) no-repeat center center; }
#contentSep #vsm { width: 51px; height: 51px; margin-left: 539px; background: url(../../borders/SmallCirc.gif) no-repeat center center; }
#contentSep #bg { width: 108px; height: 108px; margin-left: 178px; background: url(../../borders/BigCirc.gif) no-repeat center center; }

.imgCirc { width: 298px; height: 298px; background: url(../../borders/imgCirc.gif) no-repeat 0 0; float: left; margin: 0 5px; }
.imgCirc p { margin: 0; }
.imgCircInner { position: relative; top: 0; bottom: 0; width: 100%; text-align: center; }
/*.imgCircInner img { position: relative; top: 50%; margin: -105px auto 0 auto; }
.imgCircInner img2 { position: relative; top: 50%; margin: -105px auto 0 auto; height: 210px; width: auto; }*/
.imgCircInner table { position: relative; top: 50%; margin: -105px auto 0 auto; }
.imgCirc td { vertical-align: middle; text-align: center; }
.imgCircSm { width: 125px; height: 125px; background: url(../../borders/imgCircSm.gif) no-repeat 0 0; }

#BookSmall { padding: 22px 0 23px 0; text-align: center; }

.sitemapPad { margin-left: 30px !important; }
.sitemapPad2 { margin-left: 60px !important; }

.clearSep { clear: both; }
.msg { color: #FF0000; }
.fade { color: #EEEEEE; font-weight: bold; text-decoration: none; font-size: 14px; }
.greyNote { color: #999; font-size: 10px; }

.BlogComments { background-color: #fff; padding: 3px 30px; }
#BlogComments h3 { margin-top: 3px; }
#AddComment, #AddReview { position: fixed; width: 300px; left: 50%; margin-left: -173px; top: 100px; text-align: left; padding: 0px 20px 20px 20px; display: none; background-color: #ffe; border: 3px solid #B94FFF; }
#AddComment.show { display: block; }
#AddReview { width: 500px; margin-left: -273px; }

#AddComment input, #AddReview input, #AddComment textarea { width: 300px; }
#AddComment input.sub, #AddReview input.sub { width: 100px; }
#AddComment textarea { height: 50px; }
#AddReview textarea { width: 500px; height: 200px; }

a.cms { display: inline; width: 32px; height: 17px; background-image: none; font-size: 12px; color: #00C; }
a.cms:hover { color: #999; }
.imgCirc a.cms { float: left; }

.floatRight { float: right; }
.floatLeft { float: left; }

#outerHolder.admin { padding: 100px 0px 150px 0px; }
#adminTbl, #adminTbl2 { border: 1px solid #515154; width: 612px; }
#adminTbl th, #adminTbl2 th { padding-left: 6px; width: 606px; text-align: left; border-bottom: 1px solid #515154; border-left: 1px solid #515154; border-top: 1px solid #515154; background-color: #9D9C9D; height: 18px; color: #FFFFFF; font-weight: bold; }
#adminTbl th.Err, #adminTbl2 th.Err { background-color: #FF0; color: #000; }
#adminTbl td, #adminTbl2 td { padding-left: 6px; width: 606px; background-color: #FFF; text-align: left; }
#adminTbl td.error, #adminTbl2 td.error { font-weight: bold; color: #990000; }
#adminTbl td.right, #adminTbl2 td.right { background-color: #FFF; text-align: right; }
#adminTbl td input.input100 { width: 606px; }
#adminTbl td textarea.input100 { width: 606px; height: 100px; }

#adminTbl2 { width: 790px; }
#adminTbl2 th { width: 144px; }
#adminTbl2 td { width: 640px; }
#adminTbl2 td input.input100 { width: 640px; }



/* -- IE 5.5 Fix --*/
* HTML #adminTbl th { height: 20px; width: 170px; }
* HTML #adminTbl2 th { height: 20px; width: 170px; }