body 
{
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 0.8em;
text-align: center;
height: 100%;
}

a:link 
{
color: #1c3f95; 
font-weight: normal;
text-decoration: underline;
}

a:visited 
{
color: #1c3f95; 
font-weight: normal;
text-decoration: underline;
}

a:hover 
{
color: #7daad6; 
font-weight: normal;
text-decoration: underline;
}

a:active 
{
color: #1c3f95; 
font-weight: normal;
text-decoration: underline;
}

h1
{
color: #1c3f95;
font-size: 1.2em;
margin: 20px 0 0 0;
padding: 0;
}

h2
{
color: #1c3f95;
font-size: 1.0em;
margin: 20px 0 0 0;
padding: 0;
}


#container
{
background-color: #fff;
color: #333;
margin: 0px auto;
text-align: left;
width: 950px;
}

#mainbody
{
background-image: url("http://www.raptorpharma.com/images/back_body.gif");  /*gray lines left and right, plus right of main body (before pic)*/
clear: both;
height: 100%;
margin: 0px;
overflow-x: hidden; 
overflow-y: hidden;
}


#mainbodyhome
{
clear: both;
background-image: url("http://www.raptorpharma.com/images/back_body_home.gif");  /*gray lines left and right, plus right of main body (before pic)*/
height: 100%;
margin: 0px;
overflow-x: hidden; 
overflow-y: hidden;
}

#mainbodynosidebar
{
clear: both;
background-image: url("http://www.raptorpharma.com/images/back_body_home.gif");  /*gray lines left and right, plus right of main body (before pic)*/
height: 100%;
margin: 0px;
overflow-x: hidden; 
overflow-y: hidden;
}

#leftsidebar
{
float: left;
height: 100%;
margin: 0px;
padding: 0px;
width: 240px;
}

/*--- curved lines top and bottom -----*/

#topgraphic
{
background-image: url("http://www.raptorpharma.com/images/top_body.gif");
clear: both;
height: 8px;
margin: 0px auto;
overflow-x: hidden; 
overflow-y: hidden;
width: 950px;
}

#bottomgraphic
{
background-image: url("http://www.raptorpharma.com/images/bottom_body.gif");
clear: both;
height: 8px;
margin: 0px;
overflow-x: hidden; 
overflow-y: hidden;
width: 950px;
}

#bottomgraphichome
{
background-image: url("http://www.raptorpharma.com/images/bottom_body_home.gif");
clear: both;
height: 8px;
margin: 0px;
overflow-x: hidden; 
overflow-y: hidden;
width: 950px;
}

#bottomgraphicnosidebar
{
background-image: url("http://www.raptorpharma.com/images/bottom_body_home.gif");
clear: both;
height: 8px;
margin: 0px;
overflow-x: hidden; 
overflow-y: hidden;
width: 950px;
}


/*--- header -------------------------------------------------*/

#header
{
background-image: url("http://www.raptorpharma.com/images/back_header.gif");
border-bottom: 2px solid #7daad6;
height: 80px;
margin: 0px auto;
width: 950px;
}

#headerleft
{
float: left;
width: 233px;
}

#headerright
{
float: right;
margin-top: 30px;
margin-right: 20px;
text-align: right;
width: 200px;
}

#headerright2
{
float: right;
margin-top: 30px;
margin-right: 20px;
text-align: right;
width: 200px;
}

/*--- footer ------------------------------------------------*/

#footer
{
clear: both;
color: #333;
height: 20px;
margin: 0px;
}

#footerleft /*--- copyright ---------*/
{
float: left;
font-size: 0.75em;
text-align: left;
width: 400px;
}

#footerright /*--- navigation ---------*/
{
float: right;
font-size: 0.75em;
width: 500px;
}

/*---main area of page ---------------------------------------*/

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
height: 100%;
}

#rightnav
{
float: right;
margin: 0;
padding: 1em;
width: 160px;
height: 100%;
}

#content
{
margin: 0 240px 0 280px;
height: 100%;
}

#contentsearch
{
margin: 0 20px 0 280px;
}

#contentnosidebar
{
margin: 0 20px 0 280px;
}


#pipelinecomment p
{
font-size: 0.7em;
font-style: italic;
margin-top: 5px;
margin-bottom: 5px;
}

#reference p
{font-size: 0.7em;}

