/* Remove browser margins and padding */

* {
	margin:0;
	padding:0;
}
	
body {
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

ul, li {
	list-style-type:none;
}
 
img {
	border:none;
}

a {
	outline-style:none;
	text-decoration:none;
}

header {	
	padding:0;
	height:7.4em;
	background-color:#0027ad;	
}

header h1 {
	margin-left:20px;
	padding-top:40px;
	padding-bottom:20px; 
	padding-left:20px;
	font-size:2.1em;  
	color:#fff;	
}

nav {
	width:100%;
	height:2.4em;
	background:#3333ff;
	font-weight:bold;
}
 
nav li {
	float:left;
}

nav li a:link, 
nav li a:visited { 
	display:block;
	line-height:2.4em;
	width:12.1em;
	padding-left:25px;
	text-align:center;
	font-size:0.95em;
	color:#fcc;
	border-right:solid 1px #00c;
}
			
nav li a:hover {	
	color:#fff;
}

#sidebar {
	float:right;
	width:30%;
	height:auto;
	margin-top:20px;
	margin-left:30px;
	text-align:left;
}

.sidebarContent img {
	width:50%;
	height:auto;
	float:left;
	padding-left:40px;
	padding-top:40px;
}		
		
.sidebarContent h2 {
	padding-top:40px;
	padding-bottom:10px;
	color:#0027ad;
	font-size:1.2em;
}
				
.sidebarContent a {
	display:block;
	margin-left:25px;  
	margin-bottom:8px;		
	font-size:1.0em;
	font-weight:bold;
	line-height:1.35;
}
		
.sidebarContent a:link, 
.sidebarContent a:visited {
	color:#36c;
}

.sidebarContent a:hover {
	color:#f03;
}

#contentContainer {
	width:60%;
	margin-top:40px;
	margin-bottom:20px;
	margin-left:50px;
	height:auto;
	text-align:left;
	line-height:1.5;
}
		
.tocs {
	margin-bottom:40px;
	margin-top:40px;
	margin-left:50px;
}

.tocs h2 {
	color:#00008b;
}

.tocs a, ul, li {
	padding-left:20px;
}

.tocs a:link,
.tocs a:visited {
	color:#0000e6;
}

.tocs a:hover {
	color:#f03;
}

.tocsLevel1 ul {
	padding-bottom:5px;
	margin-top:25px;
}

.tocsLevel1 li {
	font-size:1.2em;
	font-weight:bold;
	text-indent:10px;
}

.tocsLevel2 li {
	font-size:1.1em;
	font-weight:normal;
	text-indent:30px;
	
}


.mainContent h2, h3, h4 {
	color:#000033;
}

.mainContent h2 {
	font-size:1.3em;
	padding-top:10px;
	padding-bottom:20px;
}

.mainContent h3, h4 {
	text-align:left;
}

.mainContent h3{
	padding-top:10px;
	font-size:1.2em; 
}

.mainContent h4 {
	padding-left:20px;
	font-size:1.1em;
}

.mainContent p {
	text-align:justify;
	font-size:1.10em;
	color:#000;
	padding-top:10px;
	padding-bottom:20px;
}

.mainContent a:link,
.mainContent a:visited {
	color:#0000b3;
}

.mainContent a:hover {
	color:#f03;
}

.mainContent img {
	width:100%;
}

.excerpt {
	padding-left:40px;
	text-align:left;
}

.excerpt h6 {
	font-size:1.0em;
	font-weight:bold;
	font-style:italic;
	padding-top:10px;
}

.excerpt p {
	padding-left:10px;
	font-weight:normal;
	font-style:normal;
}

.quoteIndent {	
	padding-left:40px;	
}

.quoteIndent p {
	text-indent:5px; 
}
	
.references {
	text-align:left;
	margin-top:30px;
	margin-bottom:40px;
	margin-left:20px;
	margin-right:30px;
}

.references h2 {
	margin-bottom:15px;
	font-size:1.25em;
	color:#000033;
}

.references p {
	text-indent:-10px;
	margin-left:12px;
	padding-bottom:20px;
	font-size:1.0em;
}

.prevNext {
		margin-top:20px;
		border-top:1px solid gray;
		padding:10px 0;		
}

.prevNext ul {
	margin:0;
	font-size:1.0em;
	text-align:center;	
}

