/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FONT SIZING GUIDE
	
	This website uses EM's to specify font sizes. The base font-size is 62.5% which equals 10px.
	This even base number makes it easy to specify EM's sizes that relate to relative pixel sizes.
	i.e. 1.2em = 12px		1.8em = 18px		3.6em = 36px	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* =RESET STYLES
   ----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}

/* =LAYOUT STYLES (header, content, footer, etc.)
   ----------------------------------------------------*/

body {
	font: normal 1em/1.2em Helvetica, Arial, verdana, sans-serif;
	color: #223366;
	background: #ffffff url(../imglib/bg-pg.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}

#wrapper {
	position:absolute;
	top:0;
	left:50%;
    	width: 810px;
	min-height: 101%;
    	margin-top: 0; 
	margin-left: -405px;
	margin-right: auto;
	margin-bottom: 0;
	padding:0;
	background: transparent url(../imglib/bg-cwrap.png) top center repeat-y;
}
#container {
	position:relative;
	float: left;
	top:0;
	left:0;
    	width: 810px;
	height: 100%;
	background: transparent url(../imglib/bg-nav.gif) 5px 75px repeat-y;
}

#header {
	position:relative;
	width: 800px;
	height: 75px;
	margin-left: 5px;
	padding: 0;
	background: transparent url(../imglib/bg-tlogo.gif) top left no-repeat;
}

#headerLogo {
	position:relative;
	float:left;
	width: 190px;
	height:75px;
	background: transparent url(../imglib/nav-logo.gif) top left no-repeat;

}

#headerLogotype {
	position:relative;
	float:left;
	width: 610px;
	height:75px;
	background: transparent url(../imglib/title-logo.gif) top left no-repeat;

}

#ccontainer {
	position:relative;
	float:left;
	margin-left: 5px;	
	margin-right: 5px;
}

#nav {
	font: bold .8em/1.125em Helvetica, Arial, verdana, sans-serif;
	position:relative;
	float: left;
	width: 160px;
	height: 100%;
}


#nav p.navLink a{
	margin:0;
	padding-left: 40px;
	padding-top: 3px;
	background: transparent url(../imglib/navb-of.gif) top left no-repeat;
	text-decoration: none;
	font-weight:bold;
}

#nav p.navLink a:hover{
	padding-left: 40px;
	background: transparent url(../imglib/navb-on.gif) top left no-repeat;
}

#nav p.navPh {
	font: bold 1em/1.1em Georgia, Times, serif;
	padding-left: 20px;	

}

#navspct {
	position: relative;
	height: 70px;
}
#navspcb {
	position: relative;
	height: 50px;
}
#content {
	position:relative;
	float:left;
	width: 600px;
	height: auto;
	margin-top: 10px;
	padding: 20px;	
}

#content p{
	font: normal .8em/1.2em Helvetica, Arial, verdana, sans-serif;
	color:223366; 
}

#rule {
	width:100%;
	height:20px;
	background: transparent url(../imglib/ruler.gif) center center repeat-x;
}


#spcb {
	position: relative;
	height: 50px;
}

#footer {
	position:relative;
	clear: both;
	width: 640px;
	height: 70px;
	bottom: 0;
	margin-left:5px;
	padding-left: 180px;
	padding-top: 0;
}
#footer p {
	line-height: 1em;
	margin: 0;
	padding: 0;
}
#footer p.fLink a{
	margin:0;
	padding-left: 40px;
	padding-top: 3px;
	background: transparent url(../imglib/navb-of.gif) top left no-repeat;
	text-decoration: none;
	font: bold 0.76em/0.76em Helvetica, Arial, verdana, sans-serif;
}

#footer p.fLink a:hover{
	padding-left: 40px;
	background: transparent url(../imglib/navb-on.gif) top left no-repeat;
}

.listingsSep {
	width:100%;
	height:20px;
	background: transparent url(../imglib/ruler.gif) center center repeat-x;
}

.portletpromo {
	width:100%;
	min-height:60px;
	padding-top:2px;padding-bottom:2px;
}
.portletpromo .image {
clear:both;float:left;width:80px;padding-bottom:2px;

}
.itemdetails {
	text-align:left;
	font: normal .74em/1.2em Helvetica, Arial, verdana, sans-serif;
	color:223366; 
	font-weight:bold;
}

/* =TYPOGRAPHIC STYLES
   ----------------------------------------------------*/

h1 {
	font: bold 2.0em Helvetica, Arial, verdana, sans-serif;
	color: #334488;
	padding: 10px 0;
}

h2 {
	font: bold 1.6em Helvetica, Arial, verdana, sans-serif;
	color: #334488;
	padding: 15px 0;
	margin: 0;
}

h3 {
	font: bold 1.3em Verdana, Helvetica, Arial, sans-serif;
	color: #334488;
	padding: 5px 0;
}

h4 {
	font: bold 1.1em Helvetica, Arial, verdana, sans-serif;
	color: #334488;
	padding: 12px 0;
	margin: 0;
}

p {
	font: normal 1em/1.6em Helvetica, Arial, verdana, sans-serif;
	color: #223366;
	margin: 15px 0;
}

	#content p.biggerBold {
		font-size:  .9em;
		font-weight: bold;
	}


a {
    font: inherit ;
    color: #223399;
}
	a:hover {color: #2255DD;}

strong {font-weight: bold;}
em {font-style: italic;}

ul {
	list-style: square;
	font-size: inherit;
	margin-left: 40px;
	margin-top: 12px;
	margin-bottom: 14px;
}

ol {
	list-style: decimal;
	font-size: inherit;

	margin-left: 20px;
	margin-top: 12px;
	margin-bottom: 14px;
}

	#content ul {
		font-size: .8em;
		line-height: 1em;
	}
		#content ul li {
			margin-bottom: 4px;
		}
		#content ul li a {
			font-weight: bold;
			text-decoration: none;
		}
	#content ol {
		font-size: .8em;
		line-height: 1em;
	}
		#content ol li {
			margin-bottom: 4px;
		}
		#content ol li a {
			font-weight: bold;
			text-decoration: none;
		}

	#content ul.ulBiggerBold {
		font-size: .9em;
		line-height: 1.2em;
		font-weight: bold;
		margin-left: 60px;
		padding-top: 20px;
		padding-bottom: 24px;		
	}
		#content ul.ulBiggerBold li {
			margin-bottom: 12px;
		}


abbr, acronym {border-bottom: 1px dotted #000;}

ul {font-family:Helvetica, Arial, verdana, sans-serif;
font-size: 12pt; color:223366; }

td {font-family: Helvetica, Arial, verdana, sans-serif;
font-size: 10pt; color:223366; }
th {font-weight:bold; font-family: Helvetica, Arial, verdana, sans-serif;
font-size: 10pt; color:223366; }
.s6 {font-family: Helvetica, Arial, verdana, sans-serif;
font-size: 6pt; color:223366; }
.s8 {font-family: Helvetica, Arial, verdana, sans-serif;
font-size: 8pt; color:223366; }
.s9 {font-family: Helvetica, Arial, verdana, sans-serif;
font-size: 9pt; color:223366; }
.s8r {font-family: Helvetica, Arial, verdana, sans-serif;
font-size: 8pt; color:991122; }
.s10 {font-family: Helvetica, Arial, verdana, sans-serif;
font-size: 10pt; color:223366; }
.s10r {font-family: Helvetica, Arial, verdana, sans-serif;
font-size: 10pt; color:991122; }