#reference li
{font-size: 0.7em;}

#righticon /*--- printer icon ---------*/
{
float: right;
margin: 0px 10px 0 0;
}


/*--- right sidebar includes both photo and highlight text ---------*/

#rightsidebar  
{
float: right;
margin: 0px;
padding: 0px;
width: 215px;
}

#righthighlight  /*--- text area ---*/
{
clear: both;
margin: 0 10px 0 10px;
text-align: left;
}

#righthighlight p.small
{font-size: 0.9em;}

/*--- photos at upper right, one per section ----*/

#sidepic_investor
{
background-image: url("http://www.raptorpharma.com/images/photo_investors.gif");
height: 144px;
width: 213px;
}

#sidepic_science
{
background-image: url("http://www.raptorpharma.com/images/photo_science.gif");
height: 144px;
width: 213px;
}

#sidepic_about
{
background-image: url("http://www.raptorpharma.com/images/photo_about.gif");
height: 144px;
width: 213px;
}

#sidepic_products
{
background-image: url("http://www.raptorpharma.com/images/photo_products.gif");
height: 144px;
width: 213px;
}


#sidepic_partnering
{
background-image: url("http://www.raptorpharma.com/images/photo_partnering.gif");
height: 144px;
width: 213px;
}

#sidepic_patients
{
background-image: url("http://www.raptorpharma.com/images/photo_patients.gif");
height: 144px;
width: 213px;
}

#sidepic_misc
{
background-image: url("http://www.raptorpharma.com/images/photo_misc.gif");
height: 144px;
width: 213px;
}



/*--- table 1 ------------------------------------------------*/

#content table.table1
{
border-collapse: collapse;
border-color: #333;
border-spacing: 0px;
border-style: solid;
border-width: 1px;
}

#content table.table1 th  
{
background-color: #90bade;
border-color: #333;
border-width: 1px;
border-style: solid;
color: #000;
padding: 0 1.0em;
vertical-align: top;
}

#content table.table1 td  
{
border-color: #333;
border-width: 1px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
}

#content table.table1b
{
border-collapse: collapse;
border-color: #333;
border-spacing: 0px;
border-style: solid;
border-width: 1px;
}

#content table.table1b th  
{
background-color: #90bade;
border-color: #333;
border-width: 1px;
border-style: solid;
color: #000;
padding: 0 1.0em;
text-align: left;
vertical-align: top;
}

#content table.table1b td  
{
border-color: #333;
border-width: 1px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
}


#content table.table1c
{
border-spacing: 0px;
border-width: 1px;
border-color: #fff;
}

#content table.table1c td  
{
padding: 0 1.0em;
vertical-align: top;
border-color: #fff;
}




/*--- table 2 ------------------------------------------------*/

#content table.table2
{
border-collapse: collapse;
border-color: #333;
border-spacing: 0px;
border-style: solid;
border-width: 1px;
}

#content table.table2 th  
{
background-color: #1c3f95;
border-color: #333;
border-width: 1px;
border-style: solid;
color: #fff;
padding: 0 1.0em;
vertical-align: top;
}

#content table.table2 td 
{
background-color: #fff;
border-color: #333;
border-width: 1px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
}

#content table.table2 td.shadedltblue
{
background-color: #d8e8f7;
border-color: #333;
border-width: 1px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
}

#content table.table2 td.shadeddkblue
{
background-color: #90bade;
border-color: #333;
border-width: 1px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
}


#content table.table2 td.shadedgray
{
background-color: #ddd;
border-color: #333;
border-width: 1px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
}



/*--- home page layout -------------------------------------------*/

#contenthome
{
float: left;
margin-left: 30px;
width: 679px;
}

#topphoto
{
background-image: url("http://www.raptorpharma.com/images/home-photo.gif");
height: 300px;
width: 679px;
}
 
#content1  /*--- left side text below photo ---*/
{
float: left;
margin-left: 50px;
margin-top: 20px;
width: 250px;
}

#content1 p
{
font-size: 1.1em;
}

#content1 p.small
{
font-size: 0.9em;
}


#content2  /*--- right side text below photo ---*/
{
float: right;
font-size: 0.9em;
margin-right: 10px;
margin-top: 20px;
width: 250px;
}

/*--- nav upper right ---------------------------------------------*/

