/*

OLD COLORS
------------
Augsburg Red: 820000
Lavender: 56568B
Lavender Lt: ededed
Cyan: 89CAE1
Orange: E89419
Grey: DBDBDB

NEW COLORS
-------------
PINK: c60651
RED: 660033

*/

body {
	width: 910px;
	margin: 0 auto; /* Center on Page */
	font-family: Arial, Helvetica, Sans;
	font-size: 11px;
	padding-left: 20px;
	padding-right: 20px;
	color: #444;
	line-height: 15px;
}

body#ss {
	width: 100%;
	margin: 0 auto; /* Center on Page */
	font-family: Arial, Helvetica, Sans;
	font-size: 11px;
	padding: 0;
	color: #444;
	line-height: 15px;
}

#header {
   float: left;
   width: 100%;
   height: 135px;
   background-image: url(/design_images/header.gif);
   background-repeat: no-repeat;
   /*text-align:right;*/
}

#header img {
	margin-top:30px;
	float:left;
	left: 795px;
	position:relative;
	margin-left:3px;
}

/* Alternate header w/o background */
#header-plain {
  margin: 0 0 10px 0;  
   float: left;
   width: 100%;
}

/* Search controls */

#topSearchContainer{
	padding-left: 20px;
	float: right;
	margin-top: 100px; 
}

#topSearchBox {
	background-color: #CCCCCC;
	border: 0px;
	padding: 2px;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
}

#topSearchButton { /*Extra attribute commands in this ID are necessary to hide that this functions as a button*/
	background-color: white;
	border: 0px;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
	color: gray;
	font-weight: bold;
	padding: 0px;
}

#topSearchButton:hover {
	color: black;
}

/*End search controls*/

/* Page Wrapper for Background Image */
#page {
	float: left;
	width: 910px;
	background-image: url(/design_images/background.gif);
	background-repeat: repeat-y;
	padding-bottom: 40px;
}

/* Alternate page wrapper for version w/o righthand column with calendar, search, etc */
#page-sparse {
	float: left;
	width: 910px;
	background-image: url(/design_images/background_nocal.gif);
	background-repeat: repeat-y;
	padding-bottom: 40px;
}

/* Alternate page wrapper w/o any background*/
#page-plain {
	float: left;
	width: 910px;
	padding-bottom: 40px;
}

/* Alternate page wrapper for secure services*/
#page-ss {
	max-width: 640px;
        margin: 0px auto;
	padding: 0px 20px 40px 20px;
}

/* Left Navigation List */
#nav {
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	width: 155px;
}
#nav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#nav ul li {
  display: inline; /* stop ie5+ gaps between li elements */
}

#nav ul li a {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #626262;
	text-decoration: none;
	display: block;
	font-family: arial, helvetica, sans;
	text-transform: none;
}

#nav ul li a:hover {
	text-decoration: underline;
}
/* Individual Classes for Various Headers */
#nav li.hd {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Tahoma, Arial, Sans;
	color: #ffffff;
	text-transform: Uppercase;
}

#nav li.hd.news {
	background-color: #56568B;
}

#nav li.hd.secure {
	background-color: #E89419;
}

#nav li .resources {

}

#nav li.hd.augsburg {
	background-color: #820000;
}

#nav li p {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #660033;
	padding-right: 14px;
}

#nav .navlogin {
	padding: 10px 10px 10px 10px;
}

#nav .warninfo {
	color: red;
        margin: 5px 0 5px 0;
}

#nav .loginalertwrapper {
        border: 4px solid red;
/*        margin: 3px; */
}

/* Expanding navigation controls */
#nav dl, #nav dt, #nav dd {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* This is to work around an IE bug of some bizarre nature... */
#nav dl {
        display: inline;
/*        margin-bottom: -1px;*/
}
#nav li.coverup {
        display:block;
        width:155px;
        position: absolute;
        height:1em;
        margin-top:-1px;
        border-bottom: none;
}

#nav dl dt.unexpanded {
        cursor: pointer;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
        background-repeat: no-repeat;
        background-position: center;
	background-image: url(/design_images/arrow-up.gif);
	color: #626262;
	text-decoration: none;
	display: block;
	font-family: arial, helvetica, sans;
	text-transform: none; 
}


#nav dl dt.expanded {
        cursor: pointer;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
        background-repeat: no-repeat;
        background-position: center;
	background-image: url(/design_images/arrow-down.gif);
	color: #626262;
	text-decoration: none;
	display: block;
	font-family: arial, helvetica, sans;
	text-transform: none; 
}

#nav ul li dl dt a {
}

#nav ul li dl dd ul, #nav ul li dl dd ul li {
	padding-left: 0px;
}

#nav ul li dl dd ul li a.opennew {
	padding-left: 17px;
	background-image: url(/design_images/new_win.gif);
        background-repeat: no-repeat;
        background-position: 85% 50%;
}

