
body {
	font-family: "Helvetica Neue", arial, helvetica, sans-serif; 
	font-size: 62.5%; /* reset basic font-size to 10px */
}

/* should only apply in IE 6.0 and below */

/* \*/
 * html body {
	padding-top : 105px;
	padding-bottom : 65px;
} 
/* */

/* ===== Header ===== */

/* fixed to be the top 105px of the viewport */
#divHeader {
	height : 104px;
	border : 0px solid #e0e0e0;
	border-bottom-width : 1px;
}

#divHeader #divLogo {
	top : 5px;
	left : 25px;
}

#divHeader #divLogo img {
	position : static;
	left : auto;
}

#divHeader #divText {
	top : 65px;
	right : 25px;
	text-align : right;
	font-weight : bold;
	font-size : 3.0em;
	line-height : 1.1667em; /* 35px */
	color : #ED008C;
}

/* ====== Body ====== */

/* will scroll within itself to give a virtual frame */
#divBody {
	top : 105px;
	bottom : 65px;
}

#divBody div.inner {
	padding : 10px 25px;
}

#divBody #ulBreadcrumb {
	margin : 0 0 1.0em;
	padding : 0;
	border : 0px solid #e0e0e0;
	border-bottom-width : 1px;		
	width : 100%;
	min-height : 10px;
}

#divBody #ulBreadcrumb li {
	display : inline;
	float : none;
	list-style-type : none;
	margin : 0;
	margin-right : 0.2308em; /* 3px */
	padding : 0;
	font-size : 1.3em;
	line-height : 1.5385em; /* 20px */
	font-family : "helvetica Neue", Arial, Helvetica, sans-serif;
	color : #B2B2B2;
}

#divBody #ulBreadcrumb li:after {
	content: " /";
}

#divBody #ulBreadcrumb li.last:after {
	content: "";
}

#divBody #ulBreadcrumb li a:link {
	font-weight: bold;
	text-decoration : none;
	color : #B2B2B2;	
}

#divBody #ulBreadcrumb li a:active,
#ulBreadcrumb li a:visited {
	text-decoration : none;
	color : #B2B2B2;
}

#divBody #ulBreadcrumb li a:hover {
	text-decoration : none;
	color : #B2B2B2;
}

#divBody #ulBreadcrumb li.last {
	font-weight : bold;
	color : #ed008c;
}

#divBody #ulBreadcrumb li.last a:link,
#divBody #ulBreadcrumb li.last a:visited,
#divBody #ulBreadcrumb li.last a:active,
#divBody #ulBreadcrumb li.last a:hover {
	text-decoration : none;
	color : #ed008c;
}



#divBody h1 {
	color : #ed008c;
	font-size : 1.6em;
	line-height : 1.25em; /* 20px */
	display : block;
	margin : 0.3125em 0 0.625em; /* 5 0 10 px */
}

#divBody h2 {
	color: #333333;
	font-size : 1.3em;
	margin : 1.1539em 0 0; /* 15 0 0 px */
}

#divBody p {
	color: #333333;
	font-size : 1.3em;
	line-height : 1.3077em; /* 17px */
	margin : 0 0 0.7692em; /* 0 0 10px */
}

#divBody #ulCategories {
	margin : 0 0 1.0em; 
}

#divBody #ulCategories li {
	margin : 0 0 1.0em;
	padding : 0;
}

#divBody #ulCategories li dl dt {
	color: #333333;
	font-size : 1.3em;
	line-height : 1.3077em; /* 17px */
	margin : 1.1539em 0 0.1538em; /* 15 0 2 px */
	float : none;
	width : auto;
	font-weight : bold;
	text-align : left;
		
	float : left;
	clear : left;	
}

#divBody #ulCategories li dl dt a {
	display : block;
	padding : 0 0.2em;
	background-color : #ffffff;
}

#divBody #ulCategories li dl dt a:link,
#divBody #ulCategories li dl dt a:active,
#divBody #ulCategories li dl dt a:visited {
	color : #333333;
	text-decoration : none;
}

#divBody #ulCategories li dl dt a:hover {
	color : #333333;	
	text-decoration : none;
	background-color : #AADDF3;	
}

#divBody #ulCategories li dl dd {
	color : #000000;
	text-decoration : none;
	font-size : 1.3em;
	line-height : 1.3077em; /* 17px */
	width : auto;
	float : none;
	margin : 0 0 0.1538em 15px; /* 0 0 2 15px */
	float : left;
	clear : left;
}

#divBody #ulCategories li dl dd a {
	display : block;
	padding : 0 0.2em;
	background-color : #ffffff;	
}

#divBody #ulCategories li dl dd a:link,
#divBody #ulCategories li dl dd a:active, 
#divBody #ulCategories li dl dd a:visited {	
	color : #333333;	
	text-decoration : none;
}

#divBody #ulCategories li dl dd a:hover {
	color : #333333;	
	text-decoration : none;
	background-color : #AADDF3;
}



#divBody #ulQuestions li {
	margin-left: 1.3em;	
}

#divBody #ulQuestions li a {
	color : #000000;
	padding: 0 2px 0 2px;
	text-decoration : none;
	font-size : 1.3em;
}

#divBody #ulQuestions li a:link,
#divBody #ulQuestions li a:active {
	color : #000000;
	text-decoration : none;

}

#divBody #ulQuestions li a:visited {
	color : #000000;
	text-decoration : none;
}

#divBody #ulQuestions li a:hover {
	color : #000000;
	text-decoration : none;
	background-color : #AADDF3;
}



/* ===== Footer ===== */

#divFooter {
	border : 0px solid #e0e0e0;
	border-top-width : 1px;
	height : 64px;
}

#divFooter div.inner {
	padding : 5px 25px;
	position : relative;
}

#divFooter p#pContact {
	display : block;
	text-align : right;
	border : 0px solid #e0e0e0;
	border-bottom-width : 1px;	
	float : none;
	margin : 0;
	padding : 0;
}

#divFooter p#pContact a {
	font-size : 1.6em;
	line-height : 1.5625em; /* 25px */
	font-weight : bold;
	color : #2BAAE1;
	text-decoration : none;
}

#divFooter button#buttonPrint {
	display : block;
	height : 25px;
	border : 0px none;
	background-color : transparent;	
	padding : 0;
	margin : 0;
	z-index : 100;
	float : left;
	margin-top : -26px;
}

#divFooter button#buttonPrint span {
	font-weight : bold;
	color : #2BAAE1;	
	font-size : 1.6em;
	/* line-height : 1.5625em; */ /* 25px */
	padding-left : 20px;
	background : url(images/printIcon.gif) no-repeat left center;
}

#divFooter button#buttonClose {
	display : block;
	height : 25px;	
	border : 0px none;
	background-color : transparent;
	padding : 0;
	margin : 0;	
	z-index : 100;	
	clear : left;
	float : left;
}

#divFooter button#buttonClose span {
	font-weight : bold;
	color : #2BAAE1;	
	font-size : 1.3em;
	/* line-height : 1.9231em; */ /* 25px */	
	padding-left : 20px;
	background : url(images/closeIcon.gif) no-repeat left center;
}

