/*

	SurModics Web site main style sheet

*/


/* ------------------
	=Redefinitions
*/

* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #fff;
	background-image: url(../imgs/bg-page-tier.gif);
	background-position: center 100px;
	background-repeat: no-repeat;
	color: #000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	line-height: 22px;
}

body.home {
	background-image: url(../imgs/bg-page-home.gif);
}

p {
	margin: 0 0 1em 0;
}

body.faq #m p { margin-bottom: 1.5em; }

br.clear { clear: both; }

strong {
	color: #316797;
}

a {
	color: #004685;
	text-decoration: none;
}

a:hover {
	color: #004685;
}

h1, h2, h3 {
	color: #004685;
	font-weight: normal;
	background-position: 0 0;
	background-repeat: no-repeat;
}

h1 span, h2 span, h3 span {
	/*margin-left: -99999px;*/
}

h1.home span { margin-left: -9999999px; }

h1 { 
	font-size: 1.8em;
	padding-top: 8px;
	line-height: 1.3em;
	margin: 0 0 .5em 0;
}

#header h1 { line-height: 1em; margin-bottom: 0; }

h2, h3 {
	font-size: 1.5em;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.2em;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 3px;
	color: #000;
	line-height: 1.7em;
}

h4 em {
	font-weight: normal;
	font-style: normal;
	padding-left: 7px;
}

img { border: 0; }

/* 
	=Text Formatting
*/

div.pagewidth {
	width: 770px;
	margin: 0 auto;
}

div.srilogo {	
	float: right;
	width: 250px;
	padding-left: 150px;
	margin-top: 0px;
	background-color: #fff;
	padding: 10px 13px;
	color: #485A85;
}

div.srilogo img {
	position: relative;
	top: -5px;
	left: -150px;
	float: left;
	margin-right: -150px;
}

div.srilogo p {
	float: left;
	font-size: 80%;
	line-height: 1.3em;
}

div.srilogo a:hover {
	background-color: transparent;
}


.clbl { 
	display: block;
	float: left;
	width: 45px;
}

.imglbl {
	text-align: center;
	font-size: 90%;
}

.fr { float: right; }

.fl { float: left; }

.diagram {
	padding: 10px 10px;
	border: 1px solid #548823;
	background-color: #fff;
	text-align: center;
	width: auto;
}

.diagram p {
	text-align: left;
}

.lnk {
	cursor: help;
	border-bottom: 1px dotted #99b0db;
}

.blk {
	padding: 0px 3px;
	border: 1px solid #c0dc8f;
	background-color: #fff;
	font-weight: bold;
}




/* 
	=List formatting
*/

#content ul {
	margin-left: 25px;
	padding-left: 0;
	list-style-type: none;
	list-style-image: url(../imgs/bullet.gif);
	margin-bottom: 1.5em;
	margin-top: 1em;
}

#content ul li {
	margin-bottom: .5em;
	line-height: 1.4em;
}

* html #content ul {
	list-style-image: url(../imgs/bullet2.gif);
}

#content ul.joblist, ul.joblist {
	margin-left: 0;
	list-style-type: none;
	list-style-image: url();
}

#content ul.pdflist, ul.pdflist {
	margin-left: 0;
	list-style-type: none;
	list-style-image: url();
}

#content ul.pdflist li, ul.pdflist li {
	margin-bottom: .4em;
}

#content ul.pdflist a, ul.pdflist a {
	display: block;
	width: 270px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	font-size: 110%;
	line-height: 1.5em;
	border: 1px solid #99b0db;
}

#content ul.pdflist a:hover, ul.pdflist a:hover {
	
}

/* ------------------
	=Stucture
*/

.wrapper {
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 15px;
	width: 750px;
	height: auto;	
	text-align: left;
    background-color: transparent;
}

#header {
	position: relative;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 773px;
	height: 82px;
	background-image: url(../imgs/bg-header2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-bottom: 40px solid #fff; /*#9cc470;*/
	text-align: center;
}

* html #header {
	height: 88px;
}

#header h1 {
	position: absolute;
	top: 46px;
	left: 10px;
	height: 33px; 
	text-align: left;
}

#content {
    background-color: transparent;
	width: 100%;
	margin-top: 25px;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
}

#content2 {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 0;
}

#contenthome {
    background-color: transparent;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background: url(../imgs/chem.gif);
	overflow:hidden;
