* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #003860; 
font-family:Arial, Helvetica, sans-serif;
text-align: center; /*** Centers the design in old IE versions ***/
background:#e9f4f6 url(../images/background.jpg) repeat-y center;
}

body {
font-size: 70%;
}
p {padding: 1px 1px 7px 1px;}

h1, h2, h3, h4, h5 {
font-weight: bold;
padding-top:7px;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h1 a, #header h2{
color: #fff;
}

.clear { clear: both; }
#mainContainer {
width: 1000px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

.clear{
clear:both;
}

.liDelimeter{
padding:0px 15px 0px 15px;
}

.rsstop{
	background-image: url(../images/usertype_lowerbg_top.gif); 
	background-repeat: no-repeat; 
	height:11px; 
	width:500px;
}

.rsslower1{
	background-image: url(../images/usertype_lowerbg.gif); 
	background-repeat: repeat-y; 
	height: 9px;
	width:600px;
}

.rssframe{
	float: left;
	border-top:1px solid #fff; 
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	background-color: #ffffff; 
	scrolling: yes;
	width: 700px;
	padding-left: 10px;

}

#rssContainer{
	text-align: left;
	background-color: #ffffff;  
	height: 120px; 
	width: 520px;
	_width: 550px;
	text-align:left; 
	padding-top: 0px; 
	padding-bottom: 0px;
	_padding-bottom: 0px;
	padding-left: 0px; 
    margin: 0;
	overflow: visible;
	_overflow:auto; 
	border:1px; 
	scrollbar-base-color:#cdeaf1;

}

.rssInt{
	background-color: #333333;
    scrolling: yes;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
	font-decoration: underline;
}	

.rssItemTitle{
	font-face: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #003860;
	line-height: normal;
	font-decoration: underline;
	padding: 0 0 0 0;
}
	
.rssItemDescription{
	font-face: Arial;
	font-size: 11px;
	color: #003860;
	line-height: normal;
	padding: 0 0 12px 0;
	}

.rssItemLink{}
.rssItemPublishedDate{}


.box1top{
	background-image: url(../images/usertype_lowerbg_top.gif); 
	background-repeat: repeat-x; 
	height:9px;
	width:783px;
	margin: 0;
	padding: 0;
}

.box1lower{
	background-image: url(../images/usertype_lowerbg.gif); 
	background-repeat: repeat-y; 
	width:783px;
	margin: 0;
	padding: 0;
}
	

.textbacker{
	background-image: url(../images/usertype_text_backer.gif); 
	background-repeat: no-repeat; 
	height:17px; 
	width:759px; 
	padding-left:5px; 
	padding-top:0px; 
	margin-left:11px;
}

.intpadding{
	padding:0px 9px 0 10px;
}

.box1lower2{
	 background-image: url(../images/usertype_lowerbg_bottom.gif); 
	 background-repeat: no-repeat; 
	 height:11px; 
	 width:783px;
	 margin: 0;
	padding: 0;
}

