/*
STATIC PAGE STYLES
*/
html 
	{
     overflow: -moz-scrollbars-vertical;
	}
html, body 
	{
  	height: 100%; /* Required */
	}
#mainJoint
	{
	width:740px;
	margin:0 auto;
	}
body
	{
	/*letter-spacing:.03em;*/
	text-align:center;
	width:100%;
	font-size: 11px;
	font-family:/*"Trebuchet MS",*/  verdana, sans-serif;
	background-image: url(images/bg.gif);
	background-repeat:repeat-x;
	background-color: #ffffff;
	margin:2px 0 0 0;
	}
	div
	{
	text-align:left;
	}
ul
	{
	list-style-image: url(images/bullet_square.gif);
	padding-left:1em;
	margin:10px 0px 5px 14px;
	}
	ul li
		{
		font-weight:normal;
		padding:0px 0px 5px 0px;
		}
	
li {
list-style:square
}
a {  
color: #1F4B78; 
text-decoration: none;
}

a:hover {  
color: #C6D22D; 
cursor: hand;
text-decoration: underline;
}

body, font { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #4E4E4E; 
text-decoration: none;  }

.text { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
padding-right : 8px;
margin-top : 8px;
color: #4E4E4E; 
text-decoration: none;  }

.text-blue { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
padding-right : 8px;
margin-top : 8px;
color: #1F4B78; 
text-decoration: none;  }

.text-home { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
padding-right : 8px;
margin-top : 5px;
color: #4E4E4E; 
text-decoration: none;  }

.text-small { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px;
margin-top: 6px;
color: #4E4E4E; 
text-decoration: none;  }

.subhead { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
padding-right : 8px;
margin-top : 5px;
color: #1F4B78;
font-weight: bold; 
text-decoration: none;  }

.headline { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
margin-right : 10px;
margin-top : 5px;
color: #1F4B78;
font-weight: bold; 
text-decoration: none;  }



.footer { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #4E4E4E; 
text-decoration: none;  }

.sidebar { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #4E4E4E; 
text-decoration: none;  }

.sidebarhead { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #4E4E4E; 
margin-top : 7px;
margin-bottom : 7px;
text-decoration: none;  }
/*
new homepage styles
--------------------------*/
#homePage_topBoxes
	{
	clear:both;
	float:left;
	width:740px;
	}
	#homePage_topBox1, #homePage_topBox2, #homePage_topBox3, #homePage_topBox4
		{
		width:179px;
		float:left;
		margin-top:9px;
		}
	#homePage_topBox2, #homePage_topBox3, #homePage_topBox4
		{
		margin-left:8px;
		}
#homePage_twoCols
	{
	margin:7px 0 10px 0;
	clear:both;
	float:left;
	width:740px;
	}
	html*#homePage_leftCol, html*#homePage_rightCol
		{
		width:366px !important;
		}
	#homePage_leftCol, #homePage_rightCol
		{
		height:500px;
		border:1px solid #cccccc;
		float:left;
		width:364px;
		}
		#homePage_rightCol
			{
			margin-left:8px;
			}
#HP_ourCompanyHdr
	{
	width:364px;
	height:55px;
	background:url(images/ourcompany.gif);
	background-repeat:no-repeat;
	}
#HP_ourProductsHdr
	{
	width:364px;
	height:55px;
	background:url(images/ourproducts.gif);
	background-repeat:no-repeat;
	}
#HP_newsBlkHdr
	{
	width:364px;
	height:55px;
	background:url(images/news.gif);
	background-repeat:no-repeat;
	}
	h1.HP_ourCompany, h1.HP_ourProducts, h1.HP_news
		{
		display:none;
		}
.hp_contentBlk
	{
	padding:7px 15px 7px 7px;
	}
	.hp_contentBlk p
		{
		line-height:18px;
		margin:0 0 5px 0;
		}
/*---------------------------
homepage styles end
*/

h1.staticH1
	{
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	color:#003366;
	}
