body{margin:0;background: #ffffff;color:#000000}
body,td,th,input,select,textarea,input {font-family: Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input {font-size:11px;}
p{margin:0 0 1.5em 0;}
form{padding:0;margin:0}

h2{font-family: Georgia, "Times New Roman", Times, serif;font-size:16px;color:#ff9900;font-weight:normal;margin:0 0 10px 0;line-height:1em}
h3{font-size:12px;color:#003399;font-weight:normal;margin:20px 0 5px 0;line-height:1em}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 

#wrapper{}

#headerarea{background:#003399;}
#header{color:#ffffff;position:relative;height:114px;margin:0 0 4px 0;width:950px}
	#logo{}
	#toolbar{position:absolute;top:15px;left:332px;}
		#toolbar a{padding:3px 18px 3px 5px}
	#search{position:absolute;top:13px;left:695px;}
		#search input{vertical-align:middle;}
		#search #search-textfield{border:1px solid #dddddd;}
		#search #search-button{width:14px;height:19px;background: url(../images/itp/search-button.gif) top left no-repeat;line-height:100px;text-indent:-2000px;font-size:1px;border:none;}
		#search .ipf-PageSearch-TextField{border:1px solid #dddddd;}
		#search .ipf-PageSearch-Button {width:14px;height:19px;background: url(../images/itp/search-button.gif) top left no-repeat;line-height:100px;text-indent:-2000px;font-size:1px;border:none;}


#navarea{background: url(../images/itp/nav-bg.gif) top left repeat-x;}
#nav{padding:0 0 0 18px;width:1041px;}
	#nav ul{margin:0;padding:0;}
	#nav ul li{float:left;margin:0;list-style:none}
	#nav ul li a{display:block;height:32px;text-decoration:none;text-indent:-2000px;line-height:1}
	
	#nav ul li#nav-aboutus a{width:92px;background: url(../images/itp/nav-aboutus.gif) top left no-repeat;}
	#nav ul li#nav-infoonitp a{width:114px;background: url(../images/itp/nav-infoonitp.gif) top left no-repeat;}
	#nav ul li#nav-newsandevents a{width:122px;background: url(../images/itp/nav-newsandevents.gif) top left no-repeat;}
	#nav ul li#nav-itpteam a{width:81px;background: url(../images/itp/nav-itpteam.gif) top left no-repeat;}
	#nav ul li#nav-itpmantriathlon a{width:143px;background: url(../images/itp/nav-itpmantriathlon.gif) top left no-repeat;}
	#nav ul li#nav-wiffleballtournament a{width:190px;background: url(../images/itp/nav-wiffleballtournament.gif) top left no-repeat;}
	#nav ul li#nav-runforitp a{width:113px;background: url(../images/itp/nav-runforitp.gif) top left no-repeat;}
	#nav ul li#nav-howtohelp a{width:113px;background: url(../images/itp/nav-howtohelp.gif) top left no-repeat;}

	.pageid100 #nav ul li#nav-aboutus a,
	.pageid102 #nav ul li#nav-infoonitp a,
	.pageid225 #nav ul li#nav-newsandevents a,
	.pageid107 #nav ul li#nav-itpteam a,
	.pageid103 #nav ul li#nav-itpmantriathlon a,
	.pageid257 #nav ul li#nav-wiffleballtournament a,
	.pageid259 #nav ul li#nav-workforitp a,
	.pageid101 #nav ul li#nav-howtohelp a
	{background-position: bottom !important}

#subnavarea{background:#ffffff}
	#subnav{width:751px;padding:0 0 0 107px;white-space:nowrap}
		#subnav span{float:left;}
		#subnav a{color:#003399;text-transform:uppercase;text-decoration:none;font-weight:bold;padding:0 20px 0 0;white-space:nowrap}
		#subnav ul{background: url(../images/itp/subnav-bg.gif) top left repeat-x;margin:0;padding:5px 0 0 5px;float:left;height:28px}
		#subnav ul li{display:inline;}
		#subnav ul li div{display:inline;}

.pageid100 #subnav{padding:0 0 0 0px;} /* About Us */
.pageid102 #subnav{padding:0 0 0 100px;} /* About Us */
.pageid225 #subnav{padding:0 0 0 180px;} /* News & Events */
.pageid107 #subnav{padding:0 0 0 117px;} /* ITP Team */
.pageid103 #subnav{padding:0 0 0 117px;} /* ITPMAN Triathlon */
.pageid257 #subnav{padding:0 0 0 500px;} /* Wiffleball Tournament */
.pageid259 #subnav{padding:0 0 0 325px;} /* Work for ITP */
.pageid101 #subnav{padding:0 0 0 250px;} /* How to Help */

/* Remove subnavarea from pages with no childpages */
	.pageid4 #subnavarea,
	.pageid109 #subnavarea,
	.pageid210 #subnavarea
	{display:none;}	

#contentarea{border-collapse:collapse;margin:5px 0 0 0;width:951px;}
#contentarea.columns3{background: #ffffff url(../images/itp/bg.gif) top left repeat-y;}
	#contentarea.columns3 #content{width:500px;}
	#contentarea.columns2 #content{width:760px;}

#content{padding:20px 20px;line-height:1.5em}
	h1#pagetitle{font-family: Georgia, "Times New Roman", Times, serif;font-size:16px;color:#ff9900;font-weight:normal;margin:0 0 20px 0;line-height:1em}

#leftcolumn{width:220px;padding:15px 20px;background: url(../images/itp/leftcolumn-top.gif) top right no-repeat;color:#5e5e5e}
	#leftcolumn .serif{font-family: Georgia, "Times New Roman", Times, serif;font-size:14px;line-height:1.7em}	

	#leftcolumn a{text-decoration:none;color:#5e5e5e}
	#leftcolumn ul{margin:0;padding:0;list-style:none;}
	#leftcolumn ul li{margin:0 0 15px 0;}
	#leftcolumn ul li img{vertical-align:middle;border:none}

#rightcolumn{width:151px;padding:0;line-height:1.5em}
	#grayblock{background: #dfdfdf url(../images/itp/grayblock-bg.gif) top left no-repeat;padding:25px 0 0 0;margin:0 0 20px 0}
		#grayblock h2{padding:0 18px;}
		#grayblock p{padding:0 18px;}
		#grayblock div img{display:block;}
	
	#itpteam{background:#99ccff;padding:0 0 5px 0}
		#itpteam div{padding:0 0 10px 0;}
		#itpteam p{padding:0 18px;}


#footer{border-top:1px solid #dce3f1;text-align:right;padding:10px 20px;width:910px}
	#footer img.powered{padding-top: 10px;}
	#poweredbyactive{}

/* Remove the blue border that's created when you create a link for an image */
a img {border: 0 none;}