/*-----Default page setup-----*/

hr {background-color:#cccccc;
	color:#cccccc;
	height:1px;
	border:0;
	margin-bottom:0.3em;
	clear: both;
	margin-top: 0.3px; }

body, p, td, th , div , blockquote, dl, ul ,ol { color:#000000;}

/*-----Paragraph / Column Structure-----*/

.boxoutright {
	float: right;
	width: 280px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	border-left-style: double;
	border-left-color:#039;
}

.greyboxright {
	float: right;
	width: 400px;
	margin-top: 2px;
	background-color: #CCCCCC;
	margin-right: 4px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 1em;
	/* curved corners - Iomhar */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius:10px;
	border-radius:10px; }

.pagenav {
	padding:0;
	color:#9d0a0e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type:disc;
	margin: 0px;
}

.pagenav li {
	display:inline; 
	list-style-type:square;
	margin:0px;
}

.pagenav li a { 
	padding:0.1em 0.3em; 
	float:left; 
	color: #9d0a0e; 
	font-size: 90%;
	font-variant: small-caps;
}

.pagenav li a:hover {
	background:#0000FF;
	color:#fff;
	font-size: 90%;}

.boxright {
	float: right;
	width: 300px;
	border-left-style: double;
	border-left-color: #990000;}

.twocolleft {
	width: 49%;
	float: left;}

.twocolright {
	float: right;
	width: 48%;
	padding-left:1%;}
	
.twothirdscolleft {
	width: 65%;
	float: left;}

.twothirdscolright {
	float: right;
	width: 33%;
	padding-left:1%;}

.threecolleft {
	float: left;
	width: 32%;
	padding-right:1%;}

.threecolmid {
	float:left;
	width: 31%;
	padding-right: 1%;
	left: 33%;}

.threecolright {
	float:right;
	width: 33%;}

.fourcolleft {
	float: left;
	width: 24%;
}

.fourcolleftmid {
	float: left;
	width: 24%;
	padding-left:1%;
	left: 24%;}

.fourcolrightmid {
	float: left;
	width: 24%;
	padding-left:1%;
	left: 50%;}

.fourcolright {
	width: 23%;
	float: right;
	padding-left:1%;}

.fivecolleft{
	width:19%;
	float:left;}

.fivecolleftmid{
	width:19%;
	padding-left:1%;
	float:left;}

.fivecolmid{
	width:19%;
	padding-left:1%;
	float:left;}

.fivecolrightmid{
	width:19%;
	padding-left:1%;
	float:left;}

.fivecolright{
	width:18%;
	padding-left:1%;
	float:left;}

.thirds2left {
	float:left;
	width: 64%;
	padding-right: 1%;}

.thirds1right {
	float:right;
	width: 31%;
	padding-right: 1%;
	left: 66%;}

.imgfloatleft {
	float:left;
	margin-right:20px;
	clear: left;
	margin-bottom: 10px;}

.imgfloatleft p {
	text-align:center;}

.imgfloatright {
	float:right;
	margin-left:1%;
	clear: right;
	margin-bottom: 10px;}

.imgfloatright p {
	text-align:center;}

a:hover { color:#FF0000; }

.section {/*Blue box each section with links to other pages in same folder section*/
	float: right;
	width: 300px;
	height:360px;
	overflow:auto;
	margin-top: 2px;
	margin-bottom:5px;
	background-color: #DDDDFF;
	border:thin solid #6699FF;
	margin-left: 4px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size: 90%;
	/* curved corners - Iomhar */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px; }

.section h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	font-variant: small-caps;
	color: #000066;
	text-align: center;}
	
.section li a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	color: #003;}

.section li a:hover { 
	color: #800000; 
	/* background-color: #DCDCBA; - To avoid Guillotine Bug IOS */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/* font-weight: bold; _ To Avoid Guillotine Bug IOS */}
	
html {
	font-size:100%;
	margin: auto;
	float: none;
}

h1 {/* Page Topic Header */
	text-transform: uppercase;
	margin-top: 0.2em;
	margin-bottom: 5px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	left:auto;
	text-align: left;}

.Head1 {
	text-transform:uppercase;
	margin-top:0.2em;
	margin-bottom:5px;
	margin-right:30px;
	padding-right:30px;
	letter-spacing:0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	left:auto;
	text-align: left;
	float: left;
	width: auto;}

h2{ 
	color: #9d0a0e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-variant:small-caps;
	letter-spacing: 0.02em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;}

.Head2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight:bold;
	letter-spacing:0.02em;
	color: #9d0a0e;
	padding-right:25px;
	font-variant: small-caps;
	float: left;
}

h3{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-weight: bold;
	font-size: 100%;
	color:#000077;}
	
.Head3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	padding: 4px 10px 0px 0px;
	font-variant: small-caps;
	color:#000077;
	float:left;}

h4 {/* Boxout Headings */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-weight: bold;
	font-size: 100%;}

.Head4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-weight: bold;
	font-size: 110%;
	float:left;}

p.quoteBody { 
	margin: 0; 
	color: #9d0a0e; 
	font-size: 1.3em;}
		
p.quoteCite { 
	font-weight: bold;
	text-align: right;}

ul 	{ 
	margin-bottom: 1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	line-height: 130%; }

ul li 	{
	list-style-position:inside;
	list-style-type:square;
	margin-left: 10px;}

ol li 	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-type: decimal;
	font-size: 100%;
	line-height: 130%;
	margin-left: 30px;}

p	{ 
	font-size: 1em; 
	line-height:1.3em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0.5em; 
	margin-bottom: 0.5em; 
	color: #000000;}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	padding-top: 2em;
	padding-bottom: 5px;
	bottom: auto;
	margin-bottom: 5px;}

.break {
	width: 100%;}

.floatr {
	float:right;
	margin: 2px;}

.floatrclear { 
	margin: 4px; 
	float: right; 
	clear:right;}
	
.floatlclear { 
	float: left; 
	clear: left; 
	margin:5px 5px 5px 0px;}

.clear { clear:both;}
