/* Main CSS for SDSU BioScience Center */
/* May 02, 2008*/
/* Eric Ackerman */
/* eric.ackerman@sdsu.edu */
/* if you want to use anything here, please drop me an e-mail */


/* Default Page Settings */
html {background-color: white; color: black;}
body {margin:0px; padding: 0px; background: white url("bsc_bg3.jpg") repeat-x fixed;}
* {margin: 0; padding: 0; color: rgb(0,0,0); background-color: transparent;} /* this is power right here */
* ul, ol, li {font-size: 13px; line-height: 1.0em; color: rgb(0,0,0);}
ol {padding: 0 0 0 25px;}
/* Default Page Settings */


/* Layout Containers */
#layoutDiv1 {width: 864px; margin: 0 auto; height: 100%; padding: 0; position: relative;}
#layoutDiv2 {width: 864px; margin: 0;      height: 100%; padding: 102px 0 0 0; background-color: black; display: inline-block; }
/* Layout Containers */


/* Layout Columns: Be Careful in Here */
.x248Left    {width:  248px; float:left; padding: 20px 15px 30px 30px; color: white;}
.x248Right   {width:  248px; float:left; padding: 20px 30px 30px 15px; color: white;}
.x248Middle  {width:  248px; float:left; padding: 20px 15px 30px 15px; color: white;}

.x260Left    {width:  215px; float:left; padding: 20px 15px 30px 30px; color: white;}
.x260Right   {width:  559px; float:left; padding: 20px 30px 30px 15px; color: white;}
.x260Middle  {width:  215px; float:left; padding: 20px 15px 30px 15px; color: white;}
.x260wMiddle {width:  314px; float:left; padding: 20px 15px 30px 15px; color: white;}

.x390Left    {width:  345px; float:left; margin: 0; padding: 20px 15px 30px 30px; color: white;}
.x390Right   {width:  429px; float:left; margin: 0; padding: 20px 30px 30px 15px; color: white;}

.x474Left    {width:  429px; float:left; padding: 20px 15px 30px 30px; color: white;}
.x474Right   {width:  345px; float:left; padding: 20px 30px 30px 15px; color: white;}

.x604Left     {width:  559px; float:left; padding: 20px 15px 30px 30px; color: white;}
.x604Right    {width:  215px; float:left; padding: 20px 30px 30px 15px; color: white;}
.x604LeftR    {width:  215px; float:left; padding: 20px 15px 30px 30px; color: white;}
.x604RightR   {width:  559px; float:left; padding: 20px 30px 30px 15px; color: white;}
.x604wRight   {width:  314px; float:left; padding: 20px 30px 30px 15px; color: white;}
/* Layout Columns: Be Careful in Here */


/* Navigation: Stay Out! */
.navLogo {position: absolute; top: 18px; height: 84px; width: 84px; left: 390px; z-index:5; background: url(bsc_logo_cir-only.png) no-repeat black;}

.mainNav1 {left: 0px;} .mainNav2 {left: 130px;} .mainNav3 {left: 260px;} .mainNav5 {left: 475px;} .mainNav6 {left: 605px;} .mainNav7 {left: 735px;} .mainNav4 {left: 389px; width: 86px;}

.mainNav1, .mainNav2, .mainNav3, .mainNav4, .mainNav5, .mainNav6, .mainNav7 {position: absolute; top: 48px; height: 30px; width: 129px; overflow: hidden;}

#mainNav a {font-size: 13px; line-height: 20px; text-align:center; font-family: "Verdana", "Arial", "Helvetica", sans-serif;  text-decoration: none;  color: white;}

#mainNav a:link    {background: url(bsc_link.png)  no-repeat;}
#mainNav a:visited {background: url(bsc_link.png)  no-repeat;}
#mainNav a:hover   {background: url(bsc_hover.png) no-repeat;}
#mainNav a:active  {background: url(bsc_link2.png) no-repeat;}

.navTop     {vertical-align: super; font-size: 1.8ex;}
.navBottom  {vertical-align: sub;}

body#home a.mainNav1, body#research a.mainNav2, body#friends a.mainNav3, body#events a.mainNav5, body#about a.mainNav6, body#contact a.mainNav7 {background:url(bsc_link2.png) no-repeat;}
/* Navigation: Stay Out! */

