/*@import url(layout.css);   
@import url(content.css); */
html,body,div,p {font: normal 12px Vendana, Arial, san-serif; color: #000;}
body {background: #E9E9E9 url(../sunshine/images/sunshine_bg.gif) repeat-y 50% 0; background-attachment: fixed; margin: 0; padding: 0;}

/* Generic Rules
----------------------------------------------- */
a img {border-width: 0; border-style: none;}

/*
-----------------------------------------------
Style Sheet 
author:   lvandeman
version:  2005.05.30
----------------------------------------------- */

/* Nav bar links--------------------------------*/
#navbar a:link,a:active {color: #000; text-decoration: none;}
#navbar a:visited {color: #000; text-decoration: none;}	
#navbar a:hover {color: #003366; text-decoration: none;}

hr {display: none;}
ul {margin: 5px 0 7px 19px; padding: 0; list-style-image: url(../sunshine/images/arrow.gif)	}
li {margin: 5px 0;}	
/* pre {display: none;} */

input, textarea, select {font-size: 11px; border: 1px solid #999; background: #fff; padding: 2px;}

/* IDs ---------------------------------------*/

#bottom {clear: both; height: 22px;}
#breadcrumb {margin: 4px 6px; font: 11px Tahoma, Arial, sans-serif; color: #999;}
	/* #contact {
	position: absolute;
	top: 33px; right: 180px;
	z-index: 1;
	}
	#contact a:visited {border-style: none;}	*/
#comments-body {margin-top: 20px;}	
#comments-form {width: 180px; padding-right: 15px; margin-right: 15px; float: left; text-align: left; border-right:1px dotted #999;}	
#content {width: 675px; margin: 20px 0 0 0px;}
	#content a {font-weight: bold;}
	#content h1 {margin: 18px 0 0; font-size: 18px; font-weight: normal; letter-spacing: -1px; text-align: center;}
	#content h2 {margin: 0 0 10px; font-size: 12px; font-weight: normal; text-align: center; color: #999;}
	#content h4 {margin: 18px 0 0; font-size: 12px; text-align: center;}
	#content h5 {margin: 0.9em 0 1.75em; font: 11px Tahoma, Arial, sans-serif; text-align: center;}
	#content h5 a {font-weight: normal !important;}
	#content p {text-indent: 25px; text-align: justify; line-height: 150%; margin: 0; padding: 5px 0;}
	#content ul {text-align: justify; line-height: 150%; margin-left: 25px !important;}
	#content img {margin:5px;}
#content2 {width: 377px; margin: 20px 0 0 20px;}
	#content2 a {font-weight: bold;}
	#content2 h1 {margin: 18px 0 0; font-size: 18px; font-weight: normal; letter-spacing: -1px; text-align: center;}
	#content2 h2 {margin: 0 0 10px; font-size: 12px; font-weight: normal; text-align: center; color: #999;}
	#content2 h3 {margin: -5px 0 0; font-size: 12px;}
	#content2 h4 {margin: 18px 0 0; font-size: 12px; text-align: center;}
	#content2 h5 {margin: 0.9em 0 1.75em; font: 11px Tahoma, Arial, sans-serif; text-align: center;}
	#content2 h5 a {font-weight: normal !important;}
	#content2 p {margin: 0; padding: 5px 0;}
	#content ul {margin-left: 25px !important;}
	#content2 .extsp1 {margin-bottom: 25px !important;}
#content3 {width: 377px; margin: 20px 0 0 20px;}
	#content3 h1 {padding-bottom: 2px; font-size: 18px; font-weight: normal; letter-spacing: -1px; border-bottom: 1px dotted #999;}
	#content3 img {display: none !important;}
	#content3 .hide {display: inline !important;}
#contentFolio {width: 377px; margin: 20px 0 0 20px;}
	#contentFolio h1 {padding-bottom: 2px; font-size: 18px; font-weight: normal; letter-spacing: -1px; border-bottom: 1px dotted #999;}	
#copyright {
	padding: 15px 0;
	border-top: 1px solid #D6D6D6; 
	background: #fff;
	text-align: center;
	color: #999;
	}
#logo {
	position: absolute;
	top: 21px; right: 40px;
	z-index: 1;
	}
	#logo a:visited {border-style: none;}	
#home {
	position: absolute;
	top: 41px; left: 33px;
	z-index: 3;
	}
	#home a:visited {border-style: none;}	
#navbar {
	width: 620px;
	height: 20px;
	background: #F9F9F9 ;
	position: absolute;
	top: 75px;
	left: 39px;
	z-index: 2;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	}
#navdate {
	float: left;
	width: 137px; height: 23px;
	padding: 6px 4px 0 0;
	text-align: center;
	color: #999;
	font-size: 11px;
	}	
#navlinks {
	float: left;
	width: 484px; height: 23px;
	padding-left: 25px;
	}
	#navlinks img {display: inline;}
	#navlinks a:visited {border-style: none;}
#page {width: 729px; margin: 0 auto; position: relative;}
#pagetop {
	position: absolute; 
	background: url(images/twg_header.gif) no-repeat;
	width: 727px; height: 73px;
	top: 0; left: 2px; 
	z-index: 0;
	}
	#pagetop img {width: 727px; height: 135px;}	
#photocopy {margin: 4px 6px; font: 11px Tahoma, Arial, sans-serif; color: #999;}
#photomain {
	width: 650px; height: 121px;
	background: #F9F9F9 ;
	position: absolute;
	top: 83px; left: 39px;
	z-index: 2;
	}
#photomainAB {
	width: 650px; height: 121px;
	background: #F9F9F9 ;
	position: absolute;
	top: 83px; left: 39px;
	z-index: 2;
	}	
