<!--
/* style-global.css -- Bold New Brock global styles */
/* --------------------------------------- */
/* Common Styles */

body {background:#fdfdfd url(../images/bg-brock-body.jpg) repeat-x top left; 
  color:#706f6f;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", verdana, sans-serif; font-size:0.8em; font-weight:normal; line-height:1.6em;
  }

p { color: #706f6f; }

h1, h2, h3, h4, h5, h6 {color:#c00; font-size:1.8em; font-weight:bold;}

h2 {font-size:1.6em; margin:0; padding:0; line-height:1.0em;}
h3 {color:#706f6f; font-size:1.2em;}
h4 {font-size:140%;}
h5 {font-size:120%;}
h6 {font-size:110%;}


/* Links */
a {color:#c00;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:#000; text-decoration:underline;}
a.content {text-transform:uppercase;}

#topnav a:hover, #mainnav a:active, #mainnav a:focus {background-color:#dcffff; color:#006;}
/* ------------------------------------ */
/* Main */
#main .wrapper {width:960px; margin:0 auto; vertical-align:top;} 

#main .wrapper #sidenav-left {display:inline; float:left; width:170px;} 

#main #content-wrapper {clear:both; padding:22px 0 0 0;}
#main #content {padding:15px 0 0 0; width:800px; margin: 0 auto;} 

#main #content {text-align:left; }
#main ul, #main ul li {display:inline; padding:0;}
#main ul li span {display:none;}

/* Utilities Navigation */
#main .wrapper #utilities {clear:both; width:960px;}
#main .wrapper #utilities ul.home li a, #main .wrapper #utilities ul.utilities li a, #main .wrapper #utilities ul.utilities li a img {border:none; color:#c9c9c8;} 
#main .wrapper #utilities ul.utilities li a:hover {text-decoration:none;}
#main .wrapper #utilities ul.utilities li img {padding:0 6px 0 15px; vertical-align:middle;}

#main .wrapper #utilities {text-align:right; padding:0;}

#main .wrapper #utilities ul, #main .wrapper #utilities ul li {display:inline; padding:0;}
#main .wrapper #utilities ul.utilities {background:transparent url(../images/bg-utilities.gif) no-repeat top right; width:336px; height:27px; float:right; margin:0; padding:3px 7px 3px 0; vertical-align:top;}
#main .wrapper #utilities ul.utilities li a.home {padding:0 15px 0 0;}
#main .wrapper #utilities ul.utilities li a span {display:none;}
/* --- */

/* Logo */
#main .wrapper #utilities #logo {display:inline; float:left; padding:0; z-index:10;}
#main .wrapper #utilities #logo a {background:transparent url(../images/brock-university-logo.jpg) no-repeat top left; border:none; display:block; width:161px; height:96px; }
/* ------------------- */

#main .wrapper {background:#fdfdfd url(../images/bg-brock-body.jpg) repeat-x top;} 

/* Top Navigation */
#main .wrapper #topnav {border:1px solid #000; background:transparent; min-height:121px; padding:0; text-align:right;} 

#topnav ul { display:inline; padding:0 80px 0 0; margin:0;}
#topnav ul li { display:inline; padding:0 3px; border:none;}
#topnav ul li a img {border:none; padding:0 2px; vertical-align:text-bottom;}
#topnav ul li a span {display:none;}

/* Donate Banner */
#main .wrapper #utilities #donate {display:block; float:right; padding:10px 0 0 0; height:67px; width:259px;}

/* Bottom Navigation */
#main #btmnav {clear:both; padding:30px 0 0 0; text-align:center;}
#main #btmnav #btmnav-inner {border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:5px 0; }
#main #btmnav #btmnav-inner {font-size:0.9em;}
#btmnav ul {display:block; padding:0; margin:0;}
#btmnav ul li {display:inline; padding:0 3px; border-right:1px solid #999;}
#btmnav p {display:inline; }

#btmnav ul.btm-right {padding:0 0 0 5px;}
#btmnav ul.btm-right li a {color:#706f6f; padding:0 5px;} 
#btmnav ul.btm-right li a, #btmnav ul.btm-right li a img {border:none; display:inline; vertical-align:text-bottom;}
#btmnav ul.btm-right li a img {padding:0;}

/* --------------------------------------------------------------------- */
/* Left Side Navigation */
/* Blocks */
#main .wrapper #sidenav-left h2 {font-size:1.1em; margin:0; padding:0; line-height:1.0em; text-transform:uppercase;}
#main .wrapper #sidenav-left #sidebar-left #block-user-1 h2 {display:none;}
#main .wrapper #sidenav-left .content li {display:block;}

#main .wrapper #sidenav-left {text-align:left;}

#main .wrapper #sidenav-left ul, #main .wrapper #sidenav-left ul li {list-style-type:none;}
#main #sidenav-left ul li {padding:5px 0;}

#main .wrapper #sidenav-left ul.menu li {background:transparent url(../images/bg-brock-menu-item.gif) no-repeat 160px 16px; border-top:1px solid #ccc; color:#8f8f8f; display:block; font-size:1.2em; width:155px; height:32px; padding:10px 15px 0 0; margin:0;}
#main .wrapper #sidenav-left ul.menu li a {border:none; color:#8f8f8f; font-weight:bold;}
#main .wrapper #sidenav-left ul.menu li a:hover {width:170px; height:32px; padding:0; margin:0;}

#main .wrapper #sidenav-left div.content a {color:#8f8f8f;}
#main .wrapper #sidenav-left a, #main .wrapper #sidenav-left a img {border:none;} 
/* --------------------------------------- */
/* (Future) Node styles  */
#main #content #sec-nav-horizontal {background-color:#ccc; clear:both; width:745px; height:30px;}

#main #content #outer-left {display:inline; float:left; width:500px; padding:0;} 
#main #content #outer-right {display:inline; float:right; width:225px; padding:0 10px 0 0;}
#main #content #outer-right div.feature {display:block;}
#main #content #outer-right div.feature h3 {background-color:#c00; color:#fff; margin:0; padding:3px 0; width:220px;}
#main #content #outer-right div.feature p.caption {font-weight:bold; color:#000;}
#main #content #outer-right div.feature div {background-color:#999; width:220px; height:120px;}
#main #content #outer-left #inner {display:inline; float:right; padding:0 10px 0 0; width:490px;}

#main #content #outer-left {text-align:left; vertical-align:top;}
#main #content #outer-left h2 {color:#c00;font-size:1.0em; font-weight:bold; text-transform:uppercase;}

#main #content #outer-left div.feature, #main #content #outer-right #inner-left div.feature, #main #content #outer-right #inner-right div.feature {background-color:#ccc; width:210px; height:200px;}
#main #content #outer-left p a, #main #content #outer-right p a {color:#c00; font-weight:bold; padding:0 0 0 5px; text-transform:uppercase; }

#main #content #outer-right {text-align:left;}
#main #content #outer-right #inner-left {text-align:left;}
#main #content #outer-right #inner-right {text-align:left;}
/* --------------------------------------- */
-->