/*	margin-top: 0px;
	margin-left: 30px;
    margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;*/
	clear: both;
}

.box {margin: 0; padding: 0; float: left; width: 215px; }

.box2 {margin: 0; padding: 0; float: left; width: 300px; }


#footer {
	font-size: 10px;
	color: #c0dc8e;
	text-align: center;
	margin: 3px 0 0 0;
}

hr.clr {
	clear: both;
	display: block;
	height: 0;
	width: 0;
	border: 0;
	visibility: hidden;
}

/* 
	=Column Structure 
*/

body.home #header {
	height: 320px;
	border-bottom: 0;
}

body.home #content {
	margin-top: 0px;
}

#sb {
    /*background: url(../imgs/chem.gif);*/
	padding: 0px;
	margin: 0;
	font-size: 11px;
	overflow: hidden;
}

body.col-sm #x, body.col-ms #x,
body.col-ms2 #x,
body.col-m #sb, body.col-m #x,
body.col-mx #sb, body.col-xm #sb { 
	display: none; 
}


body.col-sm #m {
	float: left;
	width: 445px;
	text-align: left;
}

body.col-sm #m img  {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

body.col-sm #mInterior {
	float: left;
	width: 490px;
	text-align: left;
}


body.col-sm #sb {
	float: left;
	width: 100%;
	padding-left: 15px;
	text-align: left;
	line-height: 18px;
}


body.col-sm #sb a.bgColor {color: #6791B7; text-decoration: none; }
body.col-sm #sb a:hover.bgColor {background-color: #cee2e4; color: #004685;	}


body.col-sm #sbInterior {
	float: left;
	width: 220px;
	margin-left: 40px;
	text-align: left;
	background-image: url(../imgs/yellow-gradient.jpg);
	background-repeat: repeat-x;
	display: inline;
}

body.col-sm #sbInterior img, body.col-sm #sbInterior p {padding: 10px 10px 0 10px;  }


/* 
	=Header
*/

#header h1, #header h2, #header h3, #header h4 { color: #fff; }


/* 
	=Footer 
*/

#footer .bg {
	background-color: #90b6bb;
	padding: 1px;
	color: #fff;
}

#footer p {
	width: 770px;
	text-align: center;
	padding: 3px 7px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

#footer p.sub {
	width: 770px;
	background: #fff url(../imgs/bg-diagnals.gif) 0 0 repeat-x;
	color: #999;
	text-align: right;
	padding-top: 10px;
	margin-top: 10px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
	background-color: transparent;
}



/* 
	=Two column simple layout
*/

div.col2 {
	clear: none;
}

div.col2 div {
	width: 50%;
	float: left;
}

div.col2 div.col2-1 {
	margin-right: 3%;
	width: 45%;
}


/*
	=News
*/

#news {
	margin-top: 20px;
	font-size: 90%;
	line-height: 1.4em;
}

#news h4 {
	font-weight: normal;
	color: #37559d;
	background-color: #fff;
	padding: 3px 0 3px 5px;
	margin: 0;
	text-transform: uppercase;
	font-size: 10px;
}

#news h3 {
	margin: 0 0 3px 0;
}

#news h3 em {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
}

#news p {
	padding: 0 0 9px 0px;
	margin: 0;
}

/*
	=Meetings =Events
*/
#events {
	background-color: #e1e6d6;
	color: #444;
	padding: 0 0 10px 0;
	font-size: .9em;
	line-height: 1.5em;
}

#events p {
	margin-left: 15px;
	margin-right: 7px;
}

#events strong {
	color: #000;
	font-size: 110%;
	
}

#events h2 {
	background-color: #c1c331;
	font-size: 1.1em;
	font-weight: bold;
	color: #004685;
	padding: 3px 15px;
	border-bottom: 2px solid #ffffff;
	margin-top: -2em;
}

/* 
	=Bios
*/

.bio { 
	position: relative;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #c0dc8f
}

.bio img { position: absolute; top: 15px; left: 0; clear: both; }

* html .bio img { left: -150px; }

.bio { padding-left: 115px; clear: both; margin-bottom: 15px; }

body.board .bio { padding-left: 0; }

/* 
	=Publications 
*/

body.publications h4 {
	font-size: 14px;
	color: #548823;
}

body.publications #m p { margin-bottom: 25px; }

