body 
{
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 9pt;
height: 100%;
color: #666;
}

a:link 
{
color: #09186e; 
font-weight: normal;
text-decoration: underline;
}

a:visited 
{
color: #09186e; 
font-weight: normal;
text-decoration: underline;
}

a:hover 
{
color: #09186e; 
font-weight: normal;
text-decoration: underline;
}

a:active 
{
color: #09186e; 
font-weight: normal;
text-decoration: underline;
}

h1
{
color: #09186e;
font-size: 11pt;
margin: 20px 0 0 0;
padding: 0;
}

h2
{
color: #09186e;
font-size: 9pt;
margin: 20px 0 0 0;
padding: 0;
}


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

#mainbody
{
background-image: url("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;
}


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

#leftsidebar p
{
color: #ccc;
font-size: 8pt;
margin-left: 10px;
}

#leftsidebar p.large
{
color: #ccc;
font-size: 10pt;
margin-left: 10px;
}


#leftsidebar ul
{
color: #ccc;
font-size: 8pt;
}


#leftsidebar a
{
color: #ccc;
}


#leftsidebar li
{
color: #ccc;
margin-left: 10px;
}


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

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

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

#stripes
{
background-image: url("images/stripes.gif");  
clear: both;
height: 10px;
margin: 0px;
overflow-x: hidden; 
overflow-y: hidden;
width: 950px;
}

#stripes_home
{
background-image: url("images/stripes.gif");  
 
height: 10px;
margin: 0px;
overflow-x: hidden; 
overflow-y: hidden;
width: 650px;
}



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

#header
{
border-bottom: 2px solid #666666;
height: 134px;
margin: 0px auto;
width: 950px;
overflow-x: hidden; 
overflow-y: hidden;
}

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

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

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

#footerright /*--- navigation ---------*/
{
float: right;
font-size: 8pt;
width: 500px;
text-align: right;
}

/*---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: 10px 20px 0 280px;
height: 100%;
}

#contenthome1
{
margin: 10px 10px 0 10px;
}

#contenthome2
{
margin: 10px 10px 0 10px;
}



 

/*--- nav above top photo ---------------------------------------------*/

#topnav
{
clear: both;
color: #000;
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: #000;
display: block;
font-size: 8pt;
height: 15px;
margin: 2px 15px 3px 0;
text-align: center;
text-decoration: none;
width: 70px;
}

#navcontainer1 ul li a:hover
{
color: #55609b;
}

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

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

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

/*----- nav below top photo -----------------------------------------------*/

#topnav2
{
clear: both;
color: #fff;
background-color: #666666;
height: 35px;
margin: 0px;
}


#navcontainer2
{
height: 25px;
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: #fff;
display: block;
font-size: 8pt;
height: 20px;
margin: 2px 15px 3px 0;
text-align: center;
text-decoration: none;
width: 80px;
}

#navcontainer2 ul li a:hover
{
color: #09186e;
}

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

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

#navcontainer2 ul li a#current
{
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: 8pt;
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;
}
/*------------------------------------*/


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

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

#content table.table1 th  
{
border-color: #e7e8f1;
border-width: 1px;
border-style: solid;
background-color: #55609b;
color: #fff;
padding: 1.0em 1.0em;
vertical-align: top;
font-weight: normal;
}

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


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

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

#content table.table2 th  
{
border-color: #e7e8f1;
border-width: 1px;
border-style: solid;
background-color: #55609b;
color: #fff;
padding: 1.0em 1.0em;
vertical-align: top;
font-weight: normal;
}

#content table.table2 td  
{
border-color: #e7e8f1;
border-width: 1px;
border-style: solid;
vertical-align: top;
padding: 0 1.0em;
font-size: 8pt;
}