@charset "utf-8";

/* CSS Document */



/* We zero margins, paddings, and borders on common HTML elements because there 

   are browser differences in default settings. By zeroing these elements from 

   the start, we give these HTML elements a common base. */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {

	margin: 0;

	padding: 0;

	border: 0;

}



/* The wrapper contains the entire page, which will be elastic and will

   extend across the middle 95% of the browser window. The remaining

   5% creates a little white space at the left and right of the wrapper. */ 

#wrapper{

	width: 95%;

    background-color:#FFFFFF;

	text-align:left;

	margin: 5px auto;

	font-size: small;

}



/* The banner is the first visible element that appears onscreen */

#banner {

	background:#ffffff;

	vertical-align:middle;

	color: #003399;

	font-family:Helvetica,Arial,Verdana,sans-serif;

	font-size: 24px;

	font-weight:bold;

	border-width:0; 

}



/* The banner contains logos that float on the left */

#banner #logos {

    float: left;

}



#banner #logos img {

	vertical-align:middle;

	border:none; 

}



/* The banner contains other elements that will appear next

   to the logos. We make a container to hold these elements. */

#banner #container{

    background:#FFFFFF;

}



/* The banner contains a vertical bullet menu that right

   aligns at the top of the screen */

#topMenu {

	color: #000000;

	text-align: right;

	margin: 0;

	font: 10px arial;

	padding-top: 5px;

	padding-right: 10px;

}



#topMenu ul {

	margin: 0;

	padding: 0;

}



#topMenu li {

	display: inline;

	margin: 0 0 0 4px;

	padding: 0;

}



#topMenu li a img {

    vertical-align:middle;

	border:none

}



#topMenu a {

    margin: 0;

    padding: 0 0 0 15px;

    background: #FFFFFF url(../images/Square.gif) top left no-repeat;

}



#topMenu a:link,

#topMenu a:visited {

    color: #003399;

    text-decoration: none;

}



#topMenu a:hover,

#topMenu a:focus {

   color: #CC0000;

   text-decoration: underline;

}



/* We style the search form. */

#searchForm{

    font-size:11px;

	font-weight:normal;

	color: #003399;

	text-align:right;

}



/* Around the search form that appears in the banner container,

   we create padding so the form has a nice amount of white 

   above it and on its right. */

#searchForm form{

	padding:4px 8px 0px 0px;

}



#searchForm .searchFormInput {

	text-align:left;

    font-size:11px;

	font-weight:normal;

	color: #003399;

}



#searchForm .searchFormSubmit {

	text-align:center;

    font-size:11px;

	font-weight:normal;

	color: #003399;

}



/* The sidebar floats on the left of the main

   content*/

#sidebarLeft {

	float: left; 

	width: 225px; 

	background: #FFFFFF; 

	padding: 7px 0 7px 7px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	margin-top: 10px;

	border-right: 1px solid #C2D5FC;

}



#sidebarLeft h3{
	padding: 10px 0px 3px 0px;
	color:#003399;
	font-size: 18px;

}



/* The navigationContainer styles the navigation tree(s) that 

   appear in the left sidebar. */ 



#navigationContainer {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

    width: 220px;

	color: #003399;

	background: #FFFFFF;

    padding: 0;

	margin-top: 3px;

}



#navigationContainer .CollapsingMenu ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



#navigationContainer .CollapsingMenu li {

    margin: 0;

    padding: 0;

}



#navigationContainer .CollapsingMenu li a {

	background: #FFFFFF url("../images/Triangle.gif") no-repeat;

	padding: 0 0 0 12px;

	font-weight: normal;

	font-size: 12px;

	display: block;

	line-height:1.5;

}

	

#navigationContainer .NestedMenu ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



#navigationContainer .NestedMenu li {

    margin: 0;

    padding: 0;

}



#navigationContainer .NestedMenu li a {

	background: #FFFFFF url("../images/TriangleNested.gif") no-repeat;

	padding: 0 0 0 30px;

	font-weight: normal;

	font-size: 12px;

	display: block;

	line-height:1.5;

}



#navigationContainer a:active,

#navigationContainer a:link,

#navigationContainer a:visited {

   color: #003399;

   text-decoration: underline;

}



#navigationContainer a:hover,

#navigationContainer a:focus {

   color: #CC0000;

   text-decoration: underline;

}



/* Within the collapsing menu can be direct links

   that are not part of the list and therefore

   they do not expand or collapse */

   

#navigationContainer .CollapsingMenu .NonCollapsingLink{

	padding: 2px 0px 3px 0px;

}

#navigationContainer .CollapsingMenu .NonCollapsingLink a{

	font: bold small sans-serif;

	text-decoration:none;

	padding: 4px 2px 2px 15px;

	background: #FFF url("../images/Triangle.gif") no-repeat left center;

	color: #003399;

}

