/** sprite: mysprite; sprite-image: url('../img/mysprite.png'); sprite-layout: vertical */ 
/** sprite: mysprite2; sprite-image: url('../img/mysprite2.png'); sprite-layout: vertical */ 
/** sprite: mysprite3; sprite-image: url('../img/mysprite3.jpg'); sprite-layout: horizontal */ 

/* Library Stuff */

/**main information on home page**/
#dashboard-home{
	position:relative;
	top:338px;
	background-image:url(/assets/images/frontcontentbg2.gif);
	background-repeat:no-repeat;
	background-color:#f8f2fa;
	width:859px;
	height:300px;
	z-index:5;
	clear:both;
}

.titlebar-home{
	top:259px;
	left:10px;
	position:absolute;
	z-index:4;
	height:79px;
	width:860px;
	clear:both;
	float:left;
	background-image:url(/assets/images/bar3.jpg);
	background-repeat:no-repeat;
}

.catalog-home {
	background-image:url(/assets/images/catalog.jpg);
	width:241px;
	height:79px;
}

#librarysearch{
	position:relative;
	float:left;
	font-size: 1.1em;
	vertical-align: top;
	padding-left: 25px;
	padding-right:10px;
	padding-top: 15px;
	padding-bottom:5px;
	width:535px; /*620px*/
	z-index:2;
}

/**/#searchForm{ /*http://library.concordia.edu/tomcat/vwebv/context/vwebv/ui/en_US/css/searchPages.css */
   background-color: #d1c4d9; 
   border: 1px solid #000;
   clear: left; 
   margin: 0px; 
   padding: 0px;
}

#searchForm label{
   font-size: 12px;
   font-weight: bold;
}


/* Search Navigation*/
#searchNav{
   margin: 0px; 
   padding: 0px;
   float: left;
}

#searchNav ul
{
   float: left; 
   list-style: none; 
   margin: 0px; 
   padding: 0px;
}

#searchNav li
{
   font-size: 12px;
   font-weight: bold;
   float:left;
   display:block;
   margin: 0px 0px -1px 0px;
}

#searchNav a{
   color: #fff;
   float:left;
   background:url("http://www.concordia.edu/assets/images/search_nav_right_off.gif") no-repeat right top;
   padding:0px 2px 0px 0px;
   margin: 0px 0px 0px 11px;                 
   text-decoration:none;
   display:block;
   border-bottom: 1px solid #000;
}

#searchNav a span{
   float:left;
   background:url("http://www.concordia.edu/assets/images/search_nav_left_off.gif") no-repeat left top;
   padding: 7px 20px 5px;  
   text-align:center;
   display:block;
}

#searchNav li#on a, #searchNav a:hover{
   color: #333;
   border-bottom: 1px solid #d1c4d9;
   cursor: pointer;
}

#searchNav a:hover{
   background:url("http://www.concordia.edu/assets/images/search_nav_right_on.gif") no-repeat right top;
   border-bottom: 1px solid #000;
}

#searchNav a:hover span{
   background:url("http://www.concordia.edu/assets/images/search_nav_left_on.gif") no-repeat left top;
}

#searchNav li#on a{
   background:url("http://www.concordia.edu/assets/images/search_nav_right_on.gif") no-repeat right top;
}

#searchNav li#on a span{
   background:url("http://www.concordia.edu/assets/images/search_nav_left_on.gif") no-repeat left top;
}*/

#searchInputs
{
   padding: 0px 0px 10px 10px;
}

#searchInputs label
{
   padding: 1px;
   margin: 2px;
   white-space: nowrap;
   width: 1%;
}

#quickLimits {
   padding: 12px 0px 5px 10px;
   width:auto;
}

#quickLimits label
{
   padding: 1px;
   padding-right: 5px;
   margin: 2px;
   border: 0px;
   text-align: left;
   white-space: nowrap;
   width: 1%;
}

#searchRecs{ 
   margin: 0px 0px 0px 10px;
   width:150px;
}

#searchRecs label
{
   padding: 1px;
   margin: 2px;
   white-space: nowrap;
   width: 1%;
}

#searchLinks
{ 
   text-align: right; 
   margin:0px 20px 10px 0px
}

#searchLinks a
{
   background:url("http://172.20.10.235/vwebv/ui/en_US/images/icon_srchtips.gif") no-repeat left top;
   padding:0px 0px 10px 20px ;
   margin: 0px 0px 3px 10px;
   font-size: xx-small
}

#searchLinks input
{  
   margin:0px 0px 0px 10px ;
}

#searchParams{
	padding-top: 10px;
}


/* END OF Library Stuff */

@charset "utf-8";
/*** Concordia.edu redesign for July 2008 **/
* {padding:0; margin:0;}/** this zeros out every element's padding and margin. You then explicitly declare only the non-zero values you need for each element.*/

body{
	background-image:url(../../assets/images/gradientbg.png);  
	background-repeat:repeat-x;
	background-color:#f8f2fa;
	color:#2b2b2b;
	z-index:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /*needed for font re-size purposes*/
	padding:0;
	margin:0;
	min-width:850px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
	line-height:150%;
}

p.hr {
	font-size:1.2em;
}

span.tinytext {
	font-size:1.1em;
	}

p + p { /*for only paragraphs that follow other paragraphs*/
	margin-top:.9em; 
}

blockquote{
	margin-left:2.5em;
}

ul{
	list-style-type:disc;
}

ul ul li {
	list-style-type:disc;
}

h1 {
	font-size:2.8em;
	left:-3px;
	color:#52247F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	letter-spacing:.05em;
	line-height:1.6em;
}