/* Default Link Settings */
a:link    {color: rgb(0,0,0);  text-decoration: none; border: none;}
a:visited {color: rgb(0,0,0);  text-decoration: none; border: none;}
a:hover   {color: rgb(96,0,30); text-decoration: underline; border: none;}
a:active  {color: rgb(0,0,0); text-decoration: none; border: none;}
a.link    {color: rgb(0,0,0);  text-decoration: underline; border: none;}
/* Default Link Settings */

/* DD Link Overrides */
#directorsDesk2 a:link    {color: rgb(96,0,30); text-decoration: none;      border: none; font-size: 12px; font-family: sans-serif; font-weight: 400}
#directorsDesk2 a:visited {color: rgb(96,0,30); text-decoration: none;      border: none; font-size: 12px; font-family: sans-serif; font-weight: 400}
#directorsDesk2 a:hover   {color: rgb(96,0,30); text-decoration: underline; border: none; font-size: 12px; font-family: sans-serif; font-weight: 400}
#directorsDesk2 a:active  {color: rgb(96,0,30); text-decoration: none;      border: none; font-size: 12px; font-family: sans-serif; font-weight: 400}
/* DD Link Overrides */

/* LI Link Overrides */
li a:link    {color: rgb(0,0,0);  text-decoration: none; border: none;}
li a:visited {color: rgb(0,0,0);   text-decoration: none; border: none;}
li a:hover   {color: rgb(96,0,30); text-decoration: underline; border: none;}
li a:active  {color: rgb(96,0,30); text-decoration: none; border: none;}
/* LI Link Overrides */

/* Research LI Link Overrides */
#research li a:link    {color: rgb(96,0,102);  text-decoration: none; border: none;}
#research li a:visited {color: rgb(96,0,102);  text-decoration: none; border: none;}
#research li a:hover   {color: rgb(96,0,102); text-decoration: underline; border: none;}
#research li a:active  {color: rgb(0,0,0); text-decoration: none; border: none;}
/* Research Link Overrides */

/* Default Text Settings */
b {font-size: 13px; line-height: 1.0em; font-weight: 600;}
p,  .p  {font-size: 13px; line-height: 1.1em; font-weight: 400; color: rgb(0,0,0); }
h1, .h1 {font-size: 20px; line-height: 1.0em; font-weight: 600; color: rgb(0,0,0);}
h2, .h2 {font-size: 15px; line-height: 1.0em; font-weight: 600; color: rgb(0,0,0);}
h3, .h3 {font-size: 14px; line-height: 1.0em; font-weight: 600; color: rgb(96,0,30);}
#bigStory1 h3, .h3 {font-size: 14px; line-height: 1.0em; font-weight: 600; color: rgb(96,0,30); visibility: hidden;}
h4, .h4 {font-size: 14px; line-height: 1.0em; font-weight: 400; color: rgb(0,0,0);}
h5, .h5 {font-size: 14px; line-height: 1.0em; font-weight: 400; color: rgb(96,0,30);}
/* h6, .h6 {font-size: 11px; line-height: 1.5em; font-weight: 400; color: rgb(0,0,0);} */
h6, .h6 {font-size: 11px; line-height: 1.5em; font-weight: 400; color: rgb(0,0,0); visibility: hidden;}

/* Default Text Settings */


/* And More Classes */
.underline {text-decoration: underline;}
.bold      {font-weight: 600; line-height: 1.0em;}
.big       {font-size: 16px; line-height: 1.0em;}
.bigger    {font-size: 18px; line-height: 1.0em;}
.biggest   {font-size: 20px; line-height: 1.0em;}
.italic    {font-style: italic;}
.red       {color: rgb(96,0,30);}
.tan       {color: rgb(235,229,229);}
.gold      {color: rgb(220,200,150);}
.green     {color: rgb(23,80,57);}
.gray      {color: rgb(80,80,80);}
.black     {color: rgb(0,0,0);}
.blackOut  {background-color: rgb(0,0,0);}
.white     {color: rgb(255,255,255);}
.clear     {clear: both; height:0; padding:0; margin:0;}
.noBull    {list-style-type: none;  padding:0; font-size: 11px;}
.inBull    {list-style-type: none; margin-left: 10px; font-size: 11px;}
.drop      {font-size : 4.1em;  line-height: .75em; float: left;}
.line3     {height: 3px;} .line6 {height: 6px;} .line9 {height: 9px;} .line12 {height: 12px;} .line15 {height: 15px;} .line18 {height: 18px;} .line21 {height: 21px;} .line24 {height: 24px;} .line27 {height: 27px;} .line30 {height: 30px;}
.photoRight         {float: right; padding: 12px 0px 15px 15px; border: none; font-size: 11px; line-height: 1.2em; text-align: right; color: black;}
.photoLeft          {float: left; padding: 15px 15px 15px 0px;  border: none; font-size: 11px; line-height: 1.2em; text-align: left; color: black;}
.photoBlack         {width: 100%; border: 1px solid rgb(220,200,150); overflow: hidden;}
.photoCaption       {font-size: 11px; line-height: 1.2em; text-align: right; color: rgb(255,255,255);}
.smallContent       {font-size: 10px; line-height: 1.2em; color: rgb(0,0,0); font-weight: 400;}
.reallySmallContent {font-size: 4px; line-height: .25em;}
/* And More Classes */