span.publbl,
span.publbl2 {
	display: block; 
	float: left;
	width: 90px;
	font-weight: bold;
	color: #999;
}

span.publbl2 {
	margin-bottom: 7px;
}

/*
	=Forms
*/

label {
	display: block;
	float: left;
	width: 110px;
}

.inputtxt {
	border: 1px solid #000;
	width: 240px;
	font: 13px/17px Arial, Sans-Serif;
	padding: 3px 4px;
}

.inputtxta {
	border: 1px solid #000;
	width: 240px;
	height: 120px;
	font: 13px/17px Arial, Sans-Serif;
	padding: 3px 4px;
}

.inputbtn {
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	background: #37559d;
	color: #fff;
	padding: 2px 5px;
	letter-spacing: .07em;
	font-size: 12px;
}


/* 
	=Design Elements
*/

.bg-img {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.bg-people {
	padding-top: 185px;
	background-image: url(../imgs/people.jpg);
}


/* 
	=Logo + Discover
*/

#logolnk {
	background-image: url(../imgs/surmodics-logo.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	position: absolute;
	top: -80px;
	left: 0;
	text-indent: -9000px;
	height: 62px;
	width: 445px;
}

#discover {
	display: block;
	position: absolute;
	top: -67px;
	right: 38px;
}


/* 
	=Logo
*/

#logolnk  {
    background-image: url(../imgs/surmodics-logo.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
    position: absolute;
    left: 0;
    top: -80px;
}

#logolnk ul#home li  {display: inline;  }

#logolnk ul#home li a  {
   float: left;
   height: 0pt;
   overflow: hidden;
   margin: 0;
   padding: 35px 0;
   width: 200px;
   text-indent: -9000px;
}


/* 
	=Primary Navigation
*/

#navigation {
	position: absolute;
	top: 4px;
	left: 185px;
	z-index: 5000;
	text-align: left;
	visibility: visible;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	line-height: 20px;
	width: auto;
	background-color: transparent; 
	color: #004685;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 6px 7px 6px;
}

#nav li ul a {background-color: #cee2e4; /* this is the problem i believe. changed the background color from 'transparent' to a color;*/ }

#nav a:hover {
    background-color: #cee2e4;
    background-image: url(../imgs/bg-nav-hover.gif);
    background-repeat: no-repeat;
    border: 1px solid #cee2e4;
    border-bottom-width: 4px;
	padding: 3px 5px 3px 5px;

}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	margin: 0 0 0 10px;
	display: inline;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #004685;
	z-index: 600;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 20em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin: 0 0 0 15px;
}

#nav li ul li {  
    background-color: #6891b7;
	display: block;
	margin: 0;
	padding: 0;
	float: none;	
	background: #ccc; 
}

#nav li.fixpad { margin-bottom: -15px; /* with of nav brackets this fixes the additional padding added on IE for 3rd level lists */ }

#nav li ul li a { 
    margin: 0;
	padding: 0; 
	line-height: 30px;
	width: 130px; 
	text-indent: 5px;
	font-weight: normal;
	font-size: .950em;
}

#nav li ul li a:hover { 
    background-color: #cee2e4;
    background-image: url(../imgs/bg-nav-hover.gif);
	color: #004685;
    display: block;  
    border: none;
	padding: 0;
	margin: 0;
}

#nav li ul li ul { /* added definition to reposition 3rd level to the right to avoid covering up other 2nd level items */
	margin: -25px -20px 0 120px !important; 
}

#nav li ul li ul li {  
     background-color: #6891b7;
	 display: block;
	 padding: 0;
	 float: none;
}

#nav li:hover, #nav li.sfhover {
    background-image: url(../imgs/bg-nav-hover.gif);
    background-repeat: no-repeat;
}

#nav li:hover, #nav li.hover {
    position: static;
}
a#homelnk { background-position: -12px 0; }
a#aboutlnk { background-position: -60px 0; }
a#techlnk { background-position: -125px 0; }
a#applnk { background-position: -193px 0; }
a#investorslnk { background-position: -285px 0; }
a#newslnk { background-position: -375px 0; }
a#careerslnk { background-position: -410px 0; }