#topnav
{
background-color: #1c3f95;
clear: both;
color: #fff;
height: 20px;
margin: 0px;
}

#navcontainer1
{
height: 25px;
margin: 0 0 0 10px;
}

#navcontainer1 ul
{
border: 0;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}

#navcontainer1 ul li
{
display: block;
float: right;
margin: 0;
padding: 0;
text-align: left;
}

#navcontainer1 ul li a
{
color: #fff;
display: block;
font-size: 0.8em;
height: 15px;
margin: 2px 0 3px 0;
text-align: center;
text-decoration: none;
width: 70px;
}

#navcontainer1 ul li a:hover
{
color: #7daad6;
}

#navcontainer1 a:active
{
color: #fff;
}

#navcontainer1 li #active a
{
color: #fff;
}

#navcontainer1 ul li a#current
{
color: #fff;
}

/*----- nav lower right -----------------------------------------------*/

#navcontainer2
{
height: 20px;
margin: 0 0 0 10px;
}

#navcontainer2 ul
{
border: 0;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}

#navcontainer2 ul li
{
display: block;
float: right;
margin: 0;
padding: 0;
text-align: left;
}

#navcontainer2 ul li a
{
color: #000;
display: block;
height: 18px;
margin: 2px 0 5px 0;
text-align: center;
text-decoration: none;
width: 90px;
}

#navcontainer2 ul li a:hover
{
color: #7daad6;
}

#navcontainer2 a:active
{
color: #000;
}

#navcontainer2 li #active a
{
color: #000;
}

#navcontainer2 ul li a#current
{
color: #000;
}

/* --- nav left side -------------------------------------------- */

#navcontainer3 ul
{
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}

#navcontainer3 ul a
{
background-color: #7daad6;
border-bottom: 1px solid #90bade; 
color: #1f218d;
display: block;
padding: 8px 15px;
text-decoration: none;
width: 240px;
font-weight: bold;
}

#navcontainer3 ul a:hover
{
background-color: #d8e8f7;
color: #1f218d;
text-decoration: none;
}

#navcontainer3 a:active
{
background-color: #90bade;
color: #1f218d;
text-decoration: none;
}

#navcontainer3 ul ul a
{
background-color: #90bade;
border-bottom: 1px solid #90bade; 
color: #1f218d;
display: block;
padding: 2px 5px 2px 30px;
text-decoration: none;
width: 235px;
}

#navcontainer3 ul ul a:hover
{
background-color: #d8e8f7;
color: #1f218d;
text-decoration: none;
}

#navcontainer3 a:link.activelink 
{
background-image: url("http://www.raptorpharma.com/images/arrow1.gif");
background-color: #90bade;
color: #1f218d;
}

#navcontainer3 a:visited.activelink
{
background-image: url("http://www.raptorpharma.com/images/arrow1.gif");
background-color: #90bade;
color: #1f218d;
}

#navcontainer3 a:hover.activelink
{
background-color: #d8e8f7;
color: #1f218d;
}

#navcontainer3 a:link.activelink2
{
background-color: #90bade;
color: #fff;
}

#navcontainer3 a:visited.activelink2
{
background-color: #90bade;
color: #fff;
}

#navcontainer3 a:hover.activelink2
{
color: #fff;
}

/* --- highlight box left side below nav ------------------------------- */

#highlightboxleftcontainer
{
margin-left: 17px;
}

#highlightboxlefttop
{
background-image: url("http://www.raptorpharma.com/images/highlight_top.gif");
display: inline;
float: left;
height: 8px;
overflow-x: hidden; 
overflow-y: hidden;
width: 235px;
}

#highlightboxleftbottom
{
background-image: url("http://www.raptorpharma.com/images/highlight_bottom.gif");
display: inline;
float: left;
height: 8px;
width: 235px;
overflow-x: hidden; 
overflow-y: hidden;
}

#highlightboxleft
{
background-color: #fff;
display: inline;
float: left;
font-size: 0.8em;
width: 235px;
}

#highlightboxleft p
{
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}

#highlightboxleft ul
{margin-left: 25px;
margin-right: 5px;
font-weight: normal;
list-style-type: disc;
}

#highlightboxleft h1
{
margin-left: 5px;
margin-right: 5px;
}
/*------------------------------------*/