/* ------------------	inTouch.css	-------------------------------------------------------------------*/

@import 		url(reset.css);
@import 		url(type.css);
@import 		url(style.css);
@import 		url(forms.css);
@import 		url(tables.css);

/* ------------------	basic layout	-------------------------------------------------------------------*/

body {			background: #bbb url(../images/design/bodyback.inTouch.jpg) repeat-x top;
			height: 100%; text-align: center;
}
#container {		width: 960px;
			position: relative;
			margin: auto; text-align: left;
			border: 0px solid #f00;
}
#breadcrumbs {		position: absolute;
			left: 56px; top: 30px;
}
#user_account {		position: absolute;
			left: 56px; top: 52px;
}
#header {		width: 924px; height: 310px;
			position: relative; left: 27px; top: 0px;
			background: transparent url(../images/design/header.inTouch.jpg) no-repeat 50% bottom;
			border: 0px solid #0f0;
}

#intro {		position: absolute; 
			width: 16em; height: 150px;
			left: 623px; top: 30px; 
}	
#inTouch {		width: 223px; height: 74px;
			position: relative; left: 52px; top: 183px;
			background: transparent url(../images/design/inTouch.png) no-repeat;
			text-indent: -1000px;
}
#utilities {		position: relative; top: 118px; left: 337px;  width: 592px;
			border: 0px solid #fff;
}
#utilities li {		position: relative; display: inline;
			margin-right: 8px; padding-right: 6px;
			border-right: 1px solid #E88C8C;
}
#menu {			position: relative; top: 131px; left: 318px; width: 592px;
}
#tabs {			width: 592px;
			background: transparent url(../images/design/tabs.png) no-repeat 0 0;
			overflow: hidden;
}
#tabs li {		position: relative;float: left; width: 110px;
}
#tabs a {		color: #141D32;
			position: relative; display: block; height: 31px;
			padding-top: 21px;
			text-align: center;
}
#tabs a.selected {	color: #eef;
			background: transparent url(../images/design/tab.selected.inTouch.gif) no-repeat 5px 5px;
}
#tabs a:hover {		color: #eef;
			background: transparent url(../images/design/tab.selected.inTouch.gif) no-repeat 5px 5px;
}
#submenu {		position: relative; top: 138px; left: 56px;  width: 592px;
			border: 0px solid #fff;
}
#submenu li {		position: relative; display: inline;
			margin-right: 8px; padding-right: 10px;
			border-right: 0px solid #E88C8C;
}
#contentcontainer {	position: relative; left: 27px; top: 0px;
			width: 924px; height: 100%;
			border: 0px solid #f00; padding-bottom: 0px;
			background: transparent url(../images/design/content.inTouch.jpg) 50% bottom;
}
#content {		position: relative; left: 56px; height: auto;
			width: 800px; border: 0px solid #0f0; overflow: hidden;
}
#sitemap {		position: relative; left: 27px; top: 0px;
			width: 924px; height: 150px; overflow: hidden;
			background: transparent url(../images/design/content.inTouch.bottom.jpg) no-repeat 50% top;
}
#sitemap ul {		position: relative; width: 141px;
			float: left;
			top: 51px; left: 168px;
}
#sitemap li {		margin: 5px 0px;
}
.copyright {		width: 200px; margin: 0px;
}
.twocolumn {		width: 225px; padding-bottom: 10px;
			float: left;
}
.secondcolumn {		position: relative; left: 23px; height: 100%;
			border-left: 2px solid #133b55; padding-left: 28px; padding-bottom: 10px;
}
.threecolumn {		width: 225px;  float: left; padding-bottom: 10px;  height: 100%;
			
			
}
.thirdcolumn {		position: relative; left: 46px; height: 100%;
			border-left: 2px solid #133b55; padding-left: 28px; padding-bottom: 10px;
}
.widecolumn {		position: relative; left: 23px; height: 100%;
			border-left: 2px solid #133b55; padding-left: 28px; padding-bottom: 10px;
			width: 520px;
}

#content li {
list-style:square inside;
}