#navigationContainer .CollapsingMenu .NonCollapsingLink a:active,

#navigationContainer .CollapsingMenu .NonCollapsingLink a:link,

#navigationContainer .CollapsingMenu .NonCollapsingLink a:visited{

	text-decoration:none;

	color: #003399;

}



#navigationContainer .CollapsingMenu .NonCollapsingLink a:hover,

#navigationContainer .CollapsingMenu .NonCollapsingLink a:focus{

    color: #CC0000;

    text-decoration: underline;

}



/* The page's main content goes into the #content div,

   whose margin keeps all the content to the right

   of the left sidebar. */

#content {
	margin: 0px 5px 0px 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 15px 10px 0px 10px;
	border: 0;
	border-right: 0;
    line-height:1.5;
}



#content p {

    padding-top:0px;

    padding-bottom:12px;

}



/* For cases when we want a final paragraph to have no

   padding at the bottom */

#content .finalParagraph{

    padding-bottom:0px;

}



#content h1.titlePage {

    color: #003399;

	font-size: 32px;

    margin: 0 0 0 0;

    padding: 0px 0 0 0;

	font-family: "Trebuchet MS", sans-serif;

}

#content h2.titlePage {

	color: #003399;

	font-size: 24px;

	margin-bottom: 0;

	padding: 0px 0 0 0;

	font-family: "Trebuchet MS", sans-serif;

}

#content h1 {

    color: #003399;

	font-size: 28px;

    margin: 0 0 0 0;

    padding: 0px 0 0 0;

	font-family: "Trebuchet MS", sans-serif;

}

#content h2 {

	color: #003399;

	font-size: 20px;

	margin-bottom: 0;

	padding: 0px 0 0 0;

	font-family: "Trebuchet MS", sans-serif;

}

#content h3 {

    color: #003399;

    font-size: 16px;

    font-family: "Trebuchet MS", sans-serif;

    padding: 0px 0 0 0;

}



#content a:link,

#content a:visited {

    color: #003399;

    text-decoration: underline;

}



#content a:hover,

#content a:focus {

    color: #CC0000;

    text-decoration: underline;

}



#content ul {

	margin-left: 36px;

	list-style:square;
	
	line-height:1.5;

	margin-bottom: 9px;

}



#content ol {

	margin-left: 36px;

	list-style:decimal;
	
	line-height:1.5;

	margin-bottom: 9px;

}



/* Create a div of the menu class when you want to make

   a menu appear in the content div with a triangle bullet

   shape as in the navigation sidebar */

#content .menu ul {

    list-style: none;

}



#content .menu li {

	list-style: url(../images/Triangle.gif) outside;

}



#content .menu li a {

	line-height:1.5;

}



#content pre {

	font-size:14px;

}



/* Within the content div can be a yellow highlights 

   box that floats to the right of the HTML element

   it precedes. */

 

#content .sidebar {

	float: right;

	clear:right;

	width: 260px;

	margin: 10px 0px 10px 10px;

    padding: 5px 5px 5px 10px;

	background:  #FFFFEE;

    border: 1px solid #C2D5FC;

	font-family: Arial, Helvetica, sans-serif;

    color: #003399;

	font-size:13px;

}



#content .sidebar p {

    padding: 5px 0 5px 0;

}



#content .sidebar h3 {

    color: #003399;

    font-size: 15px;

    font-family: Arial, Helvetica, sans-serif;

	margin: 0;

    padding: 0;

}



#content .siteMap {

	list-style: url("../images/Square.gif");

    }



#content .siteMap a:active,

#content .siteMap a:link,

#content .siteMap a:visited {

   color: #003399;

   text-decoration: none;

}



#content .siteMap a:hover,

#content .siteMap a:focus {

   color: #CC0000;

   text-decoration: underline;

}



#content .sidebar ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



#content .sidebar li {

    margin: 0;

    padding: 0;

}



#content .sidebar .blueSquareBullet {

	background: #FFFFEE url("../images/SquareBlue.gif") no-repeat;

	padding: 0 0 0 15px;

	font-weight: normal;

	font-size: 11px;

	width: 220px;

	display: block;

}



#content .sidebar li a {

	background: #FFFFEE url("../images/Triangle.gif") no-repeat;

	padding: 0 0 0 12px;

	font-weight: normal;

	font-size: 85%;

	width: 220px;

	display: block;

	line-height:1.5;

}



#content .sidebar a:active,

#content .sidebar a:link,

#content .sidebar a:visited {

   color: #003399;

   text-decoration: underline;

}



#content .sidebar a:hover,

