/* CSS Document */
/* Old color: BE3C19 */

/* --- BASIC TAGS --- */

acronym {
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	height: auto;
	width: auto;
	line-height: 1.4em;
	color: #333;
	background-color:#FFFFFF;
	/* ATTACH BACKGROUND IMAGE HERE
	* background-image: url(../images/backGround.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: 180px 0px;*/
}
h1 {
	margin: 12px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
	color: #333333;
	border-bottom: 1px solid #B2372F;
}
h2 {
	margin: 12px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: #333333;
}
h3 {
}
p {
	text-align: justify;
}
ul {
   list-style-image: url(/images/bullet.gif);
}
ul ul {
	/*take off after first level of bullets*/
	list-style-image: none;
	list-style-type: disc;
}
#lineBreak li {
	margin-top:6px;
	margin-bottom: 6px;
}
li {
	font-size: 100%;
	line-height: 1.4em;
}
img {
	border-style: none;
}
dl {
	background-color: #F9F9F9;
	padding: 5px;
	margin: 20px 40px;
	border: 1px solid #B2372F;
}
dd {
	margin-left: 0px;
}

form {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	font-size: 11px;
	font-weight: normal;
}
th {
	/*background-color: #F5F5F5;*/
	color: #000000;
	padding: 5px;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid #B2372F;
}

blockquote {
	font-style:italic;
	color:#666666;
	background-color:#ffffff;
	padding:10px;
	border-right:1px dashed #B2372F;
	border-bottom:1px dashed #B2372F;
}

/* --- LINKS --- */

a:link, a:visited, a:active {
	color: #B2372F;
	text-decoration: none;
	border: none;
}
a:visited {
	color: #892912;
	text-decoration: none;
	border: none;
}
a:hover {
	color: #000000;
}

a.pdf, a.word, a.web, a.doc, a.rtf {
	padding: 5px 0 5px 25px;
	background-repeat: no-repeat;
	background-position: left;
}
a.pdf:hover, a.word:hover, a.web:hover, a.doc:hover, a.rtf:hover {
	text-decoration: underline;
}
a.pdf {
	background-image: url(/images/icon_pdf.gif);
}
a.word, a.doc, a.rtf {
	background-image: url(/images/icon_word.gif);
}
a.web {
	background-image: url(/images/icon_web.gif);
}

a.title, a.title:visited, a.contact, a.contact:visited
 {
	font-weight: normal;
	color: #B2372F;
	text-decoration: none;
	font-size: 100%;
}
a.title:hover, a.title:active, a.contact:hover, a.contact:active, a.more:hover, a.more:active {
	color: #B2372F;
	border-bottom: 1px solid #B2372F;
}
a.more, a.more:visited {
	position: relative;
	color: #B2372F;
	display: inline;

}
a.back, a.back:visited {
	margin-left: 20px;
	font-size: 80%;
	color: #666666;
	float: right;
	border: none;
}
a.back:hover, a.back:active {
	color: #B22222;
}


/*** DIV TAGS ***/
div#container {
	width: 990px;
	margin: 0px;
	padding: 0px;
}
div#ilsaplogo {
	margin: 0;
	width: 180px;
	overflow: hidden;
	border-bottom: 1px solid #B2372F;
	border-right: 1px solid #B2372F;
	height: 103px !important;
	height: 104px; 
}
div#leftcol {
	width: 180px;
	min-height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;	
}

div#rightcol {
	left: 180px;
	width: 726px;
	position: absolute;
	top: 0px;
	margin: 0px;
	border-left: 1px solid #B2372F;
}
div#navbox {
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	height: 104px;
	width: 726px;
	/*border-bottom: 1px solid #B2372F;*/
}
div#mainnav ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	left: 0px;
	width: 726px;
	height: 20px;
	border: #0000FF;
	display: block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
