/*
Original design: andreas04 (v2.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas04/
Tweaked mercilessly by KT
*/

/* General layouts */
body {margin:0; padding:0; font:76% optima,tahoma,verdana,sans-serif; background:#e6e6e6 url(images/bodybg.png) repeat-x; color:#444; text-align:center;}
#container {width:92%; min-width:700px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/index/index_contentbg.png) no-repeat; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
#container800 {width:700px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/index/index_contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
#container1024 {width:920px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/index/index_contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}

/* Tags */
a {text-decoration:none; color:#656AB2; font-weight:bold;}
p {margin:0 0 15px 0;}
p.aside {font-style:italic; font-size:.8em; line-height:1.2em; color: #555;}
h1,h2,h4,h5 {margin:0; padding:0; font-weight:normal; line-height:1.2em; font-family:tahoma,Helvetica,Arial,sans-serif;}
h3 {margin:0; padding:0; font-weight:normal; line-height:1.2em;}
h1 {font-size:3em; letter-spacing:-2px; color:#567; margin:15px 0 5px 20px;}
h1 a:hover {text-decoration:none;}
h2 {font-size:1.6em; letter-spacing:-1px; margin:-10px 0 0 30px; color:#B78F90;}
h3 {color: #555; font-size:1.4em; margin:0 0 0 0em; }
h3.aside {font-size:1.1em; font-size:1.2em;}
h4 {font-size:1.2em; font-weight:bold;}
h6 {color:#fff; font-size:.8em; font-size:.9em; font-weight:normal; position:relative; top:-2em; text-shadow: #250F0E 0px 2px 2px;}
sup {line-height: 0;}

/* Header */
#sitetitle {float:left; height:100px; width: 42%; color: #333; filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
#sitetitle a {color:#6D4C4B; font-weight:normal;}
#sitetitle a:hover {color:#656AB2;}
#menu {height:71px; padding-top:35px; text-align: right; font-family:tahoma,Helvetica,Arial,sans-serif; }
#menu a {margin:0; height:100px; padding:35px 6px 41px 6px; font-size:1.6em; font-weight:normal; letter-spacing:-1px; color:#B78F90;filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
#menu a:hover{color:#656AB2; text-decoration:none; background: #fff url(images/menuhover.png) repeat-x; padding:35px 5px 41px 5px; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#menu a.current{color:#6D4C4B; filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
#menu a.current:hover{color:#B78F90; padding:35px 6px 41px 6px;  text-decoration:none; background: none; border:0;}

/* Main content and sidebar layout */
#content {margin-top:30px; width:100%; clear:both;}
#content h1 {font-size:3em; letter-spacing:-2px; color:#567; margin:15px 0 5px -10px;}
#spiral {position:relative; height:33em; width:55em; font-size:132%; margin:2em auto;}
#spiral a:hover span {display: block;}
#spiral h2 {margin:0; text-decoration:none; color:#6D4C4B; }
#spiral h2 em {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;text-decoration:none;}
#spiral h2 a {color:#656AB2; font-weight:normal;}
#spiral h2 a:hover {color:#656AB2; background:url;}
#spiral h6 a {color:#B78F90; display:none; text-decoration:none; margin:0;}
#spiral h6 a:hover {color:#6D4C4B; display:block; text-decoration:none; border-left:1px solid:#fff;}
#spiral34a {width:34em; height:10em; position:absolute; right:0; top:0; padding:.25em;}
#spiral34b {width:15em; height:24em; position:absolute; top:12em; left:16em;}
#spiral34c {width:13em; height:14em; position:absolute; top:10em; right:3em; padding:.25em;}
#spiral34d {width:17em; height:10em; position:absolute; top:24em; right:0; text-align:right;  padding:.25em;}
#spiral21 {width:20em; height:21em; position:absolute; left:0; top:0em;}
#spiral13 {width:13em; height:13em; position:absolute; left:0em; bottom:0;padding:.25em;}

#spiral8 {width:20em; height:3em; position:absolute; left:13em; top:32em;}
#spiral5 {width:5em; height:5em; position:absolute; top:21em; left:16em;}
#spiral3 {width:3em; height:3em; position:absolute; top:21em; left:13em;}
#spiral2 {width:2em; height:2em; position:absolute; top:24em; left:13em;}
#spiral1b {width:1em; height:1em; position:absolute; top:25em; left:15em; ;}
#spiral1a {width:1em; height:1em; position:absolute; top:24em; left:15em;}

#inside21 {position:absolute; left:6em; height:13em; width:14em; top:6em;solid #fff; padding:.25em;}

/* Footer */
#footer {clear:both; padding:10px 0 12px 24px; text-align:left; color:#777; filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
#footer a {color:#777; font-weight:normal;}
#footer a:hover {color:#656AB2;}
#footer h2 {color:#B78F90; font-size:2em; letter-spacing:-1px; margin:0; padding:0; border:0;}
#footer h2 a {color:#B78F90;}
#footer h2 a:hover {color:#656AB2;}
#footer p {margin:0; padding:0;}


/* Additional classes */

.link {color:#269; background:url(images/linkarrow.gif) left no-repeat; display:block; margin:4px 0 0 0; padding:2px 1em;}
.link:hover {color:#48b; background:url(images/blinkarrow.gif) left no-repeat; text-decoration:none;}
.center {text-align:center;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.hide {display:none;}
.h2decor {text-decoration:underline overline; color:#B78F90;}
.lite {filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
.lite50 {filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5; opacity:0.5;}

.lede {margin:0 0.5em 2em 0.5em; line-height:1.3em; font-size:1.3em; letter-spacing:.1em; color: #976B71;}