/* 
 * TSC Web Site Main Stylesheet
 */

/*************
 * Structure *
 *************/

body {
    background-color:#ffffff;
    font-size:75%;  /* This size's fonts down to 12px by default on nearly all browsers */
    font-family:Arial,Helvetica,sans-serif;
}

/************************
 * Global Tag Overrides *
 ************************/

a {
    border-bottom:1px dotted #aaaaaa;  /* Note to self: Is this the best way? */
    text-decoration:none;
}

h3 a {
    border:none;
    text-decoration:none;
}

h3 a:hover {
    text-decoration:underline;
}

h3 a:visited {
    text-decoration:underline;
}

img {
    border:0;
}

/****************
 * Content Divs *
 ****************/

/* #outer - The outermost container div */
#outer {
}

/* #header - Div holding the banner image */
#header {
    display: none;
}

#container {
}
 
/* #left-pane - Holds the left content pane */
#left-pane {
}

/* #tabs - Div holding the breadcrumb tabs */
#tabs {
    border-bottom:1px solid #000000;
    position:relative;
    left:10px;
    top:5px;
    width:98%;
    padding-left:5px;
    height:2em;
    margin-bottom:10px;
}

/* #content - Div holding the actual content of the left pane */
#content {
    margin-left:0;
    padding-left:20px;
}

/* #right-pane - Holds the right content pane (menu) */
#right-pane {
    display:none;
}

/* #footer - The footer div */
#footer {
    background:#ffffff;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    clear:both; /* Note to self: Check this */
    margin:0;
    padding:0;
}

/**************
 * Unique IDs *
 **************/

/* #announcements - Div holding the recent announcements */
#announcements {
    padding-bottom:10px;
}

/* #headerimg - Holds the background image for the header banner */
/* Note to self: Is this how we want to do it? */
#headerimg {
    background:#cc0000 url("http://www.rose-hulman.edu/TSC/img/red-top.gif") left no-repeat;
    border:none;
    display:block;
}

/* #relatedlinks - Div holding the related links portion of the menu */
#relatedlinks {
    padding-bottom:0px;
}

/* #topiclist - Holds the sublinks */
#topiclist {
    margin-bottom:20px;
}

/****************
 * Sub Elements *
 ****************/

/******************************
 * announcements sub elements *
 ******************************/

#announcements a {
    border:none;
}

#announcements dl, dd {
    padding-left:10px;
    padding-bottom:5px;
    margin-left:0;
}

/**************************
 * bandwidth sub elements *
 **************************/

#menu-bandwidth p {
    text-align:center;
    margin:0;
    padding:0;
}

/********************
 * faq sub elements *
 ********************/

#faq dd {
    font-family:Courier,MS Courier New,monospace;
    margin-left:0;
    margin-bottom:20px;
}

#faq dl {
    margin-left:0;
    margin-bottom:10px;
}

#faq dt {
    font-family:Courier,MS Courier New,monospace;
    font-weight:bold;
}

/***********************
 * footer sub elements *
 ***********************/

#footer p {
    color:#000000;
    font-size:0.8em;
    margin:10px;
    text-align:center;
}

/**************************
 * left-pane sub elements *
 **************************/

#left-pane h1 {
    font-size:2em;
    padding-left:0px;
    display:inline;
}

#left-pane h2 {
    font-size:1.5em;
    padding:2px 4px 2px 0px;
    display:inline;
}

#left-pane h3, h4, h5 {
    font-size:1.5em;
}

#left-pane ol, ul, dl {
    padding:5px 15px;
    margin:0px 15px;
}

#left-pane p {
    padding:0 10px;
}

/****************************
 * right-pane menu elements *
 ****************************/

.menu-header {
    font-family:Verdana,Arial, Helvetica, sans-serif;
    padding:2px 0;
    width: 100%;
    margin: 7px 0px 0px 0px;
    background-repeat: no-repeat;
    background-position: top left;
    text-align: center;
    color: #FFFFFF;
}

.menu-body {
    border-top:0;
    background-color: #eeeeee;
    padding: 5px 5px 5px 5px;
}

#menu-header-tsc {
    background-color: #0000c0;
    background-image: url('/TSC/img/menu-round-blue.png');
}

#menu-tsc {
    border:1px solid #0000c0;
}

#menu-header-support {
    background-color: #008000;
    background-image: url('/TSC/img/menu-round-green.png');
}

#menu-support {
    border:1px solid #008000;
}

#menu-header-announcements {
    background-color: #c00000;
    background-image: url('/TSC/img/menu-round-red.png');
}

#menu-announcements {
    border:1px solid #c00000;
}

#menu-header-bandwidth {
    background-color: #c06000;
    background-image: url('/TSC/img/menu-round-tan.png');
}

#menu-bandwidth {
    border:1px solid #c06000;
}

#menu-header-relatedlinks {
    background-color: #600080;
    background-image: url('/TSC/img/menu-round-purple.png');
}