body.home a#homelnk, body.home a#homelnk:hover,
body.about a#aboutlnk, body.about a#aboutlnk:hover, 
body.services a#serviceslnk, body.services a#serviceslnk:hover,
body.manufacturing a#manufacturinglnk, body.manufacturing a#manufacturinglnk:hover,
body.partners a#partnerslnk, body.partners a#partnerslnk:hover,
body.publications a#publicationslnk, body.publications a#publicationslnk:hover,
body.tech a#techlnk, body.tech a#techlnk:hover,
body.app a#applnk, body.app a#applnk:hover,
body.investors a#investorslnk, body.investors a#investorslnk:hover,
body.news a#newslnk, body.news a#newslnk:hover,
body.careers a#careerslnk, body.careers a#careerslnk:hover,
body.clin a#clinlnk, body.clin a#clinlnk:hover
{
	background-image: url(../imgs/bg-nav-current.gif);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	color: #004685;
	border: 0;
	cursor: default;
	padding: 4px 6px 8px 6px;
}

body.jobs a#jobslnk, body.jobs a#jobslnk:hover,
body.contact a#contactlnk, body.contact a#contactlnk:hover {
	background-color: transparent;
	color: #548823;
	font-weight: bold;
	border-bottom: 2px solid #548823;
	cursor: default;
}

.pr { padding-right: 25px; }

/* 
	=Secondary Navigation
*/

#secondarynavigation ul {
    position: absolute;
    right: 0;
    top: -85px;
    list-style-type: none;
    font-size: 95%;
}

#secondarynavigation li {
    float: left;
    margin-right: 5px;
    padding: 0 0 0 5px;
    border-left: 1px solid #ccc;
}

#secondarynavigation li.first {
    border-left-width: 0;
}

#secondarynavigation a {
    padding: 0 5px;
}

#secondarynavigation a:hover  {background-color: #cee2e4;  }

/* 
	=Peer Navigation
*/

#peernav {
	position: absolute;
	top: 96px;
	left: 3px;
	font-size: 12px;
	width: 743px;
	text-align: left;
}

#peernav a {
	padding: 0 3px;
}

#peernav a:hover  {background-color: #cee2e4;  }


body.overview a#overviewlnk, body.overview a#overviewlnk:hover,
body.ceomsg a#ceomsglnk, body.ceomsg a#ceomsglnk:hover,
body.vision a#visionlnk, body.vision a#visionlnk:hover,
body.culture a#culturelnk, body.culture a#culturelnk:hover,
body.history a#historylnk, body.history a#historylnk:hover,
body.officers a#officerslnk, body.officers a#officerslnk:hover,
body.bod a#bodlnk, body.bod a#bodlnk:hover,
body.cr a#crlnk, body.cr a#crlnk:hover,
body.workcr a#workcrlnk, body.workcr a#workcrlnk:hover,
body.comsupport a#comsupportlnk, body.comsupport a#comsupportlnk:hover,
body.surface a#surfacelnk, body.surface a#surfacelnk:hover,
body.anychem a#anychemlnk, body.anychem a#anychemlnk:hover,
body.techtrans a#techtranslnk, body.techtrans a#techtranslnk:hover,
body.regexp a#regexplnk, body.regexp a#regexplnk:hover,
body.bdo a#bdolnk, body.bdo a#bdolnk:hover,
body.comrelation a#comrelationlnk, body.comrelation a#comrelationlnk:hover,

body.form a#formlnk, body.form a#formlnk:hover,
body.info a#infolnk, body.info a#infolnk:hover,
body.map a#maplnk, body.map a#maplnk:hover,

body.gov a#govlnk, body.gov a#govlnk:hover,
body.perform a#performlnk, body.perform a#performlnk:hover,
body.high a#highlnk, body.high a#highlnk:hover,
body.release a#releaselnk, body.release a#releaselnk:hover,
body.anyl a#anyllnk, body.anyl a#anyllnk:hover,
body.rep a#replnk, body.rep a#replnk:hover,
body.sec a#seclnk, body.sec a#seclnk:hover,
body.inside a#insidelnk, body.inside a#insidelnk:hover,
body.cc a#cclnk, body.cc a#cclnk:hover,
body.ir a#irlnk, body.ir a#irlnk:hover,
body.pres a#preslnk, body.pres a#preslnk:hover,
body.inq a#inqlnk, body.inq a#inqlnk:hover,

body.corpnews a#corpnewslnk, body.corpnews a#corpnewslnk:hover,
body.eventcal a#eventcallnk, body.eventcal a#eventcallnk:hover,

