/*
Title:      TPI standard stylesheet
Author:     Eben Bathalon, eben@backbonemedia.com
Updated:    March 24, 2006
Notes:	    Index stylesheet, style sheet for Index page only
*/
img {border-style:none}
html{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background-image:url(/basic/bg_index.gif);
background-repeat:repeat-x;
background-position:top left;
background-color:#fff;
font:70% Verdana, Arial, Helvetica, sans-serif;
}

a{}
a:link{}
a:hover{color:#A92A5C}
a:active{}
a:visited{}
a img{}

h1{}
h2{}
h3{}

ul{
list-style:none;
padding:0;
}
li{}

p{}



#resourcesTable p{
padding:0px;
margin:0px;
margin-top:7px;
}


/* =========================
   == Positional elements == 
   ========================= */ 
   
#container{
width:804px;
margin-left:auto;
margin-right:auto;
}

	#header{
	height:74px;
	}
	
	#content{
	background-color:#fff;
	padding:0 2px;
	border-bottom:1pc solid #fff;
	}
	
		#sideL{
		float:left;
		margin:0 2px 0 0;
		width:210px;
		}
			#topL{
			background-color:#e6f0a7;
			height:177px;
			width:100%;
			margin:0 0 2px 0;
			}
			#middleL{
			background-color:#f4fad8;
			height:180px;
			width:100%;
			margin:0 0 2px 0;
			}
			#bottomL{
			width:100%;
			}
			
		#center{
		float:left;
		width:359px;
		margin:0 2px 0 0;
		}
			#topC{
			
			background-position:top left;
			background-repeat:no-repeat;
			width:100%;
			height:359px;
			margin:0 0 2px 0;
			}
			#bottomC{
			width:100%;
			}
			
		#sideR{
		float:left;
		width:227px;
		}
			#topR{
			background-color:#edd63a;
			height:147px;
			width:197px;
			margin:0 0 2px 0;
			padding:15px;
			}
			#middleR{
			background-color:#ebf4a1;
			height:180px;
			width:100%;
			margin:0 0 2px 0;
			}
			#bottomR{
			width:100%;
			}

#topL h1{margin:0;}
	#topL h1 a{
	text-indent:-9999px;
	padding:0;
	border:0;
	background-image:url(../basic/logo_green.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:100px;
	width:154px;
	float:left;
	margin:35px 0 0 25px;
	}


.clear{clear:both}

#topR h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:230%;
font-weight:normal;
color:#6b2446;
margin:0 0 0 15px;
padding:10px 0 0 0;
}
#topR p{
margin:5px 5px 0 15px;
color:#333;
}

#middleR h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:normal;
color:#6b2446;
margin:0 0 0 15px;
padding:10px 0 5px 0;
}
#middleR a{color:#7d7976;}
#middleR a:hover{color:#A92A5C;}
#middleR p{
margin:5px 5px 0 15px;
color:#9ea561;
}

.containBox h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:normal;
color:#6b2446;
margin:0 0 0 15px;
padding:15px 0 10px 0;
}
.containBox p{
line-height:140%;
color:#666;
margin:0 5px 0 15px;
}
.containBox a{color:#8b9654}
.containBox a:hover{color:#A92A5C}

#bottomR ul{margin:0 0 0 15px;}
#bottomR ul li{margin:0 0 5px 0;}

.splitL{
float:left;
width:150px;
padding:0 0 0 15px;
margin:0;
}
.splitR{
float:left;
width:180px;
margin:0;
padding:0;
}

#bottomC ul li{margin:0 0 10px 0;}

/* =================
   == Menu Styles == 
   ================= */

#karoff{
text-indent:-9999px;
padding:0;
border:0;
background-image:url(../basic/tab_karoff.gif);
background-repeat:no-repeat;
background-position:top left;
height:26px;
width:95px;
position:absolute;
margin:0 0 0 690px;
}
 
#header ul{
float:right;
margin:0 10px 0 0;
}
	#header ul li{
	float:left;
	margin:50px 0 0 0;
	color:#cccccc;
	}
	#header ul li a{
	margin-left:10px;
	color:#6b2446;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
	}
		#header ul li a:hover{text-decoration:underline;}
	#subnav {
		float:right;
		margin:50px 0 0 0;
	}
#middleL ul{
padding:10px 0 0 20px;
margin:0;
}
	#middleL ul li{
	margin:0 0 5px 0;
	padding:0 0 4px 8px;
	background-image:url(../basic/bullet_pixels.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:125px;
	border-bottom:1px solid #d8debc;
	}
		#middleL ul li a{
		color:#6b2446;
		text-decoration:none;
		font-size:12px;
		}
		#middleL ul li a:hover{text-decoration:underline;}

/* ===================================
   == Dotted Border Box Definitions == 
   =================================== */

#sideL .containBox, #sideR .containBox{
padding-top:13px;
background-image:url(../basic/box_topDark.gif);
background-position:top left;
background-repeat:repeat-x;
}
#center .containBox{
padding-top:13px;
background-image:url(../basic/box_topLight.gif);
background-position:top left;
background-repeat:repeat-x;
}
	
	.boxTop, .boxBottom{background-image:url(../basic/border_lightPurpleDot.gif);}
	.boxLeft, .boxRight{background-image:url(../basic/border_lightPurpleDotV.gif);color:#666666}
	
	.boxTop{
	background-position:top left;
	background-repeat:repeat-x;
	}
	.boxRight{
	background-position:top right;
	background-repeat:repeat-y;
	}
	.boxBottom{
	background-position:bottom left;
	background-repeat:repeat-x;
	}
	.boxLeft{
	background-position:top left;
	background-repeat:repeat-y;
	padding:1px 5px 0 0;
	xheight:151px;
	height:190px;
	font-size:11px;
	}
		#bottomL .boxBottom{
		padding:1px 0 0 0;
		xheight:151px;
		height:190px;
		}