/* @override http://www.trevecca.edu/template-images/redesign2008/stylesheets/style.css */

/* YAHOO RESET LIBRARY
---------------------------------------------------------------- */
@import "reset.css";

/* general styles
---------------------------------------------------------------- */

body {
  font: 10pt Arial, Verdana, Tahoma, Sans-serif;
	color: #000;
	background: #cbcbcb url('../images/background.jpg') bottom left repeat-x;
}
*{
  outline: none;
}
a{
  color: #492f92;
  text-decoration: none;
}
  a:hover{
    text-decoration: underline;
  }

p{
  line-height: 1.4em;
  margin: 10px 0;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}


/* container
---------------------------------------------------------------- */
#container{
  margin: 0 auto;
  width: 960px;
  padding: 0 16px;
  background: transparent url('../images/container_background.png') top center repeat-y;
}

/* header
---------------------------------------------------------------- */
#header{
  background: url('../images/header_background_interior.jpg') no-repeat top right;
  height: 223px;
  margin: 0;
  padding: 1px;
  position: relative;
}

#header.nosearch{
  background: url('../images/header_background_interior_nosearch.jpg') no-repeat top right;
}

  div#header a.logo{
	display: block;
    position: absolute;
    top: 10px;
    left: 10px;
  }
  #header .contact{
    position: absolute;
    top: 115px;
    right: 5px;
    color: #fff;
    font-weight: bold;
    z-index: 5;
  }

#header.nosearch .contact{
    color: #333;
  }
  
  #header div#right_rotating_picture {
	background-position: bottom;
	background-repeat: no-repeat;
	position: absolute;
	left: 544px;
	top: 0px;
	height: 223px;
  }

#header.nosearch.clearfix {
	position: relative;
}

#header.nosearch div#right_rotating_picture {
	position: relative;
	left: 0px;
	top: 0px;
	height: 223px;
  }

table.main-content {
  width: 960px;
}

table.main-content form {
	/*margin: 10px;*/
}



/* navigation
---------------------------------------------------------------- */
ul#navigation{
  position: absolute;
    top: 10px;
    right: 0px;
    z-index: 4000;
}
  ul#navigation li{
    float: left;
    background: transparent url('../images/nav_divider.png') top left no-repeat;
    position: relative;
  }
    ul#navigation li:first-child{
      background: none;
    }
    
  ul#navigation a {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 10px 8px;
    font-size: 12px;
    position: relative;
  }
    
  ul#navigation li ul {
	position: absolute;
	width: 150px;
	background: #8f80bb;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #492f92;
	top: 30px;
}

ul#navigation li.off ul {
	display: none;
}

ul#navigation li.on ul,
ul#navigation li.off:hover ul,
ul#navigation li.over ul {
	display: block;
	z-index: 6000;
} 

  ul#navigation li ul li {
	display: block;
	clear: both;
	background: none;
  }

  ul#navigation li ul li a {
	background: none;
	clear: both;
	width:145px;
  }
  
/* search
---------------------------------------------------------------- */
form#search{
  position: absolute;
  top: 50px;
  right: 5px;
  width: 222px;
}
  form#search input#q{
    padding: 3px 3px 3px 5px;
    border: none;
    background-color: transparent;
    width: 150px;
    font-size: .8em;
  }
  form#search label{
    font-size: .9em;
    font-weight: bold;
  }
  form#search #go{
    float: right;
    cursor: pointer;
    width: 40px;
    height: 20px;
    border: none;
    background-color: transparent;
    text-indent: -9999px;
  }

/* content
---------------------------------------------------------------- */
#content{
  clear: both;
  margin: 20px 20px;
}

/* two columns
---------------------------------------------------------------- */
.two-columns{
	margin: 0 10px;
	}


  .two-columns .main{
    width: 690px;
    float: left;
  }
  .two-columns .sidebar{
    width: 222px;
    float: right;
  }
    .two-columns .sidebar .top-gray{
      background: url('../images/sidebar_gray_top.png') no-repeat top left;
      width: 222px;
      height: 14px;
      font-size: 1%;
    }
    .two-columns .sidebar .content-gray{
      background: #ccc url('../images/sidebar_gray_middle.png') repeat-y  top left;
      width: 202px;
      padding: 0 10px 10px;
    }
      .two-columns .sidebar .content-gray h2{
        color: #543d99;
        font-weight: bold;
      }
      .two-columns .sidebar .content-gray h2.sitemason_header, .two-columns .sidebar .content-gray p {
        margin-top: 0px;
      }

    .two-columns .sidebar .top-purple{
      background: url('../images/sidebar_purple_top.png') no-repeat top left;
      width: 222px;
      height: 14px;
      font-size: 1%;
    }
    .two-columns .sidebar .content-purple{
      background: #ccc url('../images/sidebar_purple_middle.png') repeat-y  top left;
      width: 222px;
      width: 202px;
      padding: 20px 10px 5px;
	  color: #e3dfee;
    }
    
      .two-columns .sidebar .content-purple ul{
        color: #fff;
      }