#menu-relatedlinks {
    border:1px solid #600080;
}

/***************************
 * right-pane sub elements *
 ***************************/

#right-pane a{
    margin:0;
    padding:0 0 1px 0;
    display: block;
    color: #000000;
    border:0;
}

#right-pane a:hover {
    color: #C00000;
    background-color: #CCCCCC;
}

#right-pane dl {
    margin:0;
    padding:0;
}

#right-pane dd {
    margin:0;
    padding:0 0 0 5px;
}

#right-pane dt {
    margin:0;
    padding:3px 0 0 0;
    font-weight: 700;
}

/************************
 * #search sub elements *
 ************************/

#search form {
    margin:0;
    padding:0;
    display:inline;
}

/**********************
 * #tabs sub elements *
 **********************/

/* Note to self: Clean this up and document*/
#tabs ul#primary {
    margin:0;
    padding:0;
    position:absolute;
    bottom:-1px;
}

#tabs ul#primary li  {
    display:inline;
    list-style:none;
}

#tabs ul#primary a,#tabs ul#primary span,#tabs ul#primary a.current {
    border-bottom:none;
    display:block;
    float:left;
    padding:4px;
    margin:1px 2px 0 0;
    text-align:center;
    font-family:tahoma, verdana, sans-serif;
    font-size:0.85em;
    text-decoration:none;
    color:#333333;
}

#tabs ul#primary span,#tabs ul#primary a.current,#tabs ul#primary a.current:hover {
    border:1px solid #666;
    border-bottom:none;
    background:#ffffff;
    padding-bottom:6px;
    margin-top:0;
}

#tabs ul#primary a {
    background:#eeeeee;
    border:1px solid #aaaaaa;
    border-bottom:none;
    color:#000000;
}

#tabs ul#primary a:hover {
    margin-top:0;
    border-color:#666666;
    background:#cccccc;
    padding-bottom:5px;
    color:#000000;
}

/**************************
 * topiclist sub elements *
 **************************/

#topiclist li {
    list-style-type:square;
}

/*****************
 * Miscellaneous *
 *****************/

/***********************
 * Various font styles *
 ***********************/

/* alert and warning are the same idea, just alert has a fixed width for pages with right-images */
.alert {
 border:2px solid #ff0000;
 background:#ffeeee;
 color:#000000;
 font-weight:bold;
 margin:5px;
 width: 350px;
}

.red {
  color:#ff0000;
}

.note {
  border:2px solid #0000ff;
  background:#eeeeff;
  color:#000000;
  margin:5px;
}

.warning {
  border:2px solid #ff0000;
  background:#ffeeee;
  color:#000000;
  font-weight:bold;
  margin:5px;
}

/***********************
 * installation styles *
 ***********************/

.installation li {
  border: 1px solid #CCCCCC;  
  list-style-type: none;
  list-style-image: none;
  margin: 7px 0px;
  padding: 5px;
}

.installation tt {
  color: #333333;
}

.installation .even {
  background: #DDDDDD;
}

/*****************
 * Image Classes *
 *****************/

.right-image {
    float: right;
    margin:5px;
    padding:0px;
}

/******************
 * Services Stuff *
 ******************/

.service {
    padding:2px;
    margin:5px;
    vertical-align:top;
    display:table;
    width:700px;
}

.service-image {
    margin:0;
    padding:2px;
    display:table-cell;
    vertical-align:top;
    width:40px;
    float:left;
}

.service-image a {
    border:0;
}

.service-text {
    width:648px;
    padding:0;
    margin:0;
    display:table-cell;
    vertical-align:top;
}

/***********************
 * Questionable Styles *
 ***********************/

/* I believe these styles can be improved or made more efficient, though it will take some effort */

#services-wrapper {
	text-align: left;
	padding: 0px;
	margin: 0px 20px;
	width: 700px;
}

#services-left {
	float: left;
	width: 340px;
	margin: 0px;
	padding: 0px;
}

#services-right {
  float: left;
	width: 340px;
	margin: 0px;
	padding: 0px;
}

#services-wrapper h3 {
    line-height:0.7em;
}

#services-wrapper h3 a {
    color:#000000;
}

#services-wrapper p {
    font-size:0.8em;
}

#two-column-wrapper {
  text-align: left;
  padding: 0px;
  margin: 0px 20px;
  width: 700px;
}

#two-column-left {
  float: left;
  width: 450px;
  margin: 0px;
  padding: 0px;
  vertical-align:middle;
}

#two-column-right {
  float: left;
  width: 250px;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
  text-align: right;
  vertical-align: top;
}

/* Additional Items added by Nick */
.main_page_top {
    display:table;
    width:99%;
}

.main_page_text {
    float:left;
    width:49%;
    display:table-cell;
}

.main_page_popular {
    float:right;
    width:49%;
    display:table-cell;
    font-size: .95em;
}