/*
Kaiser Permanente Center for Health Research
Research Subjects Protection Office
Lisa Massinger - KPCHR

color:#33312d; - general text
color:#27266b; - basic headings and links

--------- Notes -----------
* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

/* Basic browser reset  */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, button, fieldset, legend, label, input, textarea, form, img {
    margin: 0; padding: 0; border: 0;
}

body {color:#45443f; font: 80%/150% Verdana, Arial, Helvetica, sans-serif; text-align:center; height:100%;} 

h1, h2, h3, h4, h5, h6, p {margin: .5em 0 1em 0;}

h1{font-size: 130%; color:#27266b; font-weight: 600;}
h2{font-size: 120%; color:#27266b;}
h3{font-size: 120%; color:#45443f; font-weight: 600;}
h4{font-size: 110%; color:#45443f; }
h5{font-size: 100%; font-weight: 600;}
h6{font-size: 100%; color:#27266b; }
.noMargin { Margin: 0.5em 0 0 0;}
.smMargin { Margin: 0.5em 0 0.2em 0;}

a:link,
a:visited,
a:hover,
a:active {color:#27266b; text-decoration:underline;}

a:hover,
a:active {text-decoration:none;}


/* For quicklinks and navigation. For lists of links add the class "links" to the ul - this will remove the bullets.    */
ul.links, ul.links ul, ul.links ul ul, #mainContent ul.links li{ list-style-type: none;}


/* .._/(  Site Structure  )\_.. */
				
body {background:#33312d;}

body #indexPrimary {background:white;}

#wrapper{
	padding:0 0 0 0;
	text-align:left;
	border-bottom:solid 1px white;
	border-left:solid 1px white;
	border-right:solid 1px white;
	float:inherit;
	background:transparent url(../Images/bgWrapper.gif) repeat-y;
	margin:0 auto 0 auto;
}
.landing #wrapper{
	width:900px;
	height:100%;
	min-height:500px;
}
.interior #wrapper {
	width:900px;
	height:100%;
	min-height:300px;
}
.login #wrapper{
	width: 426px;
	text-align:left;
	margin-top: 40px;
}

#header{
	background:#000000;
	text-align:right;
	width:900px;
	height:20px;
	border-bottom:solid 1px white;
}

#left-nav{
	float:left;
	display:inline; 
	width:189px;
	height:100%;
	min-height:550px;
	line-height:110%;
	overflow:hidden;
	/*font-family:arial; 
	font-weight:600;*/

}
.landing #content {
	background-color:#ffffff;
	height:100%;
	width:708px;
	float:left;
	display:inline;
	vertical-align:top;
}
.interior #content {
	background-color:#ffffff;
	height:100%;
	display:inline;
	width:711px;
	float:left;
	vertical-align:top;
}
.login #content{
	background-color:White;
	height:100%;
}
#home #primary { 
	float:left;
	width:520px;
	background:#ffffff;
	padding:0 6px 12px 10px;
}

#interior #primary {
	padding:0 0 12px 10px;
	width:580px;
	background:#ffffff;
}

#index #primary {
	padding:0 0 12px 10px;
	width:580px;
	background:#ffffff;
}

#index2 #primary {
	padding:0 0 12px 10px;
	width:328px;
	float:left;
	background:#ffffff;
}
#index2 #secondary {
	display:inline;
	width:328px;
	float:left;
	background:#ffffff;
	padding:100px 5px 0 10px;
	margin-left:20px;
}
#home #secondary {
	display:inline;
	width:144px;
	float:left;
	height:100%;
	background:#ffffff;
	padding:12px 1px 0 2px;
}
#section1, #section2 {
	width:328px;
	background:#ffffff;
	 }
#news 
{	height:110%;
	background:transparent url(../Images/bgSecondary.gif) 0 0 no-repeat;
}

#footer{
	background:#d9d3a4 url(../Images/bg_footer.jpg) left bottom no-repeat;
	clear:left;
	height:40px;
	margin:0 -21px;
}
.login #footer2{
	margin-left: 240px;
}
	