.smallcaps{
	letter-spacing:.1em;
	font-variant:small-caps;
	margin-bottom:10px;
}

.page{
	border-bottom:2px solid #fdbb30;
	padding-left:15px;
}

.newsContent-page{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:.5em;
}

H2 {
	font-size:2.3em;
	left:-3px;
	color:#52247F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	line-height:1.6em;
}

H3 {
	font-size:2em;
	left:-3px;
	color:#52247F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	line-height:1.6em;
}

H4 {
	font-size:1.7em;
	left:-3px;
	color:#52247F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	line-height:1.6em;
}

h5 {
	font-size:1.4em;
	left:-3px;
	color:#52247F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	line-height:1.6em;
}

h6 {
	font-size:1.1em;
	left:-3px;
	color:#52247F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	letter-spacing:.05em;
	line-height:1.6em;
}

/* =links */	
a {	
	font-weight:700;
	color:#52247f;
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
	
.red {
	color:red;
}

.green {
	color:#009933;
}	

.leftindent{
	margin-left:20px;
}

/*  Logo */
span.logoplace {
	background-image:url(../../assets/images/logo-home.gif); /** sprite-ref: mysprite2; */ 
	float:left;
	clear:left;
	width:353px;
	height:100px;
	background-repeat:no-repeat;
	top:0;
}

span.logoplace:hover {
	background-image:url(../../assets/images/logo-home-on.gif); /** sprite-ref: mysprite2; */ 
	background-repeat:no-repeat;
}

span.logoplacemain {
	background-image:url(../../assets/images/logo-main.gif); /** sprite-ref: mysprite2; */ 
	float:left;
	clear:left;
	width:353px;
	height:100px;
	background-repeat:no-repeat;
	top:0;
}

span.logoplacemain:hover {
	background-image:url(../../assets/images/logo-main-on.gif); /** sprite-ref: mysprite2; */ 
	background-repeat:no-repeat;
}

#cNav{
	background-color:#5e3189;
	height:18px;
	top:-13px;
	position:relative;
	width:850px;
	border-top:3px;
	border-bottom:3px;
	border-left:0;
	border-right:0;
	border-color:#fff;
	border-style:double;
	z-index:2;
	color:#fff;
	font-size:1em;
	padding-top:3px;
	letter-spacing:1px;
}

#cNav a{
	font-variant:small-caps;
	font-weight:lighter;
	font-size:.9em;
	display:inline;
	color:#fff;
	PADDING-RIGHT:3px;
	PADDING-LEFT:3px;
	PADDING-TOP:3px;
	text-decoration:none;
	background-color:transparent;
	border-style:none;
}

#cNav a:hover{
	color:#fff;
	border-style:none;
	background-color:#956eaf;
	padding-bottom:5px;
}


/*mission*/
span.mission{
	top:75px;
	left:-4px;
	position:absolute;
	z-index:4; /*puts above other layers of images & text on page*/
	height:37px;
	width:877px;
	clear:both;
	float:left;
	background-image:url(../../assets/images/bar1b.png); /** sprite-ref: mysprite; */
	background-repeat:no-repeat;
}

/*****homepage body content********/

#bodycontainer{
	position:relative;
	top:12px;
	left:-4px;
	background-image:url(../../assets/images/contentbg.png);  
	background-repeat:repeat-y;
	z-index:1; 
	clear:both;
	float:left;
	width:877px;
	height:620px;
	padding-left:10px;
	padding-bottom:10px;
}

#flashcontent{
	position:absolute;
	padding-top:0;
	left:209px;
	width:660px;
	height:257px;
	z-index:0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#fdbb30;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#fdbb30;
}

.titlebar-home{
	top:259px;
	left:10px;
	position:absolute;
	z-index:4;
	height:79px;
	width:860px;
	clear:both;
	float:left;
	background-image:url(../../assets/images/bar3.jpg);  
	background-repeat:no-repeat;
}

.events-home {
	background-image:url(../../assets/images/Events-off.jpg);
	width:241px;
	height:79px;
}

.events-home:hover{
	background-image:url(../../assets/images/Events-on.jpg);
}

.news-home {
	background-image:url(../../assets/images/News-off.jpg);
	width:271px;
	height:79px;
	position:absolute;
	left:241px;
	top:0;
}

.news-home:hover{
	background-image:url(../../assets/images/News-on.jpg);
}

/************page.cfm information**********/
#bodycontainer-page{
	position:relative;
	top:-41px;
	left:-4px;
	background-image:url(../../assets/images/contentbg.png);  
	background-repeat:repeat-y;
	z-index:1; 
	clear:both;
	float:left;
	width:877px;
	height:100%;
	padding-left:10px;
	padding-bottom:10px;/**/
}

#sidenavContainer{
	float:left;
	width:205px;
}

#sidenav {
	background-image:url(../../assets/images/sidenav.jpg);  /** sprite-ref: mysprite3; */
	background-position:top left;
	width:205px; /*205px*/
	border-color:#fdbb30;
	border-style:solid;
	border-width:1px;
	float:left;
	height:auto;
	color:#fff;
}
#sidenav a {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
}
#sidenav a:hover {
	background-image:url(../../assets/images/sidenav-hover.gif); 
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#6f4895;
	text-decoration:none;
	font-weight:400;
}

#sidenav .parent {
	color:#fff;
	font-size:1.5em;
	font-weight:400;
	display:block;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:5px;
}
#sidenav .peersSub {
	list-style-image:url(../../assets/images/sidenav-plus2.gif);  
}
#sidenav .peers {
	list-style-image:url(../../assets/images/sidenav-spacer2.gif); 
}

#sidenav .current {
	font-size:1.3em;
}