#nav ul li dl dd ul li a {
	padding-left: 17px;
}

#nav dl dt a:hover {
	text-decoration: underline;
}

#nav img {
  padding-bottom: 2px;
}

/* Primary Content Area */
#primary {
	float: left;
	width: 555px;
	padding-left: 10px;
	padding-right: 10px;
        display: inline;
}


/* Primary when no righthand column w/ calendar, search, etc */
#primary-sparse {
	float: left;
	width: 745px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
}

#search {
        margin: 0 auto 0 auto;
	float: left;
	width: 190px;
	background-color: #fff;
	text-align: center;
}

/* Secondary Content Area (Calendar, Search) */
#secondary {
	float: right;
	width: 190px;
	
}

#calendar {
	float: right;
	width: 175px;
	background-color: #ededed;
}

#calendar .minicalendar {
	padding-top: 20px;
	padding-bottom: 20px;
}


#calendar h2 {
	background-color: #56568B;
	margin-top: 0px;
	color: #fff;
	font-size: 11px;
}

#calendar .date {
	padding-left: 10px;
	display: inline;
	text-transform: Uppercase;
	line-height: normal;
	font-weight: bold;
	font-size: 9px;
	padding-top: 2px;
	color: #5e5e5e;
}

#calendar .time {

}

#calendar .location {

}

#calendar .links {
	font-size: 9px;
	color: #777;
}

#calendar ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
}

#calendar ul li {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
}

#calendar a {
	font-weight: bold;
}

#calendar .title {
	font-size: 11px;
}

#calendar .title {
	color: #660033;
	font-size: 10px;
	font-weight: bold;
}

#calendar .description {
	font-size: 10px;
	line-height: normal;
}

#calendar .footnote {
	font-size: 11px;
	padding-left: 10px;
	padding-top: 10px;
}

#calendar .title img.internal {
        margin: -1px -11px -1px -1px;
}

#calendar img.internal {
        margin: 0 0 -2px 0;
}


/* Page Footer */
#footer {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 40px;
}

/* Defaults */

/* Page Title */
h1 { 
	font-size: 18px;
	font-family: Arial, Helvetica, Sans;
	font-weight: bold;
	margin-top: 5px;
	color: #660033;
	
}

/* Current Article / Lead Article Title */
h2 {
	color: #660033;
	font-size: 15px;
	font-family: Arial, Helvetica, Sans;
	margin-bottom: 2px;
	margin-top: 5px;
}

h3 { /* Page Divisions / 'more news' / etc */
	clear: both;
	font-size: 14px;
	padding-top: 0px;
	margin: 0px;
	color: #660033;
	padding-bottom:5px;
	padding-top: 10px;
}

#front-left h3 {
	font-size: 11px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Categories always appear the same */
.category,
.category a {
	display: inline;
	text-decoration: none;
	text-transform: uppercase;
	color: #5e5e5e;
	font-weight: bold;
	font-size: 9px;
}

.submitted {
	display: inline;
	text-transform: Uppercase;
	line-height: normal;
	font-weight: bold;
	font-size: 9px;
	padding-top: 2px;
	color: #5e5e5e;
}

.caption {
	clear: both;
	font-size: 10px;
	padding-top: 5px;
	line-height: normal;
	padding-bottom: 10px;
}

a.readmore {
	font-weight: bold;
	color: #660033;
}

a.readmore .carat {
	color: #fdb813;
}

a {
	color: #660033;
	text-decoration: none;
}

a:hover {
	color: #660033;
	text-decoration: underline;
}

a img { border: none ; }
/* Content Specific Styles */

/* Article */

.article img {
	float: left;

	padding-right: 10px;
	padding-bottom: 10px;

}

.article .body {

}

/* Lead Article */
#leadarticle {
	float: left;
	width: 565px;
	height: 278px;
	background-image: url(/design_images/leadarticle_bg.gif);
	background-repeat: no-repeat;
}

#leadarticle h2 {
	padding-top: 10px;
	margin-top: 0px;
}

#leadarticle .info {
	float: left;
	font-family: Arial, Helvetica Sans;
	font-size: 10px;
	color: #5e5e5e;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
#leadarticle .photo {
	float: left;

	width: 256px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#leadarticle .teaser {
	float: left;
	padding-right: 20px;
	padding-top: 15px;
	width: 250px;
}

#leadarticle .teaser p {
	margin-top: 0px;
	padding-top: 0px;
}


#front-left {
	float: left;
	width: 325px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
}

#front-right {
	float: left;
	width: 170px;
	padding-right: 15px;
	padding-top: 0px;
}

.campusnews {
        clear: both;
	float: left;
	width: 175px;
        padding-right: 10px;	
}

.morenews {
	float: left;
	width: 325px;
}


/* More News for unauthenticated page */
.morenews-main {
	float: left;
	width: 325px;
}

/* More News Blocks */