/* .._/(  Navigation  )\_.. */

#left-nav ul
{
	list-style-position:inside; 
	padding-left:15px;
}
  
#left-nav li
{
	list-style:square;
	white-space:nowrap;
	font-size:smaller; 
}

#left-nav a{
	list-style:none;
	font-size:110%;
	margin-left:0;
	padding:8px 0 0px 10px;
	display:block;
	font-family:arial; 
	/*font-weight:600;*/
}

#left-nav a,
#left-nav a:visited,
#left-nav a:hover{
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap; /* added so text would not wrap on first word */
}

.plus 
{	font-size: 8px;
	line-height: 8px;
	}
	
#utility-nav {
}
#utility-nav ul {
	list-style:none;
}
#utility-nav li {
	background:transparent url(../Images/bgUtilityNav.gif) 0 1px no-repeat;
	display:inline;
	padding-left:15px;
}
	#utility-nav li.first {
		background:none;
	}
#utility-nav a,
#utility-nav a:visited {
	color:white;
	font-size:90%;
	text-decoration:none;
}
#utility-nav a:hover {
	text-decoration:underline;
}

/* .._/(  Type, Links and Lists  )\_.. */

.announcements
{	font-size:84%;
	line-height:140%;
	padding-left:5px;
}
/*.landing #announcements{
	margin:0 0 0 1px;
	_margin-left:0;
	width:275px;
	_width:276px;
}
.landing #events{
	width:277px;
	margin-left:12px;
} */
#address
{	color:#27266b;
	font-size:90%;
}
.copyright
{	background:#d9d3a4;
	color:#76787b;
	font-weight:600;
	font-size:90%;
}

/* .._/(  Tables  )\_.. */
.sectionHead 
{	background:transparent url(../Images/bgSection.gif) 0 0 no-repeat;
	height:21px;
	color:White;
	padding: 0 0 0 4px;
	font-weight:600;
	vertical-align:middle;
	text-transform:capitalize;  
}


/* .._/(  Systems - login pages  )\_.. */


/* .._/(  Forms  )\_.. */

#datalist{
	border-bottom:1px solid #d2d3d2;
}
input, textarea {border: 1px solid #242323;}

.dgHds  {
	font-family: Verdana, Arial, Sans-Serif;
	color: White;
	font-size: 80%;
	font-weight: 600;
	background-color:#504c46;  /*gray*/
}
.dgTxt  {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 85%;
	color: black;
	padding:2px; 
}
/* .._/(  Randoms/dev utility styles  )\_.. */

.hide {display: none;}
.left {float: left; margin: 10px 5px 10px 0;}
* html .left {margin-right: 0;}
.right {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.error, .red {color: red;}

.small {width: 25%;}
.medium {width: 48%;}
.large {width: 90%;}

.hrColor {color: #27266b; width:1px; text-align:left; width:560px;}

.tbBoard 
{	border: solid 1 #999999; 
	border-collapse:collapse; 
	font-family:Verdana, Arial, Sans-Serif; font-size: 10pt
}

/* added for left menu */

/*
.submenu
{
	list-style:square;
	white-space:nowrap;
	padding-left:8px;
	font-size:smaller; 
}
*/

#footerClear, #footerClear2
{
	clear:both; 
}

/* added for PageContent Editor */

.PageText
{ 
	font-family:Verdana, Arial, Sans-Serif; font-size: 10pt
}


#content strong {color:#000000;}

#left-nav ul {margin:0 0 0 2em;}
#left-nav ul li {list-style-type: disc;margin:0 2em 0 -2em;}

#content ol {color:#000;font-weight:bold;}
#content ol li {color:#45443f;font-weight: normal;list-style-position:outside;margin:.2em 0 0 2em;}
#content ul {color:#000;font-weight:bold;}
#content ul li {color:#45443f;font-weight: normal; list-style-type:disc; list-style-position:outside;margin:.2em 0 0 2em;}

/* added to capitalize page title */

.cap 
{
	text-transform:uppercase;  
}

.mixed
{
	text-transform:capitalize;   
}