/**************************
HEADER
**************************/
#header {
padding:0px;
margin:0px;
border:0px;
}
#header img {
float:left;
padding:0px;
margin:0px;
border:0px;
}
#headerRight {
float:right;
width:180px;
height:57px;
padding:14px 0px 11px 0px;
margin:0px;
border:0px;
}
* html #headerRight {
height: 72px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.loginArea{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#003860;
float:left;
padding:3px 0px 0px 0px;
}
.loginArea a{
text-decoration:none;
color:#003860;
}
.loginArea a:hover{
text-decoration:none;
color:#003860;
}
.loginAreaTemp{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#003860;
float:right;
padding:3px 0px 0px 0px;
}
.loginBox{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#003860;
float:left;
padding:0px 9px 3px 15px;	
}
.loginBoxText{
font-weight:normal;
font-size:11px;
}
.textSizeArea{
float:right;
width:117px;
}
.textSizeArea ul{
list-style:none;
float:right;
height:20px;
width:57px;
}
* html .textSizeArea ul {
height: 20px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.textSizeArea li{
display:inline;
}
.textSizeArea li img.btn_size_1{
background:url(../images/text_button_01_current.gif) no-repeat;
}
.textSizeArea li img.btn_size_1:hover{
background:url(../images/text_button_on_01.gif) no-repeat;
}
.textSizeArea li img.btn_size_2{
background:url(../images/text_button_02.gif) no-repeat;
}
.textSizeArea li img.btn_size_2:hover{
background:url(../images/text_button_on_02.gif) no-repeat;
}
.textSizeArea li img.btn_size_3{
background:url(../images/text_button_03.gif) no-repeat;
}
.textSizeArea li img.btn_size_3:hover{
background:url(../images/text_button_on_03.gif) no-repeat;
}

.textSizeArea span{
float:left;
position:relative;
top:3px;
width:60px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
}

.smallbreak{
	padding-left:10px; 
	padding-top:5px; 
	padding-right:9px;
}

.pagebreak
{
height:20px;
}

.pagebreak2
{
height:10px;
}

.pagebreakbottom
{
	height:22px; 
	clear:left;
}
#searchArea{
clear:both;
display:block;
width:165px;
position:relative;
top:9px;
bottom:11px;
padding:0px 0px 0px 0px;
}
* html .searchArea {
height: 19px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#searchText{
display:block;
position:relative;
float:left;
width:113px;
height:19px;
margin:0px;
padding:0px;
background:url(../images/bg_searchText.gif) no-repeat center;
}
* html #searchText {
height: 19px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.bg_none{
padding:2px 10px 0px 10px;
width:93px;
background-color: transparent;
}
.btnSubmit{
float:right;
padding:0px;
margin:0px;
border:0px;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
/* margin-top: 0px; /*** Make som space for our top menu ***/
padding: 15px 0 0 0;  
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 1000px;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 797px;
background: #fff;
}
* html #content {
}
.contentWrap {
padding: 0px 0px 0px 20px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}


/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 203px;
background: #ffffff; 
min-height: 250px;
padding: 0px;
z-index:0;
}

#left ul {
list-style: none;
padding-bottom: 4px;
overflow:auto;
scrollbar-base-color:#cdeaf1;
height:155px;
border:1px solid #7ac1cb;
}
#left li{
	padding:0;
	_padding:0 0 1px 0;

}
#left li a {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#003860;
font-size:11px;
padding:3px 5px 3px 15px;
border-bottom:1px solid #ffffff;
background:#ebf5f7;
margin:0px;
text-decoration:none;
}
#left li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
font-size:11px;
background: #003860;
}
#left h3{
padding:3px 5px 3px 15px;
font-size:14px;
}


select.blue {
margin-top: 5px;
_margin-top: 0;
background-color: #ebf5f7; 
font-weight: bold; 
font-size: 12px; 
color: #003860;
height: 20px;
width: 190px;
border:1px; 
border-color:#cdeaf1;

}

option.white {
background-color: #ffffff;
}


/*************************
RIGHT COLUMN
**************************/
#right {

/*
margin: 0px 0 0 -1000px; /*** Move the right column so it takes the positon as a top menu 
*/
width: 990px;
background: url(../images/home_slice_03.gif) no-repeat center;
padding: 1px 5px 2px 5px;
margin-top: 0;
_margin-top: -25px;
text-align:center;
height: 22px;
}

#right a{
display: block;
padding: 5px 35px 0 35px;
margin-top: -1px;
_margin-top: 2px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
height: 20px;
}

#right a.seperate
{
    background: url(../images/liDelimeterMain.gif) right center no-repeat;
}

#right a.hover{
color:#003860;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
background:#e6f3f5;
}

#right a.on{
color:#003860;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
background:#e6f3f5;
}


/* SUB MENUS */
#submenu
{
    /* height: 48px; */
    _margin: -2px;
	z-index:1000;
}
#submenu-left
{
    display: relative;
    float: left;
    height: 42px;
    width: 43px;
    background: url(../images/submenu_left_curve.jpg) no-repeat;
}
#submenu-content
{
    display: relative;
    float: left;
    background-color: #e6f3f5;
    padding-top: 5px;
    height: 36px;
    border-bottom: 1px solid #003860;
    white-space: nowrap;
	z-index: 1000;
}
#submenu-right
{
    display: relative;
    float: left;
    width: 44px;
    height: 42px;
    background: url(../images/submenu_right_curve.jpg) no-repeat;
}