#sidenav .child {
	list-style-image:url(../../assets/images/sidenav-spacer2.gif); 
}
#sidenav .childSub {
	list-style-image:url(../../assets/images/sidenav-plus2.gif); 
}
#sidenav ul {
	margin-left:12px;
	padding-left:12px;
}
#sidenav li a {
	background:none;
	background-color:transparent;
	display:block;
	padding-top:3px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:5px;/**/
	font-size:1.3em;
	width:165px;
}

#sidenav li ul li a{
	background:none;
	background-color:transparent;
	display:block;
	padding-top:3px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:5px;/**/
	font-size:1em;
	width:141px;
}

#sidenav .emphasize a{
	color:#fdbb30;
}

#sidenav .eventsTitle{
	background-image:url(../../assets/images/sidenav-upcomingevents-off.png); /** sprite-ref: mysprite2; */ 
	position:relative;
	width:205px;
	height:36px;
}

#sidenav .currentpage{
	background-color:#5e3c7f; 
	padding:5px; 
	width:170px;
}

#calendarContent-page{
	position:relative;
	float:left;
	font-size:1.1em;
	vertical-align:top;
	padding-left:15px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:172px;
	z-index:2;
	background-color:#f8f2fa;
}

/**experimental use of divs instead of tables for calendar */
#calendarContent-home09a {
	position:relative;
	float:left;
	font-size:1.1em;
	vertical-align:top;
	margin-left:-10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:5px;
	width:257px;
	z-index:2;
}

#calendarContent-page09a {
	position:relative;
	float:left;
	font-size:1.1em;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:5px;
	width:172px;
	z-index:2;
}

.calendardatecontainer09a{
	width:45px;
	float:left;
	left:10px;
	border-right:2px #fdbb30 solid;
	clear:left;
	margin-bottom:10px;
}

.calendardatecontainer09a a{
	text-decoration:none;
}

.calendardate09a{
	width:45px;
	font-size:1.8em;
	font-weight:lighter;
}

.calendarmonth09a{
	width:45px;
	text-transform:uppercase;
	font-weight:lighter;
	font-size:.9em;
}

.eventcontatiner09a{
	float:right;
	top:0;
	position:relative;
	width:115px;
	padding-left:0;
}

.eventcontatiner-home09a{
	float:right;
	top:0;
	position:relative;
	width:200px;
	padding-left:0;
}

.eventTitle09a {
	color:#4e4c4f;
	font-size:.9em;
	padding-bottom:3px;
}

.eventTime09a{
	color:#808084;
	font-size:.9em;
	text-transform:lowercase;
}

#moreevents{
	white-space:nowrap;
	position:relative;
	float:right;
	top:10px;
	font-size:.9em;
}


#pagegroupPic{
	height:160px;
	border-bottom-style:solid;
	border-bottom-color:#fdbb30;
	border-bottom-width:2px;
	float:right;
	margin-right:18px;
	z-index:18;
}

#pagegroupText{
/**/	position:relative;
	top:-53px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:3.9em;
	letter-spacing:.04em;
	text-align:right;
	padding-right:15px;
}

#pageInformation {
	position:relative;
	float:right;
	margin-right:18px;
	background-color:#f8f2fa;
	width:652px;
}

#breadcrumbs{
	position:relative;
	background-color:#210E32;
	color:#fff;
	font-size:1.05em;
	padding-left:13px;
	padding-bottom:7px;
	padding-top:7px;
	padding-right:13px;
}

#breadcrumbs a{
	color:#fff;
	font-weight:400;
	padding:4px 3px;
}

#breadcrumbs a:hover {
	background-image:url(../../assets/images/sidenav-hover.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#6f4895;
	text-decoration:none;
	font-weight:400;
}

#breadcrumbsShadow{
	position:relative;
	height:21px;
	background-image:url(../../assets/images/breadcrumbsShadow.jpg); 
	background-repeat:no-repeat;
	background-position:right;
}

#fontresizer {
	float:right;
	position:relative;
	top:-10px;
	right:20px;
	margin-bottom:10px;
	margin-left:10px;
}

#dashboard-page{
	float:right;
	width:630px;
	margin-top:10px;
}

#newsContent-page{
	font-size:1.1em;
	vertical-align:top;
	padding:15px;
	width:320px;
	z-index:2;
	float:left;
	background-image:url(../../assets/images/news.jpg);
	background-repeat:no-repeat;
	border-color:#fdbb30;
	border-width:1px;
	border-style:solid;
	margin-bottom:10px;
	margin-right:10px;
	color:#fff;
}

#newsContent-page a{
	font-size:1.1em;
	color:#fff;
	font-weight:700;
}

#newsContent-page img{
	width:60px;
	height:40px;
}

#newsContent-pageDate{
	color:#fdbb30;
}

#quicklinks-page{
	width:219px;
	z-index:2;
	background-image:url(../../assets/images/quicklinks.jpg);  /** sprite-ref: mysprite3; */
	background-repeat:no-repeat;
	border-color:#fdbb30;
	border-width:1px;
	border-style:solid;
	float:right;
/**/	position:relative;
	top:10px;
	line-height:2em;
	padding-top:34px;
	padding-bottom:10px;
	padding-right:15px;
	text-align:right;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:20px;
}

#quicklinks-page a{
	font-size:1.3em;
	color:#fff;
	font-weight:400;
	padding:3px;
}

#quicklinks-page a:hover{
	background-image:url(../../assets/images/sidenav-hover.gif); 
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#6f4895;
	color:#fff;
	text-decoration:none;
}

#quicklinks-page ul{
	list-style-type:circle;
	color:#999;
	list-style-position:inside;
}

