/* CSS Document */

html, body {
		height: 100%; background-color: #ccc; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 1em;
		margin: 0px; padding: 0px; border: 0px; /*background-image: url(../images/TC_sidebar_fade.gif);*/
		scrollbar-face-color:#FFF; scrollbar-highlight-color:#CCCCCC; scrollbar-shadow-color:#666666;
		scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#333333;	scrollbar-track-color: #666666;	scrollbar-darkshadow-color:#000000;
}

#container { height: auto; position: relative; margin: 0 auto 0 auto; padding: 0; width:800px; border: 1px solid #000000; }

#header { /*height: 100%;*/ width: 800px; border-bottom: 1px solid #000000; margin: 0;}
#header img { border: 0;}

#mainnavigation { font-size: 0.8em; margin-left: 199px; margin-right: 202px; padding: 0; height: 25px; width: 396px; border-left: 1px solid #000000; border-right: 1px solid #000000; background-color:#006699;}
#mainnavigation ul { clear:both; list-style:none; padding:5px; margin:0; background-color:#006699;}
#mainnavigation li { display:inline; padding:0; margin:0; height:15px; color: #99CCFF; }
#mainnavigation li a { text-decoration:none; color: #99CCFF; font-weight:bold;}
#mainnavigation li a:hover { text-decoration:none; color:#fff; font-weight:bold;}
#mainnavigation li.mainnavigationselected a { text-decoration:none; color:#CCCCCC;}
#mainnavigation li.mainnavigationselected a:hover { text-decoration:underline;}

#footernavigation { /*height: 15px;*/ text-align: center; width: 396px; font-size: 0.8em; margin: 0; padding: 0;  border-top: 1px solid #000000; background-color:#006699;}
#footernavigation ul { /*clear:both;*/ list-style:none; padding:5px; margin:0; background-color:#006699;}
#footernavigation li { display:inline; padding:0; margin:0; color: #99CCFF; }
#footernavigation li a { text-decoration:none; color: #99CCFF; font-weight:bold;}
#footernavigation li a:hover { text-decoration:none; color:#fff; font-weight:bold;}
#footernavigation li.mainnavigationselected a { text-decoration:none; color:#CCCCCC;}
#footernavigation li.mainnavigationselected a:hover { text-decoration:underline;}


#maincontent { position: relative; font-size: 0.8em; /*height: auto;*/ padding: 0; margin: 0 202px 0 199px; width: 396px; border-top: 1px solid #000000; 
border-right: 1px solid #000000; border-bottom: 0; border-left: 1px solid #000000;background-image: url(../images/TC_textbox_backgrnd.jpg); }
#maincontent p { padding: 10px; }
#maincontent img { margin-left: 100px; border: 1px solid #000;}
#maincontent table#contactform { margin: 10px; padding-left: 10px; border: 0;}
#maincontent table#contactform td { padding: 0;}
#maincontent table#contactform input.textbox, textarea.textarea { width: 150px; margin-left: 50px; border: 1px solid #000000;}
#maincontent table#contactform .submitbutton { border: 1px solid #000000; margin-left: 50px !important;}
#maincontent table#contactform .resetbutton { border: 1px solid #000000; margin-left: 10px !important;}


/*photo gallery*/
#thumbnails { width: 90%; padding: 10px 0 10px 10px; clear: both; }
#thumbnails img { border: 1px solid #000; margin: 0 10px 10px 0;}
#displayArea { float: left; padding: 10px; }
#displayArea img { border: 1px solid #000; margin-bottom: 1em; margin-left: 0px;}
#displayArea p { margin-top: 0; }
p#caption { font: bold 14px Verdana, Arial, sans-serif; margin-bottom: 2px; }
p#credit { font: 12px Verdana, Arial, sans-serif; margin-bottom: 5px; }
.separator { clear: both; }

/* pd  */

.pd { font-size: 0.75em; vertical-align: baseline; text-align: center; color:#000; text-decoration: none !important;}
.pd a {color:#000; text-decoration: none !important;}
.pd a:hover {color: #6699CC !important; text-decoration: none !important;}