#topLogoAndLinks
{
border:1px solid #cccccc;
width:728px;
padding:10px 10px 0px 0px;
margin:15px 0 0 0;
}
#topNav
{
margin:7px 0px 0px 0px;
}
#mainBodyBlk
{
width:740px;
float:left;
clear:both;
}
#contentCell
{
border-bottom:1px solid #cccccc;
}
#content
{
padding:8px 8px 0px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4E4E4E;
text-decoration:none;
}
.sideLinks
{
margin:0px 0px 0px 0px;
font-family:arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:700;
color:#003366;
}
.sideLinksOn
{
margin:0px 0px 0px 0px;
font-family:arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:700;
color:#C6D22D;
}
.sideNavBit
{
border-bottom:1px solid #cccccc;
overflow:hidden;
padding:5px 0px 5px 14px;
background:url(http://www.sucampo.com/images/staticSideNavBg.gif);
background-repeat:no-repeat;
}

.sideRelated
{
overflow:hidden;
padding:5px 0px 5px 5px;
background:url(http://www.sucampo.com/images/staticSideNavBg.gif);
background-repeat:no-repeat;
}

.lastSideNavBit
{
width:197px;
overflow:hidden;
padding:3px 0px 3px 0px;
background:url(http://www.sucampo.com/images/staticSideNavBg.gif);
background-repeat:no-repeat;
}
td.foot
{
padding:0px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#003366;
text-decoration:none;
}

/* new CSS created for site update 2007 */

h1.staticH1
	{
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	color:#003366;
	}
a.topNavLink:link, a.topNavLink:visited
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4E4E4E;
	text-decoration:none;
	}
	a.topNavLink:hover
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#C6D22D;
		text-decoration:underline;
		}


.sideLinks
{
margin:0px 0px 0px 14px;
font-family:arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:700;
color:#003366;
}

.sideLinkson
{
margin:0px 0px 0px 14px;
font-family:arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:700;
color:#C6D22D;
}

a.sideLinks:link, a.sideLinks:visited
	{
	color:#003366;
	}
a.sideLinks:hover
	{
	color:#C6D22D;
	}
	
.sideLinks2
{
margin:0px 0px 0px 8px;
font-family:arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:700;
color:#003366;
}
a.sideLinks2:link, a.sideLinks2:visited
	{
	color:#003366;
	}
a.sideLinks2:hover
	{
	color:#C6D22D;
	}
	
.sideNavBit
{
width: 195px;
border-bottom:1px solid #cccccc;
overflow:hidden;
padding:5px 0px 5px 0px;
background:url(http://www.sucampo.com/images/staticSideNavBg.gif);
background-repeat:no-repeat;
}
.lastSideNavBit
{
width:195px;
overflow:hidden;
padding:3px 0px 3px 0px;
background:url(http://www.sucampo.com/images/staticSideNavBg.gif);
background-repeat:no-repeat;
}

.picture
{
margin:3px 7px 3px 0px;
}

td.foot
{
padding:0px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:740px;
color:#003366;
text-decoration:none;
}
#footBlk
{
border:1px solid #cccccc;
clear:both;
height:62px;
}
#insole
	{
	padding:10px 0 0 10px;
	}
#footBlk a
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	text-decoration:none;
	}
#footBlk a:hover
	{
	color:#C6D22D;
	}

/*
here come the new styles from tim's kitchen...
*/
td.topNavTD
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4E4E4E;
	text-decoration:none;
	}
#threeColumnBody, #twoColumnBody
	{
	float:left;
	width:738px;
	border:1px solid #cccccc;
	border-top-style:none;
	margin:0 0 10px 0;
	}

#leftSideNavBlk
	{
	overflow:hidden;
	float:left;width:194px;
	}
	
#twoColumnBody #contentColumn
	{
	float:left;
	width:540px;
	border-left:1px solid #cccccc;
	}
#threeColumnBody #contentColumn
	{
	overflow:hidden;
	float:left;
	width:387px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	min-height:400px;
	}
* html #thirdColumn
	{
	float:left;
	width:154px;
	overflow:hidden;
	}
#thirdColumn
	{
	float:left;
	width:155px;
	overflow:hidden;
	}
	#thirdColumn h2
	{
		text-align: center;
		margin: 0 0 0 0;
		padding: 5px 0 5px 0;
		color: #FFF;
		background-color: #003366;
		font-size: 15px;
		font-weight: 500;
		font-family: arial, sans serif;
		text-transform: uppercase;
	}

#contentTwoColumn #content
{
width:562px;
float:left;
}
#contentTwoColumn #content #thirdColumn
{
border-left:1px solid #666;
}