#pageContent{
/**/	position:relative;
	padding-top:10px;
	padding-left:12px;
	padding-right:15px;
	font-size:1.1em;
	line-height:150%;
}

#pageContent img{
 	display:block;
  	border:1px solid #a9a9a9;  	
	background-color:#fff;
  	padding:4px;
	margin:5px;
}

#pageContent-directory{
/**/	position:relative;
	padding-top:10px;
	padding-left:12px;
	padding-right:15px;
	font-size:1.1em;
	line-height:1.8em;
	background-color:#fff;
}

#pageContent-directoryright{
	position:relative;
	padding-left:12px;
	padding-right:15px;
	padding-bottom:10px;
	margin-left:10px;
	font-size:1em;
	line-height:1.8em;
	background-color:#fff;
	float:right;
	width:150px;
	border-bottom-width:thin;
	border-bottom-color:#999;
	border-bottom-style:dashed;
	border-left-width:thin;
	border-left-color:#999;
	border-left-style:dashed;

}

#pageContent a{
	font-size:1.1em;
	line-height:1.7em;
}

#pageContent p{
	font-size:1.1em;
	line-height:1.8em;
}

#pageContent ul{
	padding-left:25px;
	line-height:1.7em;
}

#pageContent li{
	font-size:1em;
	line-height:1.7em;
}

#pageContent ol{
	padding-left:25px;
	font-size:1.1em;
	line-height:1.7em;
	list-style-type:decimal;
}

#pageContent .upper-alpha{
	list-style-type:upper-alpha;
}

#pageContent .upper-alpha ol ol li{
	list-style-type:decimal;
}

td#pageContent p{
	font-size:1.1em;
}

tr#pageContent p{
	font-size:1.1em;
}

#pageEditor{
	position:relative;
	font-size:1em;
	text-align:right;
	padding-right:20px;
	padding-top:20px;
}

/**main information on home page**/
#dashboard-home{
	position:relative;
	top:338px;
	background-image:url(../../assets/images/frontcontentbg2.gif); /** sprite-ref: mysprite; */
	background-repeat:no-repeat;
	background-color:#f8f2fa;
	width:859px;
	height:300px;
	z-index:5;
	clear:both;
}

#calendarContent{
	position:absolute;
	left:15px;
	font-size:1.1em;
	vertical-align:top;
	padding-left:15px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:175px;
	height:227px;
	z-index:2;
	clear:left;
	top:-1px;
}

.calendarmonth{
	text-transform:uppercase;
	font-weight:400;
	font-size:1em;
}

.calendardate{
	font-size:1.8em;
}


#newsContent{
	position:absolute;
	left:315px;
	font-size:1.1em;
	vertical-align:top;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	width:315px;
	height:227px;
	z-index:2;
	clear:both;
}

#newsContent img{
	width:60px;
	height:60px;
}

#quicklinks{
	position:absolute;
	left:650px;
	vertical-align:top;
	padding-bottom:5px;
	padding-top:5px;
	width:190px;
	z-index:2;
	clear:both;
	line-height:2.4em;
}

#quicklinks a{
	font-size:1.4em;
	color:#000;
	font-weight:400;
}

#azindex{
	position:absolute;
	left:620px;
	top:210px;
	width:211px;
	height:auto;
	z-index:2;
	clear:both;
	background-color:#e9e2ec;
	padding:7px;
	padding-top:4px;
	text-align:justify;
}

.azindextitle {
	font-size:1.8em;
	left:-3px;
	color:#52247F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	line-height:1.6em;
}

.azindextitle:hover{
	background-image:none;
	background-color:#6f4895;
	color:#fff;
}

#azindex a{
	font-size:1.2em;
	font-weight:400;
	margin-bottom:13px;
	padding:.1em;
	background-image:none;
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:transparent;
	color:#52247f;
	text-decoration:none;
}

#azindex a:hover{
	background-image:url(../../assets/images/sidenav-hover.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#6f4895;
	color:#fff;
}

.alpha a{
	font-weight:700;
	background-image:url(../../assets/images/sidenav-hover.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#6f4895;
	text-transform:uppercase;
	padding:.1em;
	padding-left:.3em;
	padding-right:.3em;
	color:#fff;
	margin-bottom:.3em;
}

.alpha a:hover{
	background-color:#52247f; 
	text-decoration:none;
	color:#fdbb30;
}

.pagetitle{/*where the page title displays*/
	background-color:#5e3189;
	height:18px;
	top:-13px;
	position:relative;
	width:850px;
	border-top:3px;
	border-bottom:3px;
	border-left:0;
	border-right:0;
	border-color:#fff;
	border-style:double;
	z-index:2;
}
h3.title{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-variant:small-caps;
	letter-spacing:.1em;
	padding-left:20px;
}

/*****************************************  FOOTER  ************************************/
#footer, #footer-home{
	position:relative;
	left:-4px;
	width:880px;
	height:70px;
	background-image:url(../../assets/images/footer.png); /** sprite-ref: mysprite; */ 
	background-repeat:no-repeat;
	clear:both;
	z-index:6;
}

#footer{
	top:-41px;
}

#footer-home{
	top:12px;
}

.footerleft {
	position:relative;
	top:20px;
	left:20px;
	width:150px;
	height:75px;
	z-index:14;
	float:left;
}

.footericons img{
	background-color:transparent;
	border:none;	
 	display:inline;
	position:relative;
	margin-top:-5px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
  	padding:0;/**/
}

#footerContent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	padding-right:30px;
	top:-4px;
}

