/* CSS Document */

/* GLOBAL */
#underconstruction {display: block; text-align: center; color: #fff; font-weight: bold; margin: 10px; font-size: 115%;}
#underconstruction a {color: #fff;}
#underconstruction a:hover {color: #bbb;}

body {background-color: #aaa; font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; line-height: 1.5; 
      font-size: .9em; letter-spacing: 1.1px; color: #444;}
#tinymce {background-color: #eee;}   
#tinymce p, #tinymce li, #tinymce quote  {font-size: 90%;}
h1, h2, h3 {color: #444;}
h1 {font-size: 175%; margin: 10px 0;}
h2 {font-size: 125%; margin: 10px 0; }
h3 {font-size: 115%; margin: 10px 0; }
p {padding: 5px 0;}
img {border: 1px solid #555;}
ol, ul ul { margin-left: 25px;}
ol {list-style-type: decimal; }
blockquote {margin: 10px 40px;}
.imageleft {float: left; margin: 3px 5px 3px 0px;}
.imageright {float: right; margin: 3px 0 3px 5px;}
.textleft {float: left; width: 25%; padding: 5px; border: 1px solid #555; margin: 3px 5px 3px 0px;}
.textright {float: right; width: 25%; padding: 5px; border: 1px solid #555; margin: 3px 0px 3px 5px;}
.facultyphoto {float: left; margin: 0 10px 5px 0; width: 100px;}

/*  LINKS  */
a {color: #444;}
a:hover {color: #99CC33;}
.readmore {display: block; width: 100%; text-align: right; color: #eee;}

#header a {text-decoration: none; color: #6666FF;}
#header a:hover {color: #444; text-decoration: underline;}
.contentbox a {color: #666;}

.contentbox a:hover {color: #99CC33;} 
.contentbox h2 a {color: #444;}
.ditto_link a {color: #eee; font-size: 90%;}
.ditto_link a:hover {color: #fff;}
.summary h1 a {color: #9ACC35;}


.linkbutton a, a.linkbutton {padding: 5px 0px; margin: 0px; color: #444; }
.linkbutton a:hover, a.linkbutton:hover {color:  #bbb;}
.linkbutton { font-size: 100%;   display: block;}


#sidebar a {color: #444;  display: block; margin: 0px -10px; padding: 10px 20px;}
#sidebar a:hover {background-color: #9ACC35; color: #fff;}
/* #sidebar h1 a {color: #9ACC35;}
#sidebar h1 a:hover {background-color: transparent; color: #fff;} */

#contentarea a {color: #9ACC35}
#footer a {color: #444; font-size: 90%; text-decoration: none;}
#footer a:hover {color: #666;}




#wrapper {border: 1px solid #000; width: 1000px; margin: 30px auto 30px; position: relative;}
#wrapper {background: transparent url(../../assets/sitegraphics/horizontalgradientxxx.png) repeat-y scroll 0 0; ;
 background-color: #fff;}

/* HEADER */

#header { padding: 20px; height: 190px; }
#header {background: transparent url(../../assets/sitegraphics/BioCoRheaderimage.png) repeat-x scroll 0 0;}
#header h1, #header h2, #header h3 {color: #6666FF;}
#header h1 {font-size: 400%; margin: 0px 0 0 20px;}
#header h2 {font-size: 125%; margin: 0 0 0 38px;}
#header h3 {font-size: 110%;}

#header #logo {position: relative; margin: 5px 0 30px 7px;}
#header #uofm {position: absolute; top:  25px; left:   57px; font-family:"Times New Roman"; text-transform:uppercase; }
#header img   {position: absolute; top:  25px; right:   0px; border: 0px; }
#ask          {position: absolute; top:  65px; right: 125px; padding: 20px 90px 20px 0;}
#education    {position: absolute; top: 155px; right: 225px; padding: 30px 90px 30px 0;}
#library      {position: absolute; top: 263px; right: 130px; padding: 30px 90px 30px 0; text-align: right;}
#subscribe    {position: absolute; top: 375px; right:  55px; padding: 30px 90px  0px 0; line-height: 1.1; }
#login        {position: absolute; top: 160px; right:  18px; padding:  0px  0px 90px 50px; }

.search {color: #000;  padding: 0px; margin: 0px; border: 0px solid #666; }
.search {position: absolute; top: 0px; right: 30px; z-index: 100;}
.search fieldset {margin: 0px; padding:0px; border: 0px;}
.ajaxSearch_highlight { background-color: #9ACC35; color: #fff; }
#pagelibrary {position: relative; float: right;}



/* MENU */
#horizontalmenu {width: 1000px; left: 0px;  /* height: 2.35em; */ line-height: 1.0;}
#horizontalmenu {padding: 0px; margin: 0; background: transparent url(../../assets/sitegraphics/BioCoRmenugradient.png) repeat-x scroll 0 0;
                 background-color: #AAD557;}
#horizontalmenu ul { padding: 0 20px 0px 15px; }
#horizontalmenu li { margin: 0; padding: 0px 0px; list-style-type: none; float: left; display: inline;}
#horizontalmenu a {color: #000; text-decoration: none; display: block; padding: 5px 10px 5px;}
#horizontalmenu a:active {background-color: #eee;}
#horizontalmenu a:hover, #horizontalmenu li.active {color:#000;  background-color: #eee;}

#horizontalmenu li a:hover span.coverup, #horizontalmenu li a:hover span.menutextarea, 
#horizontalmenu li a:hover span.menutext, #horizontalmenu li a:hover span.menuline {display: block; }


#menutextarea { height: 8em; color: #fff; margin: -40px -25px 0px -25px;  padding: 16px 430px 80px 60px; font-size: 110%; line-height: 1.5;
                background: transparent url(../../assets/sitegraphics/BioCoRgradient.png) repeat-y scroll 0px 0px;  }
#menutextarea h2 {margin-top: 0; text-transform: capitalize; color: #fff; }

.menutext {display: none; position: absolute; left: 40px; height: 9em; margin: 11px 0 10px 10px;  font-size: 1em;
           width: 520px; padding: 10px 10px 0px 10px; line-height: 1.5; color: #fff; font-size: 110%;
           background: transparent url(../../assets/sitegraphics/BioCoRgradient.png) repeat-y scroll -50px 0px;  }
.menutext p  {padding-top: 0;}
.menutext h2 {color: #fff; margin-top: 0;}

/* MAIN MENU PAGE */

.B_crumbBox {display: block; margin: 10px 0px; font-size: 95%;}

#leftcolumnhome {float: left;  padding: 40px 25px 10px 25px; width: 97%;}


#leftcolumn {float: left;  padding: 40px 25px 40px 25px;  width: 650px; }


/*  #home {width: 100%; float: left;  padding: 40px 60px;}  */


.summary {padding-bottom: 10px; border-bottom: 1px solid #666; }
.date, .author, .tags, .location, .category, .time {font-weight: bold; color: #666;}

.summary p {padding-top: 10px;}

.ditto_link {float: right; }


#contentarea { padding: 0 0px 0 0; }

#contentboxes {margin: 0px -25px 0 -25px; padding: 10px 0 0px 10px; }

.contentbox {clear: right; width: 300px; padding: 5px 10px 10px 10px; margin-right: 10px; float: left;  
            background: transparent url(../../assets/sitegraphics/BioCorgreengradient.png) repeat-x scroll 0px 0px; 
            background-color: #F8FCF2; }
.contentbox h1, .contentbox h2, .contentbox h3 {color: #444; margin: 0px 0px 5px; line-height: 1.1; font-size: 95%;}
.contentbox p {color: #444; font-size: 95%; }
.contentbox img {margin-top: 5px;}


#content {clear: left; margin:10px 30px 0px 0; float: left; width: 650px; }
#content h2 {clear: right;}
#content ul {margin-left: 25px;}
#content ul li {list-style-type: disc; margin-left: 10px;}

#sidebar {margin-top: 10px; float: right; clear: none; width: 200px; padding: 10px;
          margin-right: 60px; }

#sidebar .contentbox { width: 250px; clear: none;}
#sidebar p {color: #444;}

#sidebar h1,#sidebar h2, #sidebar h3 {padding: 0px; margin: 10px 0 5px 0; line-height: 1.2;}  

#content #sidebar { margin: 0px 0 0 30px;  }
#featuredarticle {width: 600px; line-height: 1.5;}
#featuredarticle h1 {margin: 10px 0 20px; }
.articles {margin-bottom: 25px; 
            background: transparent url(../../assets/sitegraphics/BioCorgreengradient.png) repeat-x scroll 0px 0px; 
            background-color: #F8FCF2; }

.alt {background: none;}
.heading, .faq {background:none;}
#sidebar .articles {background: none;}
.articleslist {margin-bottom: 0px; background: none;}
.articleslist a {display: block; margin: 0 0 0 0; padding: 10px 5px;}
.articles a img, .articleheading img {width: 150px; float: left; margin: 0 5px 0 0;}
.articleheading {margin-bottom: 10px;}
.ditto_page {padding: 0 4px;}

table {margin-bottom: 10px;}
table#lecturers, table#lecturers td {border: 0px;}
table img {margin-top: 10px;}
table, td {border: 1px solid #000; vertical-align: middle; border-collapse: collapse;}
table td, table th {padding: 5px; font-size: 90%; }
table th {font-weight: bold;}

/********** Contact From ****************/
#contactform label {width: 150px; display: inline-block; margin-bottom: 5px;}
label#commentlabel {width: 600px;}

#footer ul {padding: 10px; margin: auto; width: 880px;}
#footer li { margin: 0; list-style-type: none;  display: inline; border-right: 1px solid #666;}
#footer li a {padding: 0 8px;}
#footer li.last {border-right: 0px;} 
#footer {width: 100%; clear: both; }
#footer {text-align: center; padding: 0 0 15px 0; }
#footer {background: transparent url(../../assets/sitegraphics/footerbackground.png) repeat-x scroll 0 0;
        }
#footer img {width: 998px; border-top: 3px solid #AAD557;}
#developedby  {font-size: 70%; #ccc;}
#developedby a{font-size: 100%; text-decoration: underline;}