/* Main Styles */

/* Text Definitions */

body{
	font-size: small;
	font-family: Verdana, Ariel, sans-serif;
/*		background-color: #388bc4;*/
/*		background-color: #3582b8;	/* Gives the illusion of the footer stretching */
		background-color: #3582b6;	/* Gives the illusion of the footer stretching (better) */
	position: absolute;	/* Keeps page fully within browser */
/*	height: 62%;		/* Keeps container fully within browser */
	width: 100%;		/* Keeps from having weird rendering on right side */
	height: 100%;
}

/* Fix for IE5/Win */
body{
	font-size: small;
}

* html body{
	font-size: x-small; /* for IE5/Win */
	font-size: small; /*for other IE versions*/
}
a { 
	color: #2B6C9A; 
}

a:visited { 
	color: #2B6C9A; 
}

a:hover { 
	color: #388BC4; 
}

a:active { 
	color: #388BC4; 
}

/*Search Engine Highlighting*/

.hl0 { background-color: #FFFF99 }

		.hl1 { background-color: #FF99FF }

		.hl2 { background-color: #99FFFF }


/* -- Changed because it was affecting headers in DSpace --*/
h1{
	font-size: 200%;
	margin: 4px 8px 4px 4px;

}

h2{
	font-size: 130%;
	margin: 4px 8px 4px 4px;

}

h3{
	font-size: 120%;
	margin: 4px 8px 4px 4px;

}

h4{
	font-size: 100%;
	margin: 4px 8px 4px 4px;

}

h5{
	font-size: 90%;
	margin: 4px 8px 4px 4px;

}

h6{
	font-size: 80%;
	margin: 4px 8px 4px 4px;
}

p{
	font-size: 100%;
	line-height: 20px;
}
/* Only affects list on home page */
ul.list_home{
	list-style-image: url(../images/system/bullet-plus.png);
	padding-left: 22px;
}
/* Only affects list on home page */
ul.list_home li{
	font-size: 100%;
	padding-bottom: 8px;
}

/* Main Col Styles */

.specialIssue .specialHead{
        font-weight: bold;
}


#content_wrapper{
	width: 100%;
	/*width: auto;*/
	margin: 0;
        min-width: 1065px;      /* Fixes weird rendering on right when page is too narrow */
/*	min-height: 415px;  -- Removed in favor of using a Javascript resize function */
	/*height: 66%;*/		/* Sets minimum height for main content (to reduce footer) */
	background-color: #fff;
	display: table;	/* original "block" style was causing strange overflow with footer */
}

#content_wrapper:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } 

#content_wrapper .wrapper{
	width: 85%;
/*	width: 950px;	/* Was moving headers strangely */
	text-align:left;
	margin-left: auto;
	margin-right: auto;	
/*	min-width: 1024px;max-width: 1280px;*/ /* Likely not needed */
}

#content_wrapper #wrapper{
	width: 85%;
/*	width: 950px;	/* Was moving headers strangely */
	text-align:left;
	margin-left: auto;
	margin-right: auto;	
/*	min-width: 1024px;max-width: 1280px;*/ /* Likely not needed */
}

#maincol_equal{
	width: 49%;         /* width of .main container */
	float: left;        /* left side of window */
	margin: 0;
}
#rightcol_equal{
	margin: 0;
	margin-left: 51%;   /* past content */
}

#maincol_one{
	width: 100%;
	margin: 0;
}

#maincolTwo{
	width: 16%;         /* width of .main container */
	float: left;        /* left side of window */
	margin: 0;
	position:relative;
	background-color: #ffffff;
        border: 2px solid #ccc;
	padding: 10px 10px 10px 10px;
	margin-bottom: 12px;
	/*min-height: 500px;*/
}

#rightcolTwo{
	/*margin: 0;*/
	/*margin-left:20%;*/   /* past content */
	float:right;
	display: inline;
	position: relative;
	width: 77%;
	background-color: #ffffff;
        border: 2px solid #ccc;
	padding: 10px 10px 10px 10px;
	margin-bottom: 12px;
	/*min-height: 500px;
	min-width: 760px;*/
}

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


.box{
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	border: 2px solid #ccc;
	margin: 0px 0px 12px 0px;
}

.singlebox{
	background-color: #ffffff;
        padding: 10px 10px 10px 10px;
        border: 2px solid #ccc;
        margin: 0px 20px 12px 20px;
	
}

.blockTitle{
        background-color: #E8EAEC;
        padding: 4px 4px 4px 4px;
        margin: -11px -10px 10px -10px;
        margin-top: -11px;
	display:block;
	letter-spacing:0.1em;
}

.blockTitle span{
	font-size: 1em;
	text-transform: uppercase;
}

.blockSubTitle{
	        background-color: #fbf4ec;
        padding: 4px 4px 4px 4px;
        margin: -11px -10px 10px -10px;
        margin-top: -11px;
        display:block;
        letter-spacing:0.1em;
	text-align: right;
}

#forum_wrapper{
	margin: 0 20px 12px 20px;
}
/* Added to make 2 column boxes of equal size */
#maincol_equal .box, #rightcol_equal .box
{
	height: 300px;
}


.sidebox{
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	margin: 0;
	height: 100%;
}

.sidebox h3{
	background-color: #E8EAEC;
	padding: 4px 4px 4px 4px;
	margin: 0 -10px 10px -10px;
}

.welcome{
	font-size: 150%;
	background-color: #E8EAEC;
}

.welcome p{
		line-height: 24px;
}

.list_home li a{
	font-size: 90%;
}


/* ==== Added ====*/
/* Contains whole web page */
#container
{
	height: 100%;	/* Resizes each container to fit whole page (sorta) */
}

/* Made the home page text look a little more distinguished */
/*  Shrinks description text, makes page links look better  */
.list_home p{ font-size: 85%; line-height: 16px; }
.list_home h3{ font-weight: bold; font-size: 1.4em; }
.list_home a{ text-decoration: none; }

.right{
	float: right;
}

/* Styles for `About Us` page */
#about{ padding: 7px 15px; }
#about p{ line-height: 1.1em; text-indent: 15px; }
#about ul{ margin: 15px 20px; }
#about li{ text-indent: -10px; list-style-position: outside; padding-left: 14px; }

/* Styles for `Contact Us` page */
#contact{ padding: 7px 15px; }
#contact p{ line-height: 1.1em; }

/* Styles for `Terms of Use` page */
#terms-of-use{ padding: 7px 15px; }
#terms-of-use p{ line-height: 1.1em; text-indent: 15px; }

/* Styles for `Privacy Policy` page */
#privacy{ padding: 7px 15px; }
#privacy p{ line-height: 1.1em; text-indent: 15px; }

/* Styles for `Disclaimer` page */
#disclaimer{ padding: 7px 15px; }
#disclaimer p{ line-height: 1.1em; text-indent: 15px; }

/* Color classes */
.required{ color: #F00; }
.confirmed{ color: #080; }

#overall-wrap{ height: 100%; }

.hl0    { background-color: #FFFF99 }
.hl1    { background-color: #FF99FF }
.hl2    { background-color: #99FFFF }
.hl3    { background-color: #FF9999 }
.hl4    { background-color: #9999FF }

/* Class to mimic <center> tag */
.center{ display: block; margin-left: auto; margin-right: auto; text-align: center;}