body.post a#postlnk, body.post a#postlnk:hover,
body.connect a#connectlnk, body.connect a#connectlnk:hover,
body.culture a#culturelnk, body.culture a#culturelnk:hover,
body.benefits a#benefitslnk, body.benefits a#benefitslnk:hover,
body.businesscareer a#businesscareerlnk, body.businesscareer a#businesscareerlnk:hover,

body.cardio a#cardiolnk, body.cardio a#cardiolnk:hover,
body.ophthal a#ophthallnk, body.ophthal a#ophthallnk:hover,
body.ortho a#ortholnk, body.ortho a#ortholnk:hover,
body.pharma a#pharmalnk, body.pharma a#pharmalnk:hover,
body.invitro a#invitrolnk, body.invitro a#invitrolnk:hover,
body.mkts a#mktslnk, body.mkts a#mktslnk:hover,
body.pipeline a#pipelinelnk, body.pipeline a#pipelinelnk:hover,
body.ivdd a#ivddlnk, body.ivdd a#ivddlnk:hover,
body.subdd a#subddlnk, body.subdd a#subddlnk:hover,

body.dd a#ddlnk, body.dd a#ddlnk:hover,
body.durcoat a#durcoatlnk, body.durcoat a#durcoatlnk:hover,
body.biocoat a#biocoatlnk, body.biocoat a#biocoatlnk:hover,
body.microparticles a#microparticleslnk, body.microparticles a#microparticleslnk:hover,
body.implant a#implantlnk, body.implant a#implantlnk:hover,
body.proteindel a#proteindellnk, body.proteindel a#proteindellnk:hover,
body.biopolymer a#biopolymerlnk, body.biopolymer a#biopolymerlnk:hover,

body.surfacemod a#surfacemodlnk, body.surfacemod a#surfacemodlnk:hover,
body.hydro a#hydrolnk, body.hydro a#hydrolnk:hover,
body.photolink a#photolinklnk, body.photolink a#photolinklnk:hover,
body.photochem a#photochemlnk, body.photochem a#photochemlnk:hover,
body.techapp a#techapplnk, body.techapp a#techapplnk:hover,
body.manuf a#manuflnk, body.manuf a#manuflnk:hover,

body.biohealing a#biohealinglnk, body.biohealing a#biohealinglnk:hover,
body.prohealing a#prohealinglnk, body.prohealing a#prohealinglnk:hover,
body.heparin a#heparinlnk, body.heparin a#heparinlnk:hover,
body.synbiocoat a#synbiocoatlnk, body.synbiocoat a#synbiocoatlnk:hover,

body.cellencap a#cellencaplnk, body.cellencap a#cellencaplnk:hover,

body.ivtech a#ivtechlnk, body.ivtech a#ivtechlnk:hover,
body.prostab a#prostablnk, body.prostab a#prostablnk:hover,
body.biofx a#biofxlnk, body.biofx a#biofxlnk:hover,
body.autoimmune a#autoimmunelnk, body.autoimmune a#autoimmunelnk:hover,
body.ecm a#ecmlnk, body.ecm a#ecmlnk:hover,
body.codelink a#codelinklnk, body.codelink a#codelinklnk:hover,

{ 
	
	background: transparent; 
	color: #000; 
	cursor: default;
	font-weight: bold;
}


#homeImages  {
    
	margin: 0;
	padding: 0;
	width: 776px;
	height: 320px;
	position: relative;
	
	position: relative;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 773px;
	height: 320px;
	background-image: url(../imgs/bg-header.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-bottom: 5px solid #fff; /*#9cc470;*/
	text-align: left;
}



#rightCol img { padding: 7px 0 0 7px; margin: 0; display: block;  }

#leftCol  img { padding: 7px 0 0 7px; margin: 0; display: block;  }

#leftCol  {
    background-color: transparent;
    margin: 36px 0 0 0;
	padding: 0;
	float: left;
	width: 415px;
	height: 280px;
}

#middleCol  {
    margin: 36px 0 0 0;
	padding: 0;
	float: left;
	width: 343px;
}

#rightCol  {
    margin: 36px 0 0 0;
	padding: 0;
	float: left;
	width: 215px;
	height: 280px;
}

.collapsable li {
		border-bottom: solid 2px #6891b7;
		color: #fff;
		height: 68px;
		list-style-type: none;
		margin: 0;
		padding: 0;
}