.style1 {color:#fff}

/*************** Drop-down Menu ***************/
#ctxnavplacement{
	top:-40px;
	left:-4px;
	position:relative;
	WIDTH:880px;
	height:50px;;
	clear:both;
/*	float:left;*/
	background-image:url(../../assets/images/dropnav.png); /** sprite-ref: mysprite; */ 
	background-repeat:no-repeat;
	z-index:20;
}

#ctxnav{
	left:10px;
	top:12px;
	position:relative;
	WIDTH:860px;
	height:auto;
	clear:both;
	float:left;
}

#ctxnavplacement-home{
	position:absolute;
	z-index:3; /*puts above other layers of images & text on page*/
	WIDTH:199px;
	left:10px;
	clear:both;
}

.qmsub {
	color:#000;
	font-weight:700;
}

.qmsub:hover{
	color:#fff;
}

/* =Logo */
span.Logo {
	display:block;
	float:right;
	width:250px;
	height:10px;
	margin-top:1px;
}

/* topright */
#topright{	
	float:right;
	display:block;
	width:195px;/*195px regular, 400px with additional images*/
	height:45px;
	margin-top:20px;
	margin-right:-15px;
	font-size:1.1em;
	color:#000;
	line-height:1.9em;
	z-index:18;
}

#topright img{
	padding:0 10px 0 0;
	border:none;	
}

#weather{	
	float:right;
	display:block;
	width:auto;
	height:45px;
	margin-top:9px;
	margin-right:20px;
	font-size:1em;
	color:#333;
	z-index:18;
}

#weather-text{
/*	float:left;
	display:block;
	position:relative;*/
	margin-left:70px;
	margin-top:-48px;
	font-size:1.1em;
	color:#333;
	z-index:18;
}

#weather-textpage{
/*	float:left;
	display:block;
	position:relative;*/
	margin-left:40px;
	margin-top:-35px;
	font-size:1.1em;
	color:#333;
	z-index:18;
}

.topright-home {
	background-image:url(../../assets/images/austin-off.gif); /** sprite-ref: mysprite2; */
	background-repeat:no-repeat;
	width:200px;
	height:40px;
	clear:left;
}

.topright-home:hover {
	background-image:url(../../assets/images/austin-on.gif); /** sprite-ref: mysprite2; */
	background-repeat:no-repeat;
}

/* topright-links AKA:Site Index | Directory*/
#topright-links {
	float:left;
}
#topright-links a{
	text-decoration:none;
	color:#7f7f7f;
	border-style:none;
}
#topright-links a:hover{
	color:#fff;
	background-color:#9679B2;
	border-style:none;
}

/******************* Content Positioning ************************/
#header {
	clear:both;
}

#container {
	margin-left:auto;  /*this centers the content on the page in non-IE browsers*/
	margin-right:auto; /* this centers the content on the page in non-IE browsers*/
	width:854px;
	z-index:1;
	text-align:left;
	top:5px;
	position:relative;/**/
}

#base {/*acts as the container for the vertical middle of the page*/
	top:-13px;
	position:relative;
	background-color:#f8f2fa;
	border-left:185px solid #d1c4d9; /* The width and color of the left rail */
	border-right:120px solid #afafaf; /* The width and color of the right rail */
	float:left;
	width:545px;
}

/* =Navigation */
#navColumn{
	WIDTH:180px; 
	color:#333;
	text-decoration:none;
	line-height:17px;
	padding-left:8px; 
	padding-right:7px; 
	padding-bottom:10px;
	padding-top:3px;
	position:relative;
	float:left;
	margin-left:-190px;
}

#navColumn a{
	text-decoration:none;
	line-height:15px;
	border-style:none;
	background-color:transparent;
}

#navColumn a:visited{
	text-decoration:none;
}

#navColumn a:active{
	text-decoration:none;
}
#navColumn a:hover{
	text-decoration:underline;
}

#navColumn ul {
	font-size:1.1em; 
	margin-left:10px;
	padding-left:10px;
	padding-RIGHT:5px;
	list-style:circle;
}

#navColumn li{
	margin-left:0;
}

/** center column **/
#centerColumn{
	font-size:1em;
	color:#2b2b2b;
	LINE-HEIGHT:19px;
	width:525px;
	PADDING-BOTTOM:10px;
	padding-top:10px;
	z-index:1;
	position:relative;
	float:left;
	margin-right:-535px;
}

#centerColumn li {
	margin-left:20px;
	font-size:1.1em;
}

.pageinfo{
	padding-left:5px;
	font-size:1.1em;
}

/*right column div*/
#rColumn{
	width:90px; 
	margin-right:-100px;
	padding-top:3px;
	padding-left:10px;
	padding-right:0; 
	font-size:1.2em;
	float:right;
	position:relative;
}
	
.rColumn ul{
	margin-left:-10px;
}
	
.rColumn a{
	color:#fff;
}

.page_bPhotoshadow{
	float:left;
	background:url(../../assets/images/shadowAlpha.png)!important; 
	background-repeat:no-repeat !important;
	background-position:bottom right !important;
	background:url(../../assets/images/shadow.gif); 
	background-repeat:no-repeat;
	background-position:bottom right;
	margin:10px 0 0 10px !important;
	margin:10px 0 0 5px;
	margin-top:-6px;
	margin-left:-6px;
	margin-bottom:6px;
	margin-right:6px;	/**/
	}
	
.img-shadow img {
 	display:block;
	position:relative;
  	border:1px solid #a9a9a9;  	
	background-color:#fff;
	margin-top:-6px;
	margin-left:-6px;
	margin-bottom:6px;
	margin-right:6px;
  	padding:4px;/**/
  }

/*************** =Misc. *****************************/
/* =edit link */
.edit a{
font-weight:400;
color:red;
}

.edit {
float:right;
text-align:right;
padding-right:50px;
}

