/* CSS layout rules for content formatting */

body {
	font-size: 69%; /* tested sizes are 60%, 62.5%, 69%, 76%. Anything else requires testing (espcially on a Mac) */
	margin: 0; /* positions the content in the top left */
	padding: 0; /* used by Opera */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: white;
	}
	
p, ol, li, dd, table {	
	font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
	line-height: 1.5em;
	text-align: left; /* compensates for an IE 6 bug */
	margin-top: 0;
	margin-bottom: 1.5em;	
	font-weight : normal;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1em;
}	

h1 {
	font-size: 1.6em;
	color: #127DB5;
	font-weight : normal;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.4em;
}
h1,
.textDecoration {	
	border-bottom: 1px dotted #333;
}
.noTextDecoration {
	border-bottom: 0;
}

h1 .ttlClient {
	font-size: 0.7em;
	color: #4E4E4E;
	font-weight: bold;
}

h2 {
	padding-bottom:0.4em;
}

h3 {
	font-weight : bold;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.4em;
	margin-top: 1em;
}

h3.noTextDecoration {
	border-bottom: 0;
}


tr, td {
	vertical-align: top;
}

ul {
	margin-top: 1em;
	padding-left: 1.5em;
	margin-left: 1.5em;
}
	
img { border: 0; }

hr {
	color: #ccc; /* incorrectly used by IE */
	background: #ccc; /* used by Gecko, Opera browsers */
	border: 0; 
	height: 1px;
	border-top: 1px dotted #333;
	}
	
#noscript {
	border: 1px solid #333 ;	
	background-color: #eaeaea;
	padding: 10px;
	margin-bottom: 20px;
}

.alignRight {
	text-align: right;
}

.imgVerticalAlign {
	vertical-align : middle;
}

.txtSmall {
	font-size: 0.9em;
}	

.txtIndent {
	padding: 0 0px 0 15px;
}

.required {
	font-weight: bold;
	color: #127DB5;
}

.noWrap {
	white-space:nowrap
}

.noMarginBottom {
	margin-bottom: 0;
}

.noMargin {
	margin: 0;
	padding: 0;
}

ul.arrow,
ul.arrowInline,
ul.arrowInput  {
	list-style-type: none;
	margin: 20px 0;
	padding-left: 0;
}	
ul.arrow li,
ul.arrowInline li,
ul.arrowInput li {
	padding-left: 12px;
	margin: 0;
	background: url(/edu/images/loit/iconRight.gif) no-repeat 0 6px;
	line-height: 1.6em;
	margin-bottom: 0.6em;
}
ul.arrowInline,
ul.arrowInline li,
ul.arrowInput,
ul.arrowInput li {
	margin: 0;
	display: inline;
}
ul.arrowInline li,
ul.arrowInput li {
	background-position: 0 4px;
}
ul.arrowInput li a {
	text-decoration: none;
}
ul.arrowInput li a:visited {
	color: #127DB5;
}

li.arrowLeft {
	background: url(/edu/images/loit/iconLeft.gif) no-repeat 0 6px;
}

ul.pdf {
	list-style-type: none;
	margin: 20px 0;
	padding-left: 0;
}	
ul.pdf li {
	padding-left: 35px;
	margin: 0;
	background: url(/edu/images/loit/iconRight.gif) no-repeat 0 2px;
	line-height: 1.8em;
	margin-bottom: 0.7em;
}

.numberedListLeft {
	float: left;
	width: 320px;
}
.numberedListRight {
	float: right;
	width: 345px;
}
ul.numberedList {
	list-style-type: none;
	margin: 0 0 30px 0;	
	padding: 0;
}	
ul.numberedList li {
	margin: 0;
	margin-bottom: 0.6em;
	padding: 0 0 10px 35px;
	line-height: 1.6em;
}
ul.numberedList li.one {
	background: url(/edu/images/loit/iconNum1.gif) no-repeat 0 0;
}
ul.numberedList li.two {
	background: url(/edu/images/loit/iconNum2.gif) no-repeat 0 0;
}
ul.numberedList li.three {
	background: url(/edu/images/loit/iconNum3.gif) no-repeat 0 0;
}

ul.missing li {
	margin-bottom: 1px;
}

ul.subjects {
	margin: 0;
	padding: 0;
}
ul.subjects li {
	list-style:none;
	margin-bottom: 0.7em;
	font-weight: bold;
}
ul.subjects li ul {
	margin: 0 0 0 15px;;

}
ul.subjects li li {
	list-style-type: square;
	padding-left: 1px;
	font-weight: normal;
}

.hide {
	display:none;
}

div.help {
	/*float: right;*/
	margin-bottom: 10px;
}
.help a {
	font-weight: bold;
}

.blueText {
	font-size: small;
	color: #0079B3;
}

a.whiteLink {
	text-decoration: none;
}
a.whiteLink:link {
	color: #ffffff;
}
a.whiteLink:visited {
	color: #ffffff;
}
a.whiteLink:hover {
	color: #666666;
}

.blueTextLarge {
	color: #0079B3;
}
a.blueTextLarge:link {
	color: #0079B3;
}
a.blueTextLarge:visited {
	color: #0079B3;
}
a.blueTextLarge:hover {
	color: #004664;
}

a.greyLink {
	text-decoration: underline;
}
a.greyLink:link {
	color: #666666;
}
a.greyLink:visited {
	color: #666666;
}
a.greyLink:hover {
	color: #C0C0C0;
}

.libraryTab {
	float: left; 
	margin-top: 10px; 
	border-bottom: 4px solid #000000;
	width: 700px;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
}

a.blackNoUnder:link {
	text-decoration: none;
	color: #000000;
}
a.blackNoUnder:visited {
	text-decoration: none;
	color: #000000;
}
a.blackNoUnder:hover {
	text-decoration: none;
	color: #000000;
}

hr.darkGrey {
	background: #666666;
	color: #666666;
	margin: 10px 80px 10px 80px;
}

#footerMainMenu {
	text-align: center;
	font-size: 90%;
}