.collapsable li a {
		color: #fff;
		display: block; 
		width: 100%;
		font-size: 28px;
		padding: 0; 
		margin: 0;
		line-height: 68px;
}
	
.collapsable li a:hover {
		background-color: #75afa8;
		color: #0c796d;
}

/*.collapsable li.section {
		border-top: 2px solid #fc3;
	    border-bottom: none;
		height: 70px;
	}

.collapsable li.section a {color: #fc3; }*/

/*.collapsable li.noBorder  {border-bottom: none;  }*/

	
	/* sub list */
.collapsable li ul {display: none; }
.collapsable li li {height: 34px; }
.collapsable li li a {
		font-size: 16px;
		line-height: 34px;
	}
	
	/* main item hover */
.collapsable li:hover, .collapsable li.hover {background-color: #75afa8; z-index: 500;}
* html .collapsable li.hover {overflow: hidden; }
.collapsable li:hover ul, .collapsable li.hover ul {display: block; }
.collapsable li ul {
		background-color: #0c796d;
		border: 3px solid #ccc;
		border-bottom-width: 2px;
		left: 120px;
		position: relative; 
		text-align: left;
		top: -10px;
		width: 300px;
		z-index: 500;
	}
.collapsable li ul a {padding-left: 6%; width: 94%; }
	
	
/* = Page Headlines */

#header h1.home {
	height: 90px;
	left: 1px;
	top: 65px;
	width: 100%;
	background-image: url(../imgs/product-focused.png);
}
#header h1.home a { position: absolute; bottom: 0px; right: 0; font-size: 12px; color: #fff; background: transparent; }
* html #header h1.home { background-image: url(); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/product-focused.png"); }

#header p.home { font-size: 12px; position: absolute; left: 190px; top: 135px; width: 500px; color: #fff; }
#header p.home a { color: #fff; text-decoration: underline; }
#header p.home a:hover { color: #23591a; }



/*
	=Resume Form
*/

small { line-height: 1em; }

form.resume {
	background: #fff;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0 0 30px 0;
	line-height: 1.4em;
}

form.resume h4 {
	margin: 7px 10px;
}

form.resume fieldset {
	border: 0;
	padding: 5px 10px;
	margin: 0;
}

form.resume fieldset.alt {
	background-color: #eef3ee;
}

form.resume fieldset.buttons {
	padding-top: 10px;
}

form.resume label {
	width: auto;
	padding-left: 90px;
	padding-bottom: .3em;
	clear: both;
	display: block;
}

form.resume label span.flbl {
	position: relative;
	left: -90px;
	width: 80px;
	float: left;
	margin-right: -90px;
	padding-bottom: .3em;
}

form.resume label input { 
	width: 120px;
	padding: 1px;
}



form.resume fieldset.files label {
	padding-left: 0;
}

form.resume fieldset.files label span.flbl {
	left: 0;
	margin-right: 0;
	float: none;
	width: auto;
	display: block;
}

form.resume fieldset.files label input {
	width: auto;
}

form.resume fieldset.buttons input {
	width: auto;
	border: 1px solid #245803;
	border-left-color: #3a55a5;
	border-top-color: #3a55a5;
	background-color: #002c77;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
	cursor: pointer;
}

form.resume fieldset.buttons input:hover {
	background-color: #3a55a5;
}

form.resume fieldset.buttons input.disabled, 
form.resume filedset.buttons input.disabled:hover {
	background-color: #ccc;
	border: 1px solid #999;
	border-left-color: #eee;
	border-top-color: #eee;
	color: #999;
	cursor: wait;
}

/* 
	=Icons for links
*/


.icon {
	background-position: 0 10px;
	background-repeat: no-repeat;
	padding-left: 35px;
}


.pdflist .icon {
	padding-left: 35px;
	background-position: 10px 50%;
}

.ipdf {
	background-image: url(../imgs/icons/pdf.gif);
}

.ihtml {
	background-image: url(../imgs/icons/www.gif);
}

.idoc {
	background-image: url(../imgs/icons/doc.gif);
}

.ippt {
	background-image: url(../imgs/icons/ppt.gif);
}

.ixls {
	background-image: url(../imgs/icons/xls.gif);
}

.itxt {
	background-image:url(../imgs/icons/txt.gif);
}

.iimg {
	background-image: url(../imgs/icons/img.gif);
}

.izip {
	background-image: url(../imgs/icons/zip.gif);
}