/* Page Content */
#mainPhoto1     {border: 2px solid rgb(220,200,150); overflow: hidden;}
#mainBanner1    {overflow: hidden; border-style: none;}
#mainBanner2    {color: rgb(220,200,150); font-family: "Georgia", "Times New Roman", "Times", serif;}
#mainBanner2 h1 {font-size: 22px; line-height: 1.1em; font-weight: 400; overflow:hidden; color: rgb(220,200,150);}
#mainBanner2 h2 {font-size: 19px; line-height: 1.0em; font-weight: 400; overflow:hidden; color: rgb(220,200,150);}
#mainBanner2 h3 {font-size: 15px; line-height: 1.0em; font-weight: 400; overflow:hidden; color: rgb(220,200,150);}
#directorsDesk0 {height: 401px; margin: 0; padding: 5px 0px 32px 0px; background: rgb(235,229,229) url("back_robbie.jpg") no-repeat; border: solid 2px rgb(220, 200, 150);}
#directorsDesk1 {margin: 0; padding: 7px 15px 5px 15px; color: rgb(96,0,30); font-size: 20px; line-height: 1.0em; font-weight: 600;}
#directorsDesk2 {height: 100%; margin: 0; padding: 0 15px; overflow: auto;}
#bigStory0      {margin: 0; padding: 0 0 20px 0; background: rgb(235,229,229) url("back_bsc.jpg") no-repeat; border: 2px solid rgb(220,200,150); display: inline-block; }
#bigStory1      {margin: 0 0 30px 0; padding: 15px; overflow: visible;}
.footer         {margin: 0px; padding: 5px 0px; z-index:5; background-color: rgb(255,255,255); color: rgb(0,0,0); font-family: sans-serif; font-size:10px; line-height: 1.0em;}
/* Page Content */


/* Page Skins */
.noskin    {;}
.skin      {margin: 0px; padding: 15px; overflow: visible; background-color: rgb(235,229,229); border: 2px solid rgb(220,200,150);}
.pageTitle {margin: 0px; padding: 15px 15px 0px 15px;  overflow: hidden; border: 0px none; font-size: 22px; line-height: 1.0em; font-weight: 400; color: rgb(220,200,150);}
.colTitle  {margin: 0px; padding: 0px 0px 30px 0px;  overflow: hidden; border: 0px none; font-size: 22px; line-height: 1.0em; font-weight: 400; color: rgb(220,200,150);}

.fancyGold  {background: url("fancy-thing-gold.png")  no-repeat center 0; margin: 0; padding: 13px; overflow: visible;}
.fancyBlack {background: url("fancy-thing-black.png") no-repeat center 0; margin: 0; padding: 13px; overflow: visible;}
.fancyRed   {background: url("fancy-thing-red.png")   no-repeat center 0; margin: 0; padding: 13px; overflow: visible;}
.robbie     {background: rgb(235,229,229) url("bsc_back_robbie.jpg") no-repeat;}
.scope      {background: rgb(235,229,229) url("bsc_back_scope.jpg") no-repeat;}
.event      {background: rgb(235,229,229) url("bsc_back_event.jpg") no-repeat;}
.yakatans   {background: rgb(235,229,229) url("bsc_back_yakatan.jpg") no-repeat;}
.mentos     {background: rgb(235,229,229) url("bsc_back_mentos.jpg") no-repeat;}
.golds      {background: rgb(235,229,229) url("bsc_back_golds.jpg") no-repeat;}
.bsc        {background: rgb(235,229,229) url("bsc_back_bsc.jpg")  no-repeat;}
/* Page Skins */