.rightalign{
	text-align:right;
}

.clearboth{
	clear:both;
}

/*******************************************  HR   ************************************************/
hr{
	color:#fdbb30;
	background-color:#fdbb30;
	width:100%;
	border:0;
	margin-top:5px;
	margin-bottom:5px;
}

/********************************** styles for calendar app ************************************/
#calendar-pageInformation {
	position:relative;
	margin-right:18px;
	background-color:#f8f2fa;
}

.forprint {
	font-weight:700; 
	display:none;
}

.caltitle {
	font-size:1.8em; 
	font-weight:700;
}

#calapps {
	border-top:1px dotted #52247f;
	margin-top:4px;
/*	vertical-align:middle;*/
}
#calapps img{
	background-color:transparent;
	border:none;	
 	display:inline;
	position:relative;
	margin-top:8px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
  	padding:0;/**/
}

#calapps img a{
	background-color:transparent;
	border:none;	
 	display:inline;
	position:relative;
}

#calapps2 {
	margin-left:250px;
	margin-top:-30px;
}

#calapps2 img a{
	background-color:transparent;
	border:none;	
 	display:inline;
	position:relative;
}


.nxtlst {
	font-size:1.4em; 
	font-weight:400; 
	background-color:#fdbb30; 
}

#calLink a {
	font-size:.9em;
	font-weight:400;
	line-height:90%;
}

.days {
	font-size:.8em; 
	font-weight:400; 
	background-color:#e7e7d2; 
	width:0; 
	height:0;
}

.calendarsize {
	width:835px; 
	background-color:#fff;
	border-style:solid;
	border-color:#999;
}

.submitcalendar {
	float:right;
	position:relative;
	top:-8px;
	right:10px;
}
	
/*Content Section*/
#calcontent {
	WIDTH:640px; 
	MARGIN-BOTTOM:0;
}

#bodytext {
	margin-left:0;
}

#calcontent2 {
	WIDTH:380px; 
	MARGIN-BOTTOM:0;
	background-color:#e7e7d2;
}


/********************************************** EMPLOYEE DIRECTORY STYLE ADJUSTMENTS *******************************/

.alpha {
	font-size:1.2em;
}

.alpha p{
	margin-top:.3em;
}

.alpha a{
	font-weight:700;
	background-image:url(../../assets/images/sidenav-hover.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#6f4895;
	text-transform:uppercase;
	padding:.1em;
	padding-left:.3em;
	padding-right:.3em;
	color:#fff;
	margin-bottom:.3em;
}

.alpha a:hover{
	background-color:#52247f; 
	text-decoration:none;
	color:#fdbb30;
}

.700{
	font-weight:700;
}

/*********************************************ADP Drop Down Menu*************************************/

#adpnavplacement{
	position:absolute;
	z-index:2;
	width:545px;
	background-color:#956eaf;
	height:22px;
	top:0;
	left:0;
	font-size:.9em;
	border-bottom:1px #000 solid;
}

.adpnav, .adpnav ul {/* all class lists */
	padding:0;
	margin:0;
	list-style:none;
	display:inline;/* this gets rid of the gaps */
	text-align:left; /*this overrides the text-align:center in the body definition*/
}

.adpnav	a 	{ 
/**/	color:#fff;
	font-weight:400;
	background-color:#956ead;
	display:block;
	width:auto;
}

.adpnav	a:hover		{ 
	background-color:#fff;
	color:#956ead;
}

.adpnav	a:visited		{ 
	color:#fff;
	text-decoration:none;
}
  
.adpnav li {
	float:left;
	position:relative;
}	
		
.adpnav li a {/*top links:future students, current students, etc*/
	font-weight:400;
	font-variant:small-caps;
	text-decoration:none;
	color:#fff; /*controls rollover color*/
	display:inline;
	width:auto;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:11px;
	padding-right:12px;
	margin-left:auto;
	margin-right:auto;
}

.adpnav li a:hover {/*top links:future students, current students, etc*/
	font-weight:400;
	font-variant:small-caps;
	text-decoration:none;
	display:inline;
	width:auto;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:11px;
	padding-right:12px;
	color:#956ead;
}

.adpnav li a:visited {/*top links:prospective students, current students, etc*/
	font-weight:400;
	font-variant:small-caps;
	text-decoration:none;
	display:inline;
	width:auto;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:11px;
	padding-right:12px;
}

/****************** ITS Home Page *********************/
div.itsl{
	font-weight:400;
	line-height:15px;
	margin-bottom:10px;
	text-align:left;
	width:58%;
	background-color:#d1c4d9;
	padding-left:7px;
	padding-right:3px;
	padding-top:5px;
}

/**************************************** CTX styles ********************************/
#ctxbase {/*acts as the container for the vertical middle of the page*/
	top:-15px;
	padding-left:193px; /*navColumn width*/
	padding-right:117px; /*rColumn width + centerColumn padding*/
	position:relative;
	overflow:hidden;
	background-color:#f8f2fa;
}

/* Show only to IE PC \*/
* html .brownboxhead h2 {height:1%;} /* For IE 5 PC */

