@charset "UTF-8";
/* CSS Document */
	
*, html{border:0;padding:0;margin:0;}
#container, #content, #mainContent, #footer, #directoryListing, .col, .col1, .portfolio, .portfolioA, .portfolioB, .col1Recent, .colMiddle, .col2, .col3, .colPhoto {overflow:hidden}
body {background: url(../images/background.jpg) top center repeat-y scroll;}
.clear {clear:both}
h1.style1 {color: #C35916}

#headerShip{background: url(../images/header.jpg) no-repeat; height:300px; width:1000px;}
#logo {width:288px; height:59px;position:relative; top:126px; left:50px;}
#logo p span a {background:url(../images/TNlogo.jpg) no-repeat scroll 0 0 transparent;display:block;height:59px;margin:auto;text-indent:-9999px;width:288px;}
#logo p span a:hover {background-position:0 -59px;}
#logo .Home {background:url(../images/TNlogoHome.jpg) no-repeat scroll 0 0 transparent;display:block;height:59px;margin:auto;text-indent:-9999px;width:288px;}

/*-----------------------General Text Styles-------------------------*/	
h1 {font:normal 100 1.5em "Georgia", serif; color:#003333; line-height:1.5em}
h2 {font:italic 100 1.1em "Georgia", serif; color:#003333; line-height:1.4em}
h3 {font:normal 100 1.1em "Georgia", serif; color:#333333;}
p, p a:link, p a:hover {font: normal normal 0.8em "Georgia", serif; color:#2F484E; line-height:1.7em;}
p a:link, p a:visited {font: normal normal 1em "Georgia", serif; text-decoration:none; color:#006666; line-height:1.7em;}
p a:hover {text-decoration:underline;}
h2 a:link, h2 a:visited {text-decoration:none; color:#006666;}
h2 a:hover {text-decoration:underline; font-size:1.2em;}
#intro h2{font: normal 100 3em "Georgia", serif;color:#003366;}
#intro p {font: normal 100 1.4em "Georgia", serif;color:#003333; padding-bottom:10px; line-height:1.4em}
.col2 ul, #content ul {color:#2F484E;font:normal normal 0.8em "Georgia",serif;line-height:1.6em;}
.col2 ul, #content ul {list-style-position:outside;list-style-type:circle;margin-left:45px;}
.col2 li, #content li {left:50px;list-style-position:outside;list-style-type:circle;margin-left:5px;}
.texta {background-color: #FFF;border: 1px dotted #CCCC99;font:normal normal 1em "Georgia",serif;color:#006666;padding:8px;margin-top:5px;margin-left:0px;}
label {margin-left:0px; width:700px}	
.buttons {background: #FFF; font:normal normal .8em "Georgia",serif;color:#006666; padding:5px; margin-left:0px}

/*columns and content--*/
#container{margin:auto; width:1000px;}
#content {background:url(../images/headerparchment.jpg) top center no-repeat; width:1000px; margin:auto; height:auto;}
#mainContent {width:900px; height: auto; margin:auto; padding-top:30px;}
.col1 {width:250px; padding:0px 50px 20px 50px; float:left;}
.col1Recent {width:250px; padding:0px 50px 20px 50px; float:left;}
.colMiddle {width:250px; float:left; padding:0px 25px 20px 25px;}
.col2 {width:575px; float:left;padding: 0px 25px 0px 25px;}
.col3 {width:430px; float:left;padding: 0px 20px 0px 0px; margin-bottom:30px}
.colPhoto {width:250px; float:left;}
.portfolio {margin:auto;width:900px; margin-bottom:70px;}
.portfolioA {float:left;padding-right:20px;width:350px;}
.portfolioB {float:right;width:500px;}
#intro {width:900px; height:auto;}

/*----Images----*/
.portfolioB img {padding: 0px 0px 20px 0px; margin:auto;}
.col1Recent img {padding: 35px 0px 90px 0px; margin:auto; margin:20px 0px 5px 0px}
img {padding: 10px 0px 20px 0px; margin:auto;}
.col2 img {padding:0px;}
#arrow{background:url(../images/arrow.jpg) no-repeat; width:242px; height:117px; top:-35px; left:195px; position:relative;}

/*----Footer---_*/
#footerSPLASH{background: url(../images/footer.jpg) repeat-x top center #000000; height:330px;}
#footer{height:auto; width:1000px; margin:auto; padding-top:70px; color:#000000;}
#footer .col {width:200px; float:left; padding:25px;}
#footer h2, #footer p, #footer a {color:#FFFFCC;}
#directoryListing {width:980px; height:auto; margin:0 auto;}
#directoryListing p{font:normal normal 0.7em "Garamond", serif;color: #2F484E;text-align:center}
#directoryListing a:link, a:hover {color: #2F484E;font-size:0.8em;}

/*----Twitter----*/
.tweetsTop {background:url(../images/twitterTop.jpg) no-repeat; height:15px;}
.tweetsContent {background:url(../images/twitterMiddle.jpg) repeat-y; height:auto;}
.tweetsBottom {background:url(../images/twitterBottom.jpg) no-repeat; height:134px;}
#tweets {width:200px; height:auto; margin:auto; padding-top:5px; padding-right:20px}
#tweets p {font-size:0.6em; color:#738700; line-height:1.3em}
#tweets a, a:link, a:hover {font-size:0.7em}

/*---_Navigation----*/
#navContainer {width:1000px; height:100px; margin:auto;}

#nav {height:100px; width:1000px; margin:auto;}
#nav, #nav ul {list-style-position:outside; list-style-type:none; margin:0 auto; padding:0;}
ul#nav {padding-left:0px;}
#nav .leftscroll{background: url(../images/leftscroll.jpg); width:149px; height:100px;border:none;display:block;margin:0;padding:0;text-decoration:none;text-indent:-6666px;}
#nav .rightscroll{background: url(../images/rightscroll.jpg); width:151px; height:100px;border: none;display:block;margin:0;padding:0;text-decoration:none;text-indent:-6666px;}

#nav a.portfolio, #nav a.portfolio:active {background:transparent url(../images/portfolio.jpg) no-repeat scroll left center;display:block;height:100px;margin:0;padding:0;text-indent:-6666px;width:177px;}
#nav a.portfolio:hover {background-position:right center;}
#portfolio #nav a.portfolio {background-position:center center;}

#nav a.about, #nav a.about:active {background:transparent url(../images/about.jpg) no-repeat scroll left center;
display:block;height:100px;margin:0;padding:0;text-indent:-6666px;width:123px;}
#nav a.about:hover {background-position:right center;}
#about #nav a.about {background-position:center center;}

#nav a.faq, #nav a.faq:active {background:transparent url(../images/faq.jpg) no-repeat scroll left center;display:block;height:100px;margin:0;padding:0;text-indent:-6666px;width:125px;}
#nav a.faq:hover {background-position:right center;}
#faq #nav a.faq {background-position:center center;}

#nav a.contact, #nav a.contact:active {background:transparent url(../images/contact.jpg) no-repeat scroll left center;display:block;height:100px;margin:0;padding:0;text-indent:-6666px;width:148px;}
#nav a.contact:hover {background-position:right center;}
#contact #nav a.contact {background-position:center center;}

#nav a.blog, #nav a.blog:active {background:transparent url(../images/blog.jpg) no-repeat scroll center left;border: none;display:block;height:100px;margin:0;padding:0;text-decoration:none;text-indent:-6666px;width:127px;}
#nav a.blog:hover {background-position:right center;}
#blog #nav a.blog {background-position:center center;}

#nav li {float:left;margin:0;padding:0;position:relative;}
#nav ul {display:none;margin:0;padding:0;position:absolute;top:0px;width:0px;}
#nav ul ul {top:auto;}
#nav li ul ul {left:0px;margin:0 0 0 0;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}