@charset "utf-8";
/* CSS Document */

body, html {margin:0px; padding:0px; color:#000;}

body {min-width:800px;}

#tpg-body-shadow {
	background-image: url(images/shadow.jpg); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
	}
#wrap {background: white; margin:0 auto; width:800px; padding:0px;}

#header {
	background-image:url(images/tpg_01.gif);
	width:800px;
	height:83px;
        margin:0px;
    }
p.header {margin-top:0px;}
a.header {margin-top:0px;}
img.header {margin-top:0px;}
#tpg-nav-wrapper {
height: 28px;
width: 800px;
}	
#tpg-nav-spacer {
float:left;
width:206px;
height: 28px;
background: url(images/tpg_02.gif) no-repeat;
}

#tpg-navigation {
float:right;
width: 594px; 
height: 28px;
background: url(images/nav.gif);
margin: 0px; padding: 0;
}
#tpg-navigation li {margin: 0; padding:0; list-style: none; position:relative;}

#tpg-navigation li, #tpg-navigation a {height: 28px; display:block;}

#nav1b {left: 0; top:0; width: 54px;}
#nav2b {left: 65px; top:-29px; width: 178px;}
#nav3b {left: 251px; top:-58px; width: 132px;}
#nav4b {left: 392px; top:-87px; width: 40px;}
#nav5b {left: 438px; top:-116px; width: 50px;}
#nav6b {left: 494px; top:-145px; width: 94px;}

#nav1b a:hover{	background: transparent url(images/nav.gif) 0px -29px no-repeat;}
#nav2b a:hover{	background: transparent url(images/nav.gif) -65px -29px no-repeat;}
#nav3b a:hover{	background: transparent url(images/nav.gif) -251px -29px no-repeat;}
#nav4b a:hover{	background: transparent url(images/nav.gif) -392px -29px no-repeat;}
#nav5b a:hover{	background: transparent url(images/nav.gif) -438px -29px no-repeat;}
#nav6b a:hover{	background: transparent url(images/nav.gif) -494px -29px no-repeat;}
	
.thumbnail{float:right; position:relative; padding: 4px 4px 4px 4px; z-index: 0;}
.thumbnail:hover{background-color: transparent; z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/position: absolute; top: 10px; left: 0px; visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible; left: -370px; /*position where enlarged image should offset horizontally */}

#intro {float:left; width:550px; height:250px; background-image: url(images/011.jpg); margin-top: 20px; margin-left:10px; margin-right:0px;}
#intro p {padding-left:35px; padding-right:40px; padding-top:0px;	color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
#intro h1 {padding-left:35px; padding-right:40px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:22px;}

#intro2 {float:left; width:550px; height:250px;	background-image: url(images/012.jpg); margin-top: 20px; margin-left:10px; margin-right:0px;}
#intro2 p {padding-left:35px; padding-right:40px; padding-top:0; color:#FFFFFF;	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
#intro2 h1 {padding-left:35px; padding-right:40px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:22px;}

.break {padding-left:23px;}

#main {float:left; width:550px;	background-image: url(images/bordersides3.gif);	background-repeat:repeat-y;	margin:20px 0px 20px 10px;}
#main p {font-size:12px; color:#666666;	padding-left:30px; padding-right:30px;}
#main ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:2em; padding-right: 20px;}
#main a:link {color:#0099FF; text-decoration:underline;}	
#main a:hover {color: #0099FF; text-decoration:underline;}

#main2 {float:left; width:550px; background-image: url(images/bordersides4.gif); background-repeat:repeat-y; margin:20px 0px 20px 10px;}
#main2 p {font-size:12px;}
#main2 ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-right: 20px;}
#main2 a:link {color:#0099FF; text-decoration:underline;}	
#main2 a:hover {color: #0099FF; text-decoration:underline;}
	
#sidebar {margin: 20px 10px 0px 10px; float:right; width:208px;	background-image: url(images/sidesides.gif); background-repeat:repeat-y; padding-top:0;}
#sidebar p {margin-top:0px; margin-bottom:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#sidebar p.login {padding: 10px;}
#sidebar ul {font-size:11px; margin-top:0px; margin-bottom:0px;	padding-top:20px; padding-bottom: 20px;	line-height:2em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar a:link {color:#000000; text-decoration:underline;}	
#sidebar a:hover {color: #0099FF; text-decoration:underline;}

#footer {clear:both; width: 800px; height: 70px; background-image: url(images/tpg_11.png);}
#footer p {padding:15px; margin:0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#footer a:link {color:#000000; text-decoration:none;}	
#footer a:hover {color: #0099FF; text-decoration:underline;}