div#mainnav li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
	color: #666;
}
div#mainnav li a {
	color: #0D6D92;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	line-height: 20px;
	text-indent: 5px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	
	/* Width "hack" to make the width of the boxes the same in IE and Firefox */
	width: 120px !important;
	width: 121px;	
}
div#mainnav li a:hover {
	display: block;
	color: #000;
}
#searchbox {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	vertical-align: middle;
	display: inline;
	text-indent: 5px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	
	/* Width "hack" to make the width of the boxes the same in IE and Firefox */
	width: 240px !important;
	width: 242px;	

}
#search-input {
	border-color:#0D6D92;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
}
input.gobutton {
	margin: 1px 0 0 0;
	padding: 0px;
	height: 18px;
	font-size: 9px;
	font-weight: normal;
	text-indent: 0px;
	text-align: center;
	color: #333;
	border-color:#aaa #eee #eee #aaa;
	background-color: #ccc;
}
#langbox {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	vertical-align: middle;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background-color: #ffffff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	
	/* Width and height "hack" to make width and height of the boxes the same in IE and Firefox */
	width: 120px !important;
	width: 121px;	
	height: 20px !important;
	height: 21px; 
}
#langbox select {
	position:relative;
	top:0px;
	left:0px;
	display:block;
	margin: 0px;
	padding: 0px;
	width: 120px;
	font-size: 11px;
	font-weight: normal;
	border:1px solid #ccc;
	border-color:#aaa #eee #eee #aaa;
}

div#globalnavigation {
	position: absolute;
	top: 82px;
	left: 0px;
	width: 726px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
}
.globalmenuitem{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	line-height: 20px;
	text-align: left;
	text-indent: 5px;
	border-top: 1px solid #B2372F;
	border-right: 1px solid #B2372F;
	border-bottom: 1px solid #B2372F;
	
	/* Width "hack" to make the width of the boxes the same in IE and Firefox */
	width: 120px !important;
	width: 121px;	
}
.globalmenuitem a:link, .globalmenuitem a:visited, .globalmenuitem a:active, .globalmenuitem a:hover, .globalmenuitem form {
	color: #B2372F;
	display: block;
	padding: 0;
}
.globalmenuitem a:hover {
	display: block;
	color: #ffffff;
	background-color: #B2372F;
}
/* Either topicnavigation or sectionnavigation can be removed and incorporated in the other */
div#sectionnavigation {
	margin: 0 8px 0 0;
	padding: 0px;
	text-align: left;
	font-size: 10px;
}
div#sectionnavigation ol {
}
div#sectionnavigation li {
}
div#sectionnavigation h1 {
	width: 180px;
}
#pagenav {
	width: 606px;
	margin: 0 0 0 120px;
	line-height: 40px;
}
#pagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 140%;
	color: #993333;
	float: left;
}
#pageprevnext {
	float: right;
	color: #CCCCCC;
}

.login {
	float: right;
}
.login a:link, .login a:visited, .login a:active, .login a:hover, .login img {
}
/* NEW FOR THE SEARCH BUTTON ONLY */
input.gobutton {
	/*width: 30px;		Cannot be fixed width because multilanguage */
	font-size: 90%;
	padding: 0px;
	margin-left: 5px;
	text-indent: 0px;
	border-color:#aaa #eee #eee #aaa;
	background-color: #ccc;
	color: #333;
	text-align: center;
	/*font-weight: bold;*/
}
div#catnav p {
	margin: 5px 0 5px 120px;
	clear: both;
	text-align:left;
}
div#breadcrumb {
	margin: 10px 0 10px 120px;
	clear: both;
	f?nt-weight: normal;
	color: #000000;
	text-decoration: none;
	font-size: 100%;
	line-height:16px;
}
div#breadcrumb a:link, div#breadcrumb a:visited, div#breadcrumb a:active {
	color: #B2372F;
}
div#breadcrumb a:hover  {
	color: #000000;
}
div#modulecontributor {
	/*
	background-color: #F9F9F9;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #9a0000;
	*/
	border: 1px solid #B2372F; 
	padding: 5px;
}

div#modulecontributor h1 {
	border-bottom: none;
	margin: 5px 0 5px 0;
	line-height: 1.5em;
}
div#modulecontributor ul {
	padding: 0px;
	margin: 0px;
}
div#modulecontributor li {
	list-style-type: none;
	display: inline;
	margin: 0 10px 0 0;
}
div#modulecontributor a:link, div#modulecontributor a:visited, div#modulecontributor a:active, div#modulecontributor a:hover  {
	color: #B2372F;
}
div#pagecontent {
	margin: 0 0 0 120px;
	clear: both;
	overflow: visible;
	position: relative;
}
div#pagecontent h1 {
	clear: both;
}
/* Note: The order of declared styles is important for links. Make sure to first declare
		 'link' and 'active', then 'visited' and last 'hover'. Having the correct order
		 ensures the 'hover' style to work correctly */