.two-columns .sidebar .content-purple a {
        color: #fff;
      }

.two-columns .sidebar .content-purple a:hover {
        color: #ffffff;
      }
      
    .two-columns .sidebar .bottom-purple{
      background: url('../images/sidebar_purple_bottom.png') no-repeat top left;
      width: 222px;
      height: 14px;
    }
  .two-columns .sidebar ul{
    list-style-type: disc;
    list-style-position: inside;
    padding-bottom: 10px;
  }
  .two-columns .col1{
    float: left;
    width: 245px;
    color: #666;
    font-size: .9em;
    margin-left: 10px;
  }
    .two-columns .col1 img{
      border: 4px solid #999;
    }
  .two-columns .col2{
    float: right;
    width: 415px;
    font-size: .9em;
    margin-right: 10px;
  }
  
/* breadcrumbs - secondary links
---------------------------------------------------------------- */
ul#breadcrumbs,
ul#secondary-links{
  background-color: #e3dfee;
  padding: 3px;
  margin: 5px 10px 10px;
}
  ul#breadcrumbs li,
  ul#secondary-links li{
    float: left;
    padding: 0 1px;
    color: #666;
  }
  ul#breadcrumbs li a,
  ul#secondary-links li a{
    color: #666;
	
  }
    ul#secondary-links li a{
      display: block;
      border-right: 1px solid #999;
      padding: 0px 10px;
      margin: 3px 0;
	  white-space: nowrap;
    }
      ul#secondary-links li:first-child a,
      ul#secondary-links li.first a {
        padding-left: 5px;
        border-left: none;
		white-space: nowrap;
      }
      
   ul#secondary-links li.selected a{
	 	font-weight: bold;
	color: #543d99;
	white-space: no-wrap;
}

/* headings
---------------------------------------------------------------- */


/* headings
---------------------------------------------------------------- */
.heading.aqua{
  background: transparent url('../images/header_aqua_middle.jpg') top left repeat-x;
}
  .heading.aqua span{
    background: transparent url('../images/header_aqua_right.jpg') top right no-repeat;
    display: block;
  }
  .heading.aqua img{
    background: transparent url('../images/header_aqua_left.jpg') top left no-repeat;
    display: block;
    padding: 16px 20px;
  }
.heading.purple{
  background: transparent url('../images/header_purple_middle.jpg') top left repeat-x;
}
  .heading.purple span{
    background: transparent url('../images/header_purple_right.jpg') top right no-repeat;
    display: block;
  }
  .heading.purple img{
    background: transparent url('../images/header_purple_left.jpg') top left no-repeat;
    display: block;
    padding: 16px 20px;
  }

/* headings
---------------------------------------------------------------- */
.interior h1{
  /*background: url('http://www.trevecca.edu/template-images/redesign2008/images/large_header_background.png') no-repeat top left;*/
  width: 459px;
  padding: 0px 0 0 25px;
  position: absolute;
  top: 152px;
}

.interior h1.about-us span{
  width: 458px;
  display: block;
  font-size: 22px;
  line-height: 36px;
  text-transform: uppercase;
  font-family: georgia;
  color: #FFF;
}

#header h1.about-us2 span{
  width: 458px;
  display: block;
  font-size: 20px;
  line-height: 36px;
  font-family: georgia;
  color: #FFF;
}

#header h1{
  /*background: url('http://www.trevecca.edu/template-images/redesign2008/images/large_header_background.png') no-repeat top left;*/
  width: 459px;
  padding: 0px 0 0 30px;
  position: absolute;
  top: 152px;
}

#header h1.about-us span{
  width: 458px;
  display: block;
  font-size: 22px;
  line-height: 36px;
  text-transform: uppercase;
  font-family: georgia;
  color: #FFF;
}

#header h1.about-us2 span{
  width: 458px;
  display: block;
  font-size: 20px;
  line-height: 36px;
  font-family: georgia;
  color: #FFF;
  z-index:1;
}
/* footer
---------------------------------------------------------------- */
#footer{
  background: #d3cce6 url('../images/footer_background.jpg') top left repeat-x;
  min-height: 70px;
  padding: 10px;
  color: #fff;
  font-size: .8em;
}
  #footer ul{
    float: left;
  }
    #footer ul li{
      float: left;
    }
    #footer ul li a{
      display: block;
      padding: 0 5px;
      border-left: 1px solid #fff;
      color: #fff;
    }
    #footer ul li:first-child a{
      padding: 0 5px 0 0;
      border-left: none;
    }
    #footer p{
      float: right;
      text-align: right;
      margin: 0;
      padding: 0;
    }
  
