@charset "utf-8";

/*
=========================================
Content Module Style Sheet for Sakai
=========================================
Created by: Mathieu Plourde
Date: 3-11-2008
Edited by: Karen Kral
Date: 4-23-2008
=========================================
Color Palet:
	UD Blue:	#22408C		
	UD Gold: 	#F9D613		
	Orange:		#F60
	Pale Gold: 	#FAEDA4
	Pale Blue: 	#EEF		
=========================================
*/

/*
-----------------------------------------
ID TO REPLACE THE BODY TAG
-----------------------------------------
*/

#DoNotDeleteThisCode { 
	/*
	This ID serves as a page container. 
	It has to start at the top of the page and be
closed at the very bottom.
	It replaces the Body tag, which is stripped
down by the FCK editor in Sakai.
	*/
	font-family: "Trebuchet MS", Verdana,
sans-serif;
	/*
	font-size: smaller;
	*/
}

/*
-----------------------------------------
REDEFINED HTML TAGS
-----------------------------------------
*/

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Verdana,
sans-serif;
}
h1 {
	color: #22408C;
}
h2 {
	padding: 2px 5px 6px 5px;
	color: #FFF;
	background: #22408C
url(http://copland.udel.edu/~mathieu/content-template/images/BlueGradient.gif) repeat-x bottom;
}
h3 {
	color: #22408C;
}
h4 {
	color: #22408C;
	padding-left: 10px;
}

a:link {
	text-decoration:none;
	border-bottom: #00F dashed 1px;
}
a:visited {
	text-decoration:none;
	border-bottom: #551A8B dashed 1px;
	color:#551A8B;
}
a:hover {
	text-decoration:none;
	border-bottom: #F90 solid 1px;
	/*border-top: #F90 solid 1px;*/
	color:#F90;
}


/*
-----------------------------------------
ALL PAGES: HEADER, CONTENT, FOOTER
-----------------------------------------
*/

#Header {
	width:auto;
	margin-bottom:10px;
	float:left;
	height:auto;
}

#Content {
	width:100%;
	float:left;
	padding-bottom: 10px;
	position:relative;
	}

#Footer {
	font-size:smaller;
	color:#22408C;
	font-weight: bolder;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	width:100%;
	margin-top: 10px;
	float:left;
	width:100%;
	}


/*
-----------------------------------------
ANY PAGE: TABLE STYLES
-----------------------------------------
*/

.TableStyle1 {
	width:100%;
	position:relative;
	border-top: #22408C solid 1px;		
	border-left: #999 solid 1px;		
	border-right: #999 solid 1px;
	margin-bottom: 10px;
	}
		
	.TableStyle1 th {
		/*border-bottom: #22408C solid 1px;*/
		background: #22408C
url(http://copland.udel.edu/~mathieu/content-template/images/BlueGradient.gif) repeat-x bottom;
		color: #FFFFFF;
		text-align:left;
		padding: 4px;
		}
	.TableStyle1 td {
		border-bottom: 1px #999 solid;
		border-left: 1px #999 solid;
		background-color: #FFFFFF;
		text-align:left;
		padding: 4px;
		}

/*
-----------------------------------------
CONTENT HOME: ANNOUNCEMENT BOX
-----------------------------------------
*/

#AnnouncementBox {
	float:left;
	width:100%;	
	background-color:#FAEDA4;
	border: #F9D613 dotted 1px;
	font-weight: bolder;
	margin-bottom: 10px;
	text-align:center;
	}
	
	#AnnouncementBox p {
	padding: 5px;
	}

/*
-----------------------------------------
ALL SESSION PAGES: PREVIOUS-HOME-NEXT
-----------------------------------------
*/

#Buttons {
	position: absolute;
	width:232px;
	clear:right;
	padding:0;
	text-align:right;
	vertical-align:top;
	overflow: visible;
	z-index: auto;
	top: 0px;
	right: 0px;
}

#RightNavigation {
	}
	
#RightNavigation li {
	float:left;
	width:60px;
	margin:0;
	list-style:none;
	font-size:70%;
	text-align:center;
	background-color:#FFFFFF;
	}
	
#RightNavigation a:link {
	text-decoration:none;
	color: #22408C;
	}
	
#RightNavigation a:visited {
	text-decoration:none;
	color: #22408C;
	}

#RightNavigation a:hover {
	color: #FF9900;
	}

#LinkPreviousInactive {

	padding-top: 30px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/PreviousInactive.gif) top center no-repeat;
	height:100%;
	color:#999999;
}

#LinkPrevious {
	padding-top: 30px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/Previous.gif) top center no-repeat;
	height:100%;
	cursor:pointer;
	cursor:hand;
}

#LinkPrevious:hover {
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/PreviousHover.gif) top center no-repeat;
}

#LinkNextInactive {

	padding-top: 30px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/NextInactive.gif) top center no-repeat;
	height:100%;
	color:#999999;

}

#LinkNext {
	padding-top: 30px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/Next.gif) top center no-repeat;
	height:100%;
	cursor:pointer;
	cursor:hand;

}

#LinkNext:hover {
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/NextHover.gif) top center no-repeat;
}

#LinkHome {
	padding-top: 30px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/Home.gif) top center no-repeat;
	height:100%;
	cursor:pointer;
	cursor:hand;

}

#LinkHome:hover {
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/HomeHover.gif) top center no-repeat;
}

#LinkBack {
	padding-top: 30px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/Back.gif) top center no-repeat;
	height:100%;
	cursor:pointer;
	cursor:hand;

}

#LinkBack a:hover {
	background:
url(http://copland.udel.edu/~mathieu/content-template/images/BackHover.gif) top center no-repeat;
}

/*
-----------------------------------------
ALL PAGES EXCEPT HOME: COLUMNS
-----------------------------------------
*/
/* Wrapper for the 3 columns */
#ThreeColumns {
	width: 100%;			/* full window
width */
	margin: 0;      
	padding-bottom: 10px;
	}
	
	#ThreeColumns p {
	margin: 0 5px 0 5px;
	}
	#ThreeColumns li {
	margin: 0 5px 0 0;
	}
	
	
/* Wrapper for just the left and center columns */
#InnerWrapper {
  width: 67%;              /* leaves 33% of window
width for right column */
  float: left;             /* left side of window */
  margin: 0;               /* keep flush with adjacent
containers */
}
/* left column */
#LeftColumn {
  width: 49%;              /* % of inner-container
width is ~same width as right column */
  float: left;             /* left side of
inner-container */
  margin: 0 1% 0 0;   
}
/* center column */
#CenterColumn {
  width: 49%;              /* % of inner-container
width */
  float: right;            /* right side of
inner-container */
  margin: 0 1% 0 0;
}

/* right column */
#RightColumn {
  width: 33%;              /* a little less than
available 24% */
  float: right;            /* right side of window */
  margin: 0;               /* keep flush with adjacent
containers */
}