#content .sidebar a:focus {

   color: #CC0000;

   text-decoration: underline;

}



/* We bring in some styles from MS Office for pages that

   paste in tables created with MS Word */

#content p.MsoNormal, #content li.MsoNormal, #content div.MsoNormal {

    border: none;

	padding-bottom: 0;

	margin: 0;

	margin-bottom:.0001pt;

	font-family:"Arial";

}



/* The page concludes with a footer. */



#footer{

    margin-top: 10px;

	border-top: 5px solid #C2D5FC;

	color: #003399;

	font-family: Arial, Helvetica, sans-serif;

	font-size:smaller;

}



#footer p{

	margin: 0 0 12px 0px;

	padding: 0;

	list-style: none;

	border-top: 1px solid #C2D5FC;

	margin-top: 1px;

}



#footer a:link,

#footer a:visited {

    color: #003399;

    text-decoration: none;

}



#footer a:hover,

#footer a:focus {

   color: #CC0000;

   text-decoration: underline;

}



/* Throughout, images normally have no border */

img{

     border:none;

}



/* True to their name, leftImage and rightImage will cause an

   image to float with its top aligned to the nearest element 

   following the image in the HTML. The border around the image 

   box has a solid line. */

.leftImage{

    float: left;

    margin-top: 10px;

    margin-bottom: 10px;

	margin-left:0px;

    margin-right: 10px;

    border: 1px solid #000000;

}



.rightImage{

    margin-top: 10px;

    margin-bottom: 10px;

    margin-left: 15px;

	margin-right: 0px;

    float: right;

    border: 1px solid #000000;

}



.leftImageBorderless{

    float: left;

    margin-top: 10px;

    margin-bottom: 10px;

	margin-left:0px;

    margin-right: 10px;

}



.rightImageBorderless{

    margin-top: 10px;

    margin-bottom: 10px;

    margin-left: 15px;

	margin-right: 0px;

    float: right;

}



/* The following pads are used to introduce a little white space

   as needed in the design. */

   

.Pad1T{padding-top: 1px;}

.Pad2T{padding-top:2px;}

.Pad3T{padding-top:3px;}

.Pad4T{padding-top:4px;}

.Pad5T{padding-top:5px;}

.Pad6T{padding-top:6px;}

.Pad7T{padding-top:7px;}

.Pad8T{padding-top:8px;}

.Pad9T{padding-top:9px;}



/* The tabContainer styles the look of the tabs in the

   Spry tabbed panels. The rest of the tabbed panel

   skin comes from SpryTabbedPanels.css. */

.tabContainer{

	background:none;

	padding: 0px 0px 0px 0px;

	text-align:left;

	font-size:small;

}



/* We create classes that can be used to clear left or clear

   both left and right floats. */

.clearFloat { 

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



.clearLeftFloat { 

	clear:left;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



/* rightFloat provides a way to float something right that

   does not otherwise float right in the design */

.rightFloat{

     float:right;

}



/* Styling for a second Spry panel group used for 

   recent scholarship. We must set a width, otherwise

   expanded panels will overwrite each other if the

   user changes the browser size with panels

   expanded.*/

#CollapsiblePanelGroupScholarship {

    /*width:700px;*/

}



#CollapsiblePanelGroupScholarship p{

   padding:4px 0;

}



#CollapsiblePanelGroupScholarship ol{

	margin:0px 24px;

	padding:0;

}

#CollapsiblePanelGroupScholarship li{

	margin:2px 4px;

	padding:0px 4px;

}



/* A class for styling titles, such as the

   dissertation titles. */

.title a:link,

.title a:visited {

   color: #003399;

   text-decoration: underline;

}



.title a:hover,

.title a:focus {

   color: #CC0000;

   text-decoration: underline;

}



/* A container for the slideshow, which is further

   styled by SprySlidingPanels.css. */

#slideshow{

padding:0px 0px 0px 0px;

}



#slideshow p{

padding:0px 12px 0px 0px;

}



/* A class for the paragraph preceding the slideshow,

   so we can modify the paragraph's width by the same

   JavaScript that sets the width of the slideshow

   depending on the width of the browser's window */

#slideshowIntro {

     width:inherit;

}



#slideshowControls {

    padding:3px 0px 15px 27px;

}

#chapterPaging {
	text-align:left;
}

#chapterPaging .pagers{
	width:75%;
	text-align:left;
}

#chapterPaging .pagers .nextPager{
	float:right;
}

#chapterPaging .pagers .previousPager{
}

#chapterPaging  a:link,
#chapterPaging  a:visited {
    color: #003399;
    text-decoration: none;
}

#chapterPaging a:hover,
#chapterPaging a:focus {
   color: #CC0000;
   text-decoration: none;
}