div#pagecontent a:link, div#pagecontent a:active {
	color: #0D6D92;
	text-decoration: none;
	border: none;
}
div#pagecontent a:visited {
	color: #0A4E67;
	text-decoration: none;
	border: none;
}
div#pagecontent a:hover {
	color: #000000;
	text-decoration: none;
	border: none;
}
div#footer {
	position: relative;
	margin: 50px 0 0 0;
	left: 40px;
	width: 680px;
	clear: both;
	float: left;
	display: block;
	text-align: center;
	vertical-align: middle;
}
div#footer p {
	display: block;
	text-align: center;
}
div#footer img {
	margin: 0px/*/ 30px 0px 30px;*/
}
.pubtitle {
	font-style: italic;
}

/* content related classes start here*/
.borderTableOnly { 
	border-collapse: collapse;
	border: 1px solid black;
}

.borderTable { 
	border-collapse: collapse;
	border: 1px solid black; 
}

.borderTable td {
	border: 1px solid black;
	padding: 2px 10px;
}

.tableBorderHorizontal { 
	border-collapse: collapse;
	border: 1px solid black; 
}

.tableBorderHorizontal td {
	border-bottom: 1px solid black;
	padding: 2px 10px;
}

/* container for images to be floated left or right */
.imagecontainer {
	font-size: 10px;
	text-align: center;
	border: none;
	color: #333333;
}
.floatleft {
	position:relative;
	float: left;
	clear: left;
	margin: 10px 20px 10px 0px;
}
.floatright {
	position:relative;
	float: right;
	clear: right;
	margin: 10px 0px 10px 20px;
}
.floatleftnoclear {
	position:relative;
	float: left;
	margin: 10px 20px 10px 0px;
}
.clear {
	clear: both;
}
.caption {
	text-align: center;
	margin: 0 0 5px 0;
	color: #666666;
}
.greek {
	font-family: "Times New Roman", Times, serif;
}
.math {
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
}
.errorMessage {
	color: #FF0000;
}
.mathtext {
	font-family: "Times New Roman", Times, serif; 
	font-style: normal;
}
.indentedequation {
	line-height: normal;
	margin-left: 15px;
	font-size: 120%;
}
table.insettable {
	background-color: #FFECD9;
	padding: 5px;
	width: 0%;
	border: 0;
	float: right;
}
.tablerow {
	/*background: #fff6eb;*/
 }

.leadParagraph {
	font-size: 120%;
	line-height: normal;
}
div#insetTitle {
	background-color: #B2372F;
	padding: 5px;
	clear: right;
	float: right;
	width: 250px;
	margin-right: 0px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #B2372F;
}
div#inset {
	/*background-color: #F9F9F9;*/
	padding: 5px;
	clear: right;
	float: right;
	width: 250px;
	margin-right: 0px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #B2372F;
}
div#inset a:link, div#inset a:visited, div#inset a:active  {
	color: #B2?72F;
}
div#inset a:hover {
	color: #000000;
}
div#inset li {
	margin-left: -20px;
	
}
/* This style is ONLY to be used for item that needs attention during development. */
.attention {
	background-color: #B2372F;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
	color: #FFFFFF;
}

td.developmentRow {
	background-color: #F9F9F9;	
}
td.attentionCell {
	color: #FFFFFF;
	font-weight: bold;
}
.unavailablelanguagelink {
	color: #999;
}
.imgborder {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

.simimg {
	border-color: #B2372F;
	border-style: solid;
	border-width: 1px;
}
.simimg:hover {
	border-color: #000000;
}

div#loginbox {
	border: 1px solid #B2372F;
	padding: 5px;
}
div#loginbox a:link, div#loginbox a:active, div#loginbox a:hover, div#loginbox a:visited {
	font-weight: bold;
	/*color: #B2372F;*/
}

/* This div is used for DHTML purposes */
#form1 {
	display: none;
}
#imageframe {
	position: relative;
	display: block;
	/*left: 0px;
	top: 104px;*/
	background-repeat: no-repeat;
	background-position: left top;	
}
.editinghighlight {
	background-color:#FFFF99;
}
.centred {
	text-align:center;
}