.prevNext li {
	display:inline;
	padding-right:10px;
}
		
.prevNext a:link, 
.prevNext a:visited {
		font-weight:bold;
		color:#36c;
}
				
.prevNext a:hover {
		color:#f03;
		} 
		
#back-to-top {
	font-size:0.92em;
	padding-bottom:15px;
}

#policyFoot {
	width:60%;
	height:auto;
	margin-top:50px;
	margin-bottom:40px;
	margin-left:50px;
}

footer { 
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.8em;
}

.policyLink {
	width:60%;
	margin-bottom:50px;
	margin-left:50px;
}

.policyLink a:link,
.policyLink a:visited {
	font-size:0.85em;
	font-weight:bold;
	padding-right:30px;
	color:#36c;
}

.policyLink a:hover {
	color:#f03;
}

	
/* Responsive styles */
/* Set styles for small portrait screens */
@media screen and (max-width:411px) and (orientation:portrait) {
	
	header {
		height:5.4em;
	}
	
	header h1 {
		font-size:1.1em;	
		padding-left:8px;
	}
	
	nav {
		width:100%;
		height:1.2em;
		padding-top:5px;
	}
	
	nav li a:link, 
	nav li a:visited {
		line-height:1.2em;
		width:6.9em;
		font-size:0.7em;
		border-right:none;
	}

	/* Hide sidebar */
	#sidebar {
		width:0%;
		display:none;
	}
	
	#contentContainer {
		width:90%;
		margin-top:20px; 
		margin-right:10px;
		margin-left:15px;
		height:auto;
	}
	
	.tocs {
		margin-left:8px;
	}
	
	.tocs h2 {
		font-size:1.15em;
	}
	
	.tocs a, ul, li {
		padding-left:3px;
		font-size:0.95em;
	}
	
	
	.mainContent h2 {
		font-size:1.05em;
	}
	
	.mainContent h3 {
		font-size:1.0em;
	}
	
	.mainContent h4 {
		font-size:0.95em;
	}
	
	.mainContent p {
		text-align:left;
		font-size:0.96em;
		padding-left:8px;
	}
	
	.excerpt {
	padding-left:32px;
	}

	.excerpt h6 {
	font-size:0.95em;
	}

	.excerpt p {
	font-size:0.9em;
	}
	
	.references {
		font-size:0.95em;
		margin-right:5px;
	}

	.prevNext {
		font-size:0.85em;
	}
	
	#back-to-top {
		font-size:0.8em;
	}
}


@media screen and (min-width:412px) and (max-width:640px) and (orientation:portrait) {
	
	header h1 {
		font-size:1.25em;	
	}
	
	nav {
		width:100%;
		height:1.2em;
		padding-top:5px;
	}
	
	nav li a:link, 
	nav li a:visited {
		line-height:1.2em;
		width:6.5em;
		font-size:0.75em;		
	}

	/* Hide sidebar */
	#sidebar {
		width:0%;
		display:none;	
	}

	.tocs {
		margin-left:8px;
	}
	
	.tocs h2 {
		font-size:1.2em;
	}
	
	.tocs a, ul, li {
		padding-left:3px;
		font-size:1.0em;
	}
	
	
	#contentContainer {
		width:90%;
		margin-top:20px;
		margin-left:20px;
		margin-right:10px;	
	}
	
	.mainContent h2 {
		font-size:1.2em;
	}
	
	.mainContent h3 {
		font-size:1.15em;
	}
	
	.mainContent h4 {
		font-size:1.1em;
	}
	
	.mainContent p {
		text-align:left;
		font-size:1.0em;
	}
	
	.tocsLevel1 li {
		font-size:1.0em;
	}

	.tocsLevel2 li {
		font-size:1.0em;
	}
	
	.prevNext {
		font-size:0.95em;
	}
	
	#back-to-top {
		font-size:0.9em;
	}
}


@media screen and (min-width:641px) and (max-width:770px) and (orientation:portrait) {
	
	.mainContent p {
		text-align:left;
		font-size:1.0em;
	}
	
}


@media screen and (min-width:1181) and (max-width:1500) and (orientation:landscape) {
	
	
	
}

@media screen and (min-width:1501) and (orientation:landscape) {
	
	
}