/* Main body image background and styles consistent on all pages in site */
body {
	background-color: #FFFFFF;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	margin: 0px;
}

/* Text tag styles */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6C2D43;
	font-size: 18px;
	font-weight: bold;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

.smallText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


/* Div tag styles */

/* Main wrapper div - All other div tages for pages sit inside of the wrapper div */
#wrapper {
	width: 100%;
	position: relative;
	height: 100%;
}

/* Main div tags for layout - sit inside of wrapper div */
#leftBar {
	width: 198px;
	margin: 0px;
	padding: 0px;
	z-index: 5;
}

#content {
	width: 70%;
	position: absolute;
	left: 230px;
	top: 0px;
	margin-bottom: 40px;
	background-image: url(../images/wrapper_bground.gif);
	background-repeat: repeat-x;
}

/* Logo sits at the top of the leftBar div */
#logo {
	background-image: url(../images/logo.gif);
}

/* Left nav sits beneath logo div in leftBar div*/

#leftNav {
	margin-top: 25px;
}

/* Page head holds top banner image */
#pageHead {
	width: 100%;
	margin-top: 36px;
}

/* Page title sits ontop of the blue bar to display the section name */
#pageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
	position: absolute;
	top: 178px;
}


/* Body content styles */
#bodyContent {
	margin-top: 0px;
	width: 100%;
	text-align: right;
	float: right;
	padding: 0px;
	
}

#bodyContent table {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	padding: 0px;
	width: 100%;
	border: none;
	margin: 0px;
}

#bodyContent td.rightCol {
	text-align: left;
	vertical-align: top;
	padding: 10px 0px 0px;
	width: 123px;
	margin: 0px;
	position: relative;
	
}

#bodyContent td.leftCol {
	text-align: left;
	vertical-align: top;
	padding: 10px 30px 10px 15px;
	width: 80%;
	margin: 0px;
	position: relative;
	top: auto;
}

#bodyContent td.disclaimer {
	text-align: center;
	vertical-align: top;
	padding: 0px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

#bodyContent td.disclaimer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

#bodyContent td ul, ul {
	list-style-image: url(../images/bullet_image.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	font-weight: normal;
}


#bodyContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

#bodyContent h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6C2D43;
}

#bodyContent td.leftCol a:link, #bodyContent td.leftCol a:active, #bodyContent td.leftCol a:visited, #bodyContent td.leftCol a:focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
}

#bodyContent td.faded a:link, #bodyContent td.faded a:active, #bodyContent td.faded a:visited, #bodyContent td.faded a:focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
}

#bodyContent td.leftCol a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003366;
	padding: 0px 0px 0px;
}

#bodyContent td.faded a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003366;
	padding: 0px 0px 0px;
}

#bodyContent td.disclaimer a:link, #bodyContent td.disclaimer a:active, #bodyContent td.disclaimer a:visited, #bodyContent td.disclaimer a:focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

#bodyContent td.disclaimer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003366;
	padding: 2px 0px;
}

/* Bottom Info styles */
#bottomInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	width: 504px;
}

#bottomInfo a:link, #bottomInfo a:active, #bottomInfo a:visited, #bottomInfo a:focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #660033;
	text-decoration: none;
}

#bottomInfo a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

/* Floating image styles */
.left {
  float: left;
  margin: 5px 10px 2px 0;
}

/* Right floats the right header image for each page */
.right {
	float: right;
}

/* Styles for jump menu on members page */
.jumpMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003366;
	padding: 3px;
	width: 300px;
	border: 1px solid #CCCCCC;
}


/* Styles for forms */
#formWrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#formWrapper td{
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

#formWrapper td td {
	padding: 0px 10px 0px 0px;
	text-align: left;
	vertical-align: top;
}
#formWrapper input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	padding: 3px;
	border: 1px solid #003366;
}

#formWrapper select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	padding: 0px;
	border: 0px solid #003366;
}
#orderFormWrapper a:link, #orderFormWrapper a:active, #orderFormWrapper a:visited, #orderFormWrapper a:focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
}

#orderFormWrapper a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003366;
	padding: 0px 0px 0px;
}

#orderFormWrapper ul {
	list-style-image: url(../images/bullet_image.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	color: #000000;
	font-weight: normal;
}

#orderFormWrapper, #orderFormWrapper p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#orderFormWrapper td{
	padding: 3px;
	text-align: left;
	vertical-align: top;
}

#orderFormWrapper h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
}


/* ==== Misc. styles for blue cells and small text and gray cells and such */

/* Gray shade for table cell lists */
.grayCell {
	background-color: #CCCCCC;
}

/* Fits single line cells */
.blueCell {
	background-color: #004F9D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/blue_bar_bground.gif);
	background-repeat: repeat-x;
}

/* For taller double line cells */
.blueCellTall {
	background-color: #004F9D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/blue_bar_bground_tall.gif);
	background-repeat: repeat-x;
}

/* Style so PDF image links or image links do not have blue background colour like text links do */
#imageLink, #imageLink a:link, #imageLink a:active, #imageLink a:visited, #imageLink a:focus, #imageLink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	text-align: center;
	align: center;
}

/* misc. styles for small text changes */
.glossaryTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6C2D43;
}
.whiteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	
}