#front-left .newsitem {
	float: left;
	clear: both;
	width: 325px;
	font-size: 10px;
	padding-top: 15px;
}

#front-left .newsitem .thumbnail {
	float: left;
	padding-right: 20px;
}

#front-left .newsitem .description {
	float: left;
	clear: both;
	width: 240px;
}

#front-left .newsitem .title {
	float: left;
	margin-top: 4px;
	font-weight: bold;
}

#front-left .newsitem .info {
	float: left;
}

#front-left .newsitem .submitted {
	float: left;
	width: 100%;
	clear: both;
}



#front-right .newsitem {
	float: left;
	width: 180px;
	font-size: 10px;
	padding-top: 15px;
	margin-bottom: 0px;
}

#front-right .newsitem .thumbnail {
	float: left;
	padding-right: 10px;
}

#front-right .newsitem .description {
	float: left;
	width: 110px;
	line-height: normal;
}

#front-right .newsitem .title {
	float: left;
	margin-top: 4px;
	font-weight: bold;
	width: 115px;
	line-height: normal;
}


#front-right .newsitem .info {
	float: left;
}
#front-right .newsitem .submitted {
	float: left;
	width: 100%;
	clear: both;
	text-transform: none;
	color: #666;
	font-size: 9px;
}
/* Link Lists */

.linklist {
	float: left;
	padding-top: 20px;
	line-height: normal;
}

#amail {
	padding-left: 15px;
	padding-right: 15px;
}

.divider {
	float: left;
	clear: both;
	height: 20px;
	background-image: url(/design_images/divider.gif);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
}

#amail .linklist {
	width: 170px;
	padding-right: 5px;
}


#amail .linklist h2 {
	font-size: 14px;
}


#amail-browse {

text-align: center;
	font-weight: bold;
	font-size: 12px;

}
#amail-browse a {
	font-weight: bold;
	color: #fdb813;
}
.amail-item {
	clear: both;
	float: left;
	font-size: 11px;
	padding-top: 15px;
        width: 500px;
        padding-right:5px;
}

#amail-header {
	float: left;
	background-image: url(/design_images/amail-hd.gif);
	padding-top: 20px;
	height: 60px;
	width: 555px;
	font-size: 12px;
	background-repeat: no-repeat;
}

.amail-date {
	float: left;
	padding-top: 25px;
	padding-left: 65px;
	width: 100%;
	clear: both;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-size: 9px;
	width: 250px;
}

#amail h2 {
font-size: 20px;
color: #860038;
margin: 10px 0 -12px 0;
}

#amail .linklist h2 {
	font-size: 14px;margin: 0 0 5px 0;
}

.amail-submit {
	float:right;
	padding-top: 23px;
	padding-right: 30px;
	font-weight: bold;
	font-size: 10px;
}


.article-list {
	/*padding-left: 80px;*/
	padding-right: 20px;
}
.linklist ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
}

.linklist ul li {
	margin-bottom: 5px;
}

.linklist a {
	font-size: 10px;
	color: #626262;
}

.linklist .category a {
	display: inline;
	text-decoration: none;
	text-transform: uppercase;
	color: #666666;
	font-weight: bold;
	font-size: 9px;
}


/* Form Elements */
label {
	display: block;
	padding-bottom: 2px;
}

.submit {
        display: block;
	background-color: #860038;
	font-size: 10px;
        margin-left: auto;
        margin-right: 10px;
	margin-bottom: 5px;
        margin-top: 10px;
	color: #fff;
	border: none;
	padding:2px 5px 2px 5px;
}

.menu-submit {
	clear: both;
        display: block;
        text-align: center;
        width: 60px;
	font-size: 11px;
	font-style:italic;
	margin-bottom: 5px;
	margin-top: 5px;
        margin-left: auto;
        margin-right: 5px;
        color: #E89419;
	font-weight:bold;
	border: none;
	padding:2px;
}

input.search {

	clear: both;
	border: 1px solid #DBDBDB;
	width: 184px;
	font-size: 11px;
	padding: 2px;
}

input.login {
	border: 1px solid #DBDBDB;
	width: 120px;
	font-size: 11px;
}

/* Photo of the week */

.weeklyphoto {
	float: left;
	width: 189px;
}

.weeklyphoto img {
	padding-top: 10px;
}

br.clear {
	clear: both;
}

/* ie form fix */
form { 
        padding: 0;
        margin: 0;
}


/* 
	OLD CSS FOR EXPLORE AUGSBURG 
	Modified to override new styles
*/

.leftnav { font-size:11px; color:#5e5e5e; font-family: Arial, Helvetica, sans-serif;   }



.leftnav a:link{color:#003399; text-decoration: none}



.leftnav a:active{color:#3366CC; text-decoration: underline}



.leftnav a:visited{color:#003399; text-decoration: none}



.leftnav a:hover{color:#3366CC; text-decoration: underline}

.no-display {
	display: none;
}

br.clr {
	clear: both;
}