/* homepage
---------------------------------------------------------------- */
#header.homepage {
  position: relative;
  z-index: 100;
  background: url('../images/homepage_header_background.jpg') no-repeat top right;
  width: 958px;
  height: 409px;
}
  #header.homepage .logo{
    display: block;
    margin: 0px 0 0 0px;
    width: 287px;
    z-index: 6000;
  }
  #header.homepage .student{
    position: absolute;
    top: 97px;
  }
    #header.homepage .student h2 a{
      font-family: "Trebuchet MS", "Tahoma";
      color: #4B7784;
      font-size: 1.4em;
      text-align: center;
      width: 295px;
      position: absolute;
        top: 170px;
        left: 200px;
    }
    #header.homepage .student h3 a{
      font-family: "Trebuchet MS", "Tahoma";
      color: #492f92;
      font-size: 1.5em;
      text-align: center;
      width: 295px;
      position: absolute;
        top: 190px;
        left: 200px;
    }
	    #header.homepage .student h5 a{
      font-family: "Trebuchet MS", "Tahoma";
      color:#999999;
      font-size: .9em;
      text-align: center;
      width: 295px;
      position: absolute;
        top: 250px;
        left: 200px;
    }

  #header.homepage .rotating-image{
  z-index: 99;
    position: absolute;
      top: 106px;
      right: 0px;
  }
#header.homepage form#search{
  position: absolute;
    top: 49px;
    right: 5px;
}
/* three columns */
.three-columns.homepage{
  clear: both;
}
  .three-columns.homepage .col1,
  .three-columns.homepage .col2,
  .three-columns.homepage .col3{
    float: left;
    margin: 0 10px;
  }
  .three-columns.homepage .col1 a,
  .three-columns.homepage .col2 a,
  .three-columns.homepage .col3 a{
    color:#4f3896;
  }
  .three-columns.homepage .col1{
    width: 355px;
  }
  .three-columns.homepage .col2{
    width: 340px;
    margin-left: 40px;
  }
  .three-columns.homepage .col3{
    width: 111px;
    float: right;
    margin-right: 30px;
  }

 .three-columns.homepage .col1 h2,
 .three-columns.homepage .col2 h2{
 color:#4f3896;
 margin-top:10px;}
 
/* SiteMason */

 h2.sitemason_header 
{
	color:#4f3896;
    font-size:16px;
    font-weight:bold;
    padding-left:0;
    margin: 10px 0px;
}

.detail h2 {
	border: none;
}

.sitemason_body ul, .page ul, 
.sitemason_body ul li, .page ul li,
.sitemason_body ol ul li, .page ol ul li {
	list-style: disc;
	margin-left: 15px;
	margin-top: 5px;
}

.sitemason_body ol, .page ol,
.sitemason_body ol li, .page ol li,
.sitemason_body ul ol li, .page ul ol li {
	list-style: decimal;
	margin-left: 15px;
	margin-top: 5px;
}

.sitemason_body strong, .page strong, .sitemason_body b, .page b {
	font-weight: bold;
}

.sitemason_body em, .page em, .sitemason_body i, .page i {
	font-style: italic;
}
  
/* events */
.events h1 span{
  background: transparent url('../images/coming_events.png') no-repeat top left;
  width: 258px;
  height: 25px;
  display: block;
  text-indent: -9999px;
}
.events h1{
  background: transparent url('../images/coming_events_background.png') no-repeat top left;
  width: 357px;
  height: 40px;
  padding: 15px 0 0 15px;
}
.events ul{
  margin: 10px;
}
  .events ul li{
    clear: both;
  }
  .events ul img{
    float: left;
    margin: 0 10px 10px 0;
    border: 3px solid #a8a8a8;
  }
  .events ul h2{
    font-size: 1.2em;
    font-weight: bold;
  }
  .events ul span{
    font-size: .9em;
  }
  .events ul .date{
    color: #836fbc;
  }

/* news */
.news h1 span{
  background: url('../images/news.png') no-repeat top left;
  width: 92px;
  height: 25px;
  display: block;
  text-indent: -9999px;
}
.news h1{
  background: url('../images/news_background.png') no-repeat top left;
  width: 308px;
  height: 40px;
  padding: 15px 0 0 15px;
}
.news ul{
  margin: 10px 20px;
}
  .news ul li{
    clear: both;
  }
  .news ul h2{
    color: #492f92;
    font-size: 1.2em;
    font-weight: bold;
  }
  .news ul p{
    margin: 0;
    padding: 0;
    font-size: .9em;
  }
  .news ul a,
  .news ul span{
    color: red;
  }
  .news ul span{
    float: right;
  }

/* images */
.images img{
  border: 2px solid #999;
}

.sitemason_file{
padding:5px 10px;
float:none;
}


#welcome {
text-indent: -1000em;
	
}


#about {
	text-indent: -9000em;
}
ul#social-networks {
	position:absolute;
	right:43px;
	top:81px;
}

ul#social-networks li{
	float: left;
}

ul#social-networks li a{
	display:block;
	height:23px;
	margin:0 3px 0 0;
	text-indent:-9999px;
	width:22px;
}