@charset "UTF-8";
/*
Theme Name: Pharmacogenomics
Description: Design for the PGx website
Version: 2.0
Author: Paul Guelpa
*/

/* Layout Overrides */
body {
padding: 0px;
margin: 0px;
background-color: #ebebeb;
background-image:url('images/background-main.gif');
background-repeat:repeat-x;
font-family: Lucida Grande, Arial, sans-serif;
font-size: 13px;
}

img {
border: none;
}

div {
border: 0px;
padding: 0px;
margin: 0px;
}

h1 {color:#336633; font-weight:bold; font-size:24px;  margin-bottom:0px; margin-top:0px;}
h2 { margin-top:0px; font-size: 14px; color:#339933;}

p { font-size:13px; color:#333333; line-height:18px; padding-bottom:10px; }

a {color:#1d4059;}
a:hover {color:#000000;}

/* Custom Styles */
.outer-container {
width: 100%;
margin: 0px;
padding: 0px;
color: #000;
}

.inner-container {
width: 750px;
margin-right: auto;
margin-left: auto;
}

.whitebkg { background-color:#fff; }

.splash-container {
background-image: url('images/splash/background-lower.jpg');
background-repeat: repeat-x;
margin-bottom: 0px;
margin-top: 0px;
}

.copyright {
padding: 15px 0px 0px 0px;
font-size: 10px;
}

.floatright { float: right; }
.floatleft { float:left; }

.blue { background-color: #F4F7FA; }

.arrow {
padding-right: 5px;
float:left;
padding-top: 5px;
padding-bottom: 10px;
}

/*
 * Custom Elements
 */

/* Top Bar */
#top-bar {
display: block;
height: 45px;
width: 750px;
padding: 0px 0px 0px 0px;
margin-top: 0px;
background: url('images/top-bar.gif') no-repeat;
}

/* Top Bar Links */
#top-bar ul.links {
display: inline;
float: right;
margin: 0px ;
padding: 2px 0px 0px 0px;
list-style-position: outside;
}

#top-bar ul.links li {
display: inline;
margin: 3px;
padding: 0px;
line-height: 28px;
font-size: 11px;
}

#top-bar ul.links li a {
text-decoration: none;
color: #336699;
}

#top-bar ul.links li a:hover {
color: #000000;
text-decoration: none;
}

/* Top Bar Languages */
#top-bar ul.languages {
margin: 0px;
padding: 2px 2px 2px 10px;
font-size: 11px;
}

#top-bar ul.languages li {
display: inline;
list-style-type: none;
padding: 2px 5px;
margin: 0px;
}

#top-bar ul.languages li.current_language_item {
font-weight: bold;
}
#top-bar ul.languages li a {
color: #000000;
}
#top-bar ul.languages li a:visited {
color: #000000;
}
#top-bar ul.languages li a:hover {
color: #336699;
}

/* Top Bar Search Form */
.searchform {
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
border: 0px;
padding: 5px;
padding-right: 10px;
}


/* Main Menu */
#main-menu {
}

#main-menu ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-top: 15px;
padding-bottom: 50px;
border: 0px;
}

#main-menu .item {
display: block;
margin-left: 0px;
border: 0px;
}

.menubarbkg {
background: url('images/background-navigation.png') no-repeat top center;
text-align: center;
}

/* Logo Bar */
#logobar-main {
height: 72px;
background-image: url('images/background-header.gif');
background-repeat:repeat-x;
}

#logobar-home {
background-image: url('images/splash/background-header.jpg');
background-repeat: repeat-x;
margin-bottom: 0px;
margin-top: 0px;
}

/* Sub Menu */
#submenubar {height: 33px; width: 750px; margin-right:auto; margin-left:auto; margin-top: 10px;margin-bottom: 30px;  background: url('images/background-sub-nav.gif'); }
.submenu-ul {display: inline; margin:0px; padding:0px; padding-top:0px }
.page_item  {display: inline; list-style:none; height:33px; margin:0px; padding:0px; color:#ffffff;  padding-left: 5px;}
.page_item a { color:#ffffff; text-decoration:none; line-height: 33px; font-size:12px;}
.page_item a:visited { color:#ffffff; text-decoration:none; line-height: 33px; font-size:12px;}
.page_item a:hover { color:#1d4059; text-decoration:none;}


/* Content */

#content {
overflow:auto;
padding-top:15px;
padding-bottom:20px;
}

#content #left {}
#content #right {width: 233px; float:right; margin: 0px 0px 20px 20px;}

/* Main Content */
#content #left ul { margin: 0px 0px 5px 0px; padding: 0px; list-style: none; }
#content #left li { font-size: 12px; margin:0px; padding: 10px 10px 10px 30px;  background: transparent url('images/listarrow.gif') no-repeat scroll 15px 15px; } 
#content #left ol { padding: 10px 5px; }
#content #left ol li { padding: 5px 10px 5px 5px; background: transparent none; }

#content #right ul a{color:#006699;}
#content #right ul a:visited{color:#006699;}
#content #right ul a:hover{color:#000000;}

/* Side Bar Content */
#content #right h1 { font-size: 15px; color:#336666; display: block; border-bottom: 1px #336666 solid;}
#content #right ul { width: 230px; margin: 0px 0px 25px 0px; padding: 0px; list-style: none; }
#content #right li { font-size: 12px; margin:0px; padding: 10px 10px 10px 20px;  background: transparent url('images/listarrow.gif') no-repeat scroll 5px 15px; } 
#content #right .even {}
#content #right .odd { background-color:#f1f6f9; }

/* Footer */

#footer-container {
background-color: #ebebeb;
}

#footer {
}

#footer ul {
display: inline;
margin: 0px ;
padding: 0px;
list-style-position: outside;
padding-top: 0px;
}

#footer ul li.first {
margin: 0px;
color: #336666;
}

#footer ul li {
display: inline;
margin: 10px;
padding: 0px;
line-height: 28px;
list-style-position: outside;
font-size: 11px;
}

#footer ul li a {
color: #336699;
text-decoration: none;
}
#footer ul li a:visited {
color: #336699;
text-decoration: none;
}
#footer ul li a:hover {
color: #000000;
text-decoration: none;
}