/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




#divCancerType{
	width: 192px; 
	float:right;
}
	
#customizeNow
{
	width: 192px; 
	float:right;
}

.customizeNowBGBot{
	height: 9px; 
	background-image: url(../images/customize_now_bg_bot.gif); 
	background-repeat: no-repeat;
}

.customizeNowContent{
	 background-image: url(../images/customize_now_bg.gif); 
	 background-repeat: repeat-y; 
	 padding-left:9px; 
	 padding-right:9px;
}

.button {
	padding-left: 90px;
}

/**************************
FOOTER
**************************/
#footer {
	width: 1000px;
	color:#666666;
	margin: 30px auto 0 auto;
	text-align: center;
	background:url(../images/bg_footer.jpg) no-repeat;
	padding:16px 0px 0px 0px;
}
.footerLeft{
	float:left;
	width:897px;
	text-align:center;
}
.footerLeft ul{
	margin-bottom:11px;
}
.footerLeft ul li{
	display:inline;
}
.footerLeft ul li a{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
}
.footerRight{
	float:left;
	width:103px;
}

/**************************
Additional Resources
**************************/

.rss_border{
	width: 568px;
	height: 166px;
	padding-top: 5px;
	_padding-top: 5px;
	background:url(../images/rss_border.gif) no-repeat;
	margin-left: 0px;
}

.rss_header{
	margin-top: 10px;
	margin-left: 5px;
	padding-bottom: 3px;
	width: 517px;
	height: 15px;
	background:url(../images/rss_header.gif) no-repeat;
}

.rss_content{
	margin-left: 7px;
}

.bmark {
	height: 7em; 
	width: 16em; 
	text-align:left; 
	padding-top: 10px; 
	padding-bottom: 20px; 
	padding-left: 0px; 
	overflow:auto; 
	border:1px; 
	scrollbar-base-color:#cdeaf1;
}

.subflash{
	float:left;
	width:779px;
}

.subnav{
	float:left;
	width:779px;
	background-image:url(../images/usertype_menu_bg2.gif); 
	background-repeat: no-repeat; 
	height: 45px; 
	padding-left:10px;
}

.box1{
	float:left;
	width:779px;
}

.box5{
	float:left;
	width:576px;
}

.box4{
	float:left;
	width:560px;
}
.profilebox1{
	width:185px;
	padding: 0;
	margin: 0;
}

.rss_box{
	float:left;
	width:565;
}

.box3{
	float:right;
	width:190px;
}

.box_left{
	float:left;
	width:190px;
}

.blueBold {
	font-face: Arial;
	font-weight: Bold;
	font-size: 11px;
	color: #003860;
	line-height: normal;
}
	
.left_content{
	float:left;
	width: 282px;
	
	}
	
.right_content	{
	float: left;
	width: 282px;
	}

.myLibrary{
	width: 189px; 
	background: url(../images/right_column_bluebg_top.gif) no-repeat; 
	padding-top:9px;
}

.myLibraryContent {
	background: url(../images/right_column_bluebg_bg.gif) repeat-y; 
	padding-left:9px; 
	padding-right:9px; 
	width:189px;
}

.myLibraryBGBot{
	height: 9px; 
	background: url(../images/right_column_bluebg_bottom.gif) no-repeat;
}

.myLibraryLink {
	font-face: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #003860;
	line-height: normal;
	font-decoration: underline;
}

.myLibraryLink:hover {
	color: #003860;
}

.addlres_border{
	width: 568px;
	height: 166px;
	padding-top: 5px;
	_padding-top: 5px;
	background:url(../images/rss_border.gif) no-repeat;
	margin-left:0px;
}

.addlres_text{
	padding-left: 7px;
	padding-right: 7px;
}

#loading {
 	width: 200px;
 	height: 100px;
 	background-color: #ffffff;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}

.tooltipHeader{
font-size: 11px;
text-align: left;
}


div#content .tooltip{
	color: #62b1c0;
}


div#content a{
	color:#003860;
}

div#content a.tooltip:hover{
	color: #003860;
}

a {
	color: #666666;
}
a:hover{
	color: #003860;
	text-decoration: none;
}