#photomain50th {
	width: 650px; height: 121px;
	background: #F9F9F9 ;
	position: absolute;
	top: 83px; left: 39px;
	z-index: 2;
	}	
#premlinkage {margin: 15px auto; width: 133px;}
#quote {
	margin-top: 60px;
	width: 99%;
	border-top: 1px dotted #999; 
	border-bottom: 1px dotted #999;
	padding: 7px 0;
	font: 11px Tahoma, Arial, sans-serif;
	color: #999;
	text-align: center;
	background:  no-repeat top left;
	}
	#quote p {margin: 0 0 5px 0; font: italic 14px Georgia, Palatino, Palatino Linotype, serif !important; color: #000 !important;}
#rbar1 {margin: 20px 0 0; font: 11px Tahoma, Arial, sans-serif; color: #999;}
	#rbar1 strong {color: #000;}
#rbar2 {margin: 20px 0 0; font: 11px Tahoma, Arial, sans-serif; color: #999;}
	#rbar2 strong {color: #000;}
#story {
	width: 680px;
	background: #F9F9F9 ;
	position: absolute;
	top: 80px; left: 24px;
	z-index: 2;
	}
#story2 {
	width: 650px;
	background: #F9F9F9 ;
	position: absolute;
	top: 85px; left: 39px;
	z-index: 2;
	}	
#storymain {float: left; width: 675px; background:  no-repeat top;}
#storysub {float: left; width: 193px; padding: 0 20px; background:  no-repeat top; font: 11px Tahoma, Arial, sans-serif; color: #999;}
	#storysub p {font: 11px Tahoma, Arial, sans-serif; color: #999;}
	#storysub h2 {font-size: 11px; color: #000; margin: 0;}
	#storysub .title {margin-top: 25px; margin-bottom: 10px;}
#surf {margin-top: 50px; text-align: center;}	
	#surf a:visited {border-style: none;}

/* Classes -----------------------------------*/	

.ac {text-align: center;}
.article {margin-bottom: 30px;}
	.article .type {color: #999;}
.clear {clear: both;}
.comment {
	margin: 15px auto 0;
	width: 90%;
	border-top: 1px dotted #999; 
	border-bottom: 1px dotted #999;
	padding: 7px 0;
	text-align: center;
	}
	.comment p {font-style: italic;}
	.comment .author {font: 11px Tahoma, Arial, sans-serif; color: #999;}
.divider {margin: 5px auto; height: 10px; background:  no-repeat;}
.download {
	width: 84%;
	margin: 0.5em auto;
	border-top: 1px dotted #999; 
	border-bottom: 1px dotted #999;
	background: #E4EDF3;
	padding: 10px;
	text-align: center;
	}.hide {display: none;}
.lines {border-top: 1px dotted #999; border-bottom: 1px dotted #999;}
.no-indent {text-indent: 0 !important;}
.no-top {margin-top: 0px !important;}
.favicon img {border: 1px solid #DBDBDB; background: #fff;}
.picC {padding: 4px; border: 1px dashed #999; background: #fff;}
.picL {float: left; margin: 0 10px 5px 0; padding: 4px; border: 1px dashed #999; background: #fff;}
.picLoff {float: left; margin-right: 10px;}
.picR {float: right; margin: 0 0 5px 10px; padding: 4px; border: 1px dashed #999; background: #fff;}
.picRoff {float: right; margin-left: 10px;}
.pullquote {
	width: 84%;
	margin: 0.5em auto;
	border-top: 1px dotted #999; 
	border-bottom: 1px dotted #999;
	padding: 7px;
	font: italic 12px Georgia, Palatino, Palatino Linotype, serif; 
	color: #999;
	text-align: center;
	}
.puzzle {margin: 0 auto; width: 353px; padding: 5px 0;}
.quoted {
	margin: 5px auto;
	width: 90%;
	border-top: 1px dotted #999; 
	border-bottom: 1px dotted #999;
	padding: 7px 0;
	background:  no-repeat top left;
	}
	.quoted p {font-size: 13px; font-variant: small-caps;}
.snap {text-align: center; margin: 0; padding: 5px 0;}
.strike {text-decoration: line-through;}
.super {vertical-align: super;}
.tool {font: 11px Tahoma, Arial, sans-serif; color: #0175BA;}
.update {font: 11px  Georgia, Palatino, Palatino Linotype, serif; color: #999; border-top: 1px dotted #999; padding-bottom: 10px;}
	.update h3 {font-size: 10px !important; font-weight: normal; color: #0175BA; margin: 10px 0 !important;}
.vdiv {margin: 0 2px 0 5px; vertical-align: text-top;}

/* Capitals -----------------------------------*/	

.capA {margin-right: -13px; vertical-align: -20%;}
.capAoff {margin-right: -10px; vertical-align: -20%;}
.capC {margin-right: -2px; vertical-align: -20%;}
.capF {margin-right: -17px; vertical-align: -20%;}
.capI {margin-right: -13px; vertical-align: -20%;}
.capL {margin-right: -5px; vertical-align: -20%;}
.capN {margin-right: -22px; vertical-align: -20%;}
.capO {margin-right: -3px; vertical-align: -20%;}
.capP {margin-right: -14px; vertical-align: -20%;}
.capS {margin-right: -7px; vertical-align: -40%;}
.capT {margin-right: -18px; vertical-align: -20%;}
.capU {margin-right: -9px; vertical-align: -25%;}
.capV {margin-right: -23px; vertical-align: -20%;}
.capNum {margin-right: -4px; vertical-align: -40%;}