.brownbox {
	margin:0 auto;/*  center for now */
	width:625px; /* ems so it will grow */
	background:url(http://www.ctx.edu../../assets/images/rbbody-r.gif) no-repeat bottom right; 
	font-size:100%;
	margin-bottom:10px;
/*	height:300px;*/
}
.brownbox a {
	font-size:12px;
	color:#e4dfe5;
	font-weight:400;
}
.brownboxhead {
	background:url(http://www.ctx.edu../../assets/images/rbhead-r.gif) no-repeat top right; 
	margin:0;
	padding:0;
	text-align:center;
}
.brownboxhead h2 {
	background:url(http://www.ctx.edu../../assets/images/rbhead-l.gif) no-repeat top left; 
	margin:0;
	padding:12px 30px 5px;
	color:#fff; 
	font-weight:700; 
	font-size:16px; 
	line-height:1em;
/*	text-shadow:rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.brownboxbody {
	background:url(http://www.ctx.edu../../assets/images/rbbody-l.gif) no-repeat bottom left; 
	margin:0;
/*	padding:5px 10px;*/
	padding-bottom:15px;
	padding-left:15px;
	height:150px;
}

.brownboxStudentEvents {
	width:45%;
	position:relative;
	float:left;
/*	left:10px;
	top:41px;*/
	padding-left:10px;
/*	padding-right:10px;*/
	margin-top:-20px;
}

.brownboxUniversityNews {
	width:45%;
	position:relative;
	float:right;
/*	left:39%;
	background-color:#00FF33;*/
	padding-right:10px;
/*	padding-right:10px;*/
	padding-bottom:10px;
/*	top:0;*/
	margin-top:-20px;
}

.brownboxAthletics {
	width:20%;
/*	right:185px;*/
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	left:57%;
	/*	top:290px;
margin-right:-180px;*/
	margin-top:-20px;
}

.brownbox h3 {
	color:#ccc08f;
	margin-top:5px;
	font-size:14px;
	margin-bottom:3px;
}

.brownbox p {
	margin-top:-5px;
	line-height:32px;	
}

* html .purpleboxhead h2 {height:1%;} /* For IE 5 PC */

.purplebox {
	width:500px;
	margin-left:auto;
	margin-right:auto; 
	background:url(http://www.ctx.edu../../assets/images/purplebox/rbbody-r.gif) no-repeat bottom right; 
	font-size:100%;
	margin-bottom:10px;
}

.purplebox a {
	color:#e4dfe5;
	font-weight:400;
	line-height:19px;	
	color:#f8f2fa;
	vertical-align:middle;
	font-size:14px;
}

.purpleboxbody img {
  	border:none !important;  	
	background-color:transparent !important;
  	padding:0 !important;
	margin:0 !important;
}

.purpleboxhead {
	background:url(http://www.ctx.edu../../assets/images/purplebox/rbhead-r.gif) no-repeat top right; 
	margin:0;
	padding:0;
	text-align:center;
}
.purpleboxhead h2 {
	background:url(http://www.ctx.edu../../assets/images/purplebox/rbhead-l.gif) no-repeat top left; 
	margin:0;
	padding:12px 30px 5px;
	color:#fff; 
	font-weight:700; 
	font-size:16px; 
	line-height:1em;
/*	text-shadow:rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.purpleboxbody {
	background:url(http://www.ctx.edu../../assets/images/purplebox/rbbody-l.gif) no-repeat bottom left; 
	margin:0;
	padding-bottom:25px;
	padding-left:15px;
}

.purpleboxWebmail {
	width:18%;
	height:18px;
	position:absolute;
	left:15%;
	padding-left:10px;
	padding-bottom:5px;
	margin-top:-5px;
	line-height:25px;
	vertical-align:middle;
}

.purpleboxWebCT {
	width:22%;
	height:18px;
	padding-left:10px;
	position:absolute;
	left:40%;
	margin-top:-5px;
	line-height:25px;
	vertical-align:middle;
}

.purpleboxMyInfo {
	width:15%;
	height:18px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	left:65%;
	margin-top:-5px;
	line-height:25px;
	vertical-align:middle;
}

.purplebox h3 {
	color:#f8f2fa;
	font-size:1.6em;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
}

.purplebox p {
}

* html .mauveboxhead h2 {height:1%;} /* For IE 5 PC */

.mauvebox {
	position:relative;
	left:55px;
	width:290px; 
	background:url(http://www.ctx.edu../../assets/images/mauvebox/rbbody-r.gif) no-repeat bottom right; 
	font-size:100%;
	margin-bottom:10px;
}

.mauvebox a {
	font-size:12px;
	color:#e4dfe5;
	font-weight:400;
}

.mauvebox img {
	border:0;
}

.mauveboxhead {
	background:url(http://www.ctx.edu../../assets/images/mauvebox/rbhead-r.gif) no-repeat top right; 
	margin:0;
	padding:0;
	text-align:center;
}
.mauveboxhead h2 {
	background:url(http://www.ctx.edu../../assets/images/mauvebox/rbhead-l.gif) no-repeat top left; 
	margin:0;
	padding:12px 30px 5px;
	color:#fff; 
	font-weight:700; 
	font-size:16px; 
	line-height:1em;
/*	text-shadow:rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.mauveboxbody {
	background:url(http://www.ctx.edu../../assets/images/mauvebox/rbbody-l.gif) no-repeat bottom left; 
	margin:0;
	padding-bottom:25px;
	padding-left:15px;
	padding-top:5px;
}

.mauvebox h3 {
	color:#f8f2fa;
	font-size:18px;
	font-weight:400;
}

.mauvebox p {
	margin-top:-5px;
	line-height:19px;	
	color:#f8f2fa;
	margin-left:15px;
	vertical-align:middle;
	font-size:14px;
}

.mauveboxbody img {
  	border:none !important;  	
	background-color:transparent !important;
  	padding:0 !important;
	margin:0 !important;
}


* html .ltbrownboxhead h2 {height:1%;} /* For IE 5 PC */

.ltbrownbox {
/*	float:right;*/
	position:relative;
	left:355px;
	top:-124px;
	width:220px; 
	background:url(http://www.ctx.edu../../assets/images/ltbrownbox/rbbody-r.gif) no-repeat bottom right; 
	font-size:100%;
	margin-bottom:-124px;
}

.ltbrownbox a {
	font-size:12px;
	color:#59533e;
	font-weight:400;
	padding-left:10px;
}
.ltbrownboxhead {
	background:url(http://www.ctx.edu../../assets/images/ltbrownbox/rbhead-r.gif) no-repeat top right; 
	margin:0;
	padding:0;
	text-align:center;
	width:220px;
}
.ltbrownboxhead h2 {
	background:url(http://www.ctx.edu../../assets/images/ltbrownbox/rbhead-l.gif) no-repeat top left; 
	margin:0;
	padding:12px 30px 5px;
	color:#fff; 
	font-weight:700; 
	font-size:16px; 
	line-height:1em;
/*	text-shadow:rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.ltbrownboxbody {
	background:url(http://www.ctx.edu../../assets/images/ltbrownbox/rbbody-l.gif) no-repeat bottom left; 
	margin:0;
	padding-bottom:25px;
	padding-left:15px;
	padding-top:5px;
}

.ltbrownbox h3 {
	color:#f8f2fa;
	font-size:18px;
	font-weight:400;
}

.ltbrownbox p {
	margin-top:-5px;
	line-height:19px;	
	color:#f8f2fa;
	margin-left:15px;
	vertical-align:middle;
	font-size:14px;
}

.ltbrownboxbody img {
  	border:none !important;  	
	background-color:transparent !important;
  	padding:0 !important;
	margin:0 !important;
}

/*WCIDWTM styles for Career Services*/
/*Landing page styling*/
.major #container {
	background:#fff;
	width:95%;
	margin:0 auto;
	text-align:left;
	font-size:.9em;
}
.major #header{
	
}
.major #header p{
	padding-bottom:2em;
	padding-left:2em;
	padding-top:80px;
}
.major img{
	float:left;
	padding-right:1em;
	padding-left:.5em;
}
.major p
{font-size:1em; margin:0; color:#000; padding:0 2em;}
 
.major p{
	padding:2em;
}
.major ul{list-style:none; list-style-type:none; list-style-image:none; text-align:center;}
.major li{display:inline; text-decoration:none;}
.major b{
	text-align:center;
	display:block;
	width:15em;
	float:left;
	border:1px solid #2D5593;
	margin:1px;
	height:5em;
	padding-top:.4em;
	padding-bottom:.4em;
}
.majortitle{
	color:#2D5593;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.link{font-size:.8em;text-decoration:none;color:#000;}
.major #footer{font-size:.8em; text-align:center}

/*Links page styling*/
.links {
	background:#fff;
	width:95%;
	margin:0 auto;
	text-align:left;
}
.links links{list-style-image:none;list-style-type:none;padding:0; font-weight:700; text-transform:uppercase;}
.links ul{list-style-image:none;list-style-type:none;	font-weight:400; font-style:normal; text-transform:none;}
.links ul li{list-style-image:none;list-style-type:none;padding:0; font-weight:700; text-transform:uppercase;}
.links ul li ul li{
	font-weight:400;
	font-style:normal;
	text-transform:none;
	line-height:1.4em;
}
.links h2{
	font-size:2em;
	font-weight:700;
	color:#2D5593;
}
#update{display:none;}

/*Web-Outline page styling*/
.web_out #container {width:90%; height:auto; background:#fff; margin:0 auto; border:1px solid #000; text-align:left;}
.web_out #header {
	background:#ddd;
	padding:0 10px;
	text-align:center;
} 
.web_out #header h1 {
	margin:0;
	padding:10px 0;
	font-size:2em;
}
.web_out #header h2 {
	margin:0;
	padding:10px 0;
	font-size:.9em;
	font-style:italic;
}
/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".web_out #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.web_out #section_main {width:100%; margin:auto; border-top-width:2px; border-bottom-width:2px; border-top-style:solid; border-bottom-style:solid;  border-top-color:#000; border-bottom-color:#000;}
.web_out #section {width:100%;	margin:auto;}
.web_out #section_shade{width:100%; margin:auto; background-color:#ccc;}
.web_out #left {
	float:left; /* this element must precede in the source order any element you would like it be positioned next to */
	width:33%; /* since this element is floated, a width must be given */
}
.web_out #middle { 
	float:left;
	width:33%;
	
}
.web_out #right {
	float:left;
	width:33%; /* since this element is floated, a width must be given */
	}
.web_out #section h4, .web_out #section p, .web_out #section_main h3, .web_out #section_shade h4, .web_out #section_shade p{
	margin-left:10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right:10px;
}
.web_out #section_main h3{
	font-size:1.2em;
	font-weight:700;
	text-align:center;
}
.web_out #section h4{
	font-size:1em;
	font-weight:700er;
}
.web_out #section_shade h4{
	font-size:1em;
	font-weight:700er;
}
.web_out #section p{
	font-size:.9em;
	font-style:italic;
}
.web_out #section_shade p{
	font-size:.9em;
	font-style:italic;
}

.web_out #left p, .web_out #left h3, .web_out #right p, .web_out #right h3, .web_out #middle p, .web_out #middle h3 {
	margin-left:10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right:10px;
}


.web_out #footer {
	background:#ddd;
	text-align:center;
	padding:15px 10px;
} 

.web_out #footer p{
	font-size:.9em;
	font-style:italic;
}
.web_out ul{
	font-size:.9em;
}
.web_out h5{
	display:none;
}
/* Miscellaneous classes for reuse */


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float:right;
	margin-left:8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float:left;
	margin-right:8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size:1px;
    line-height:0;
} 

