@charset "utf-8";
/* CSS Document */

/* Elements */


@font-face	{
		font-family:	"Cinzel";
		src:	url(fonts/cinzel-v19-latin-500.woff),
				url(fonts/cinzel-v19-latin-500.ttf),
				url(fonts/cinzel-v19-latin-500.svg),
				url(fonts/cinzel-v19-latin-500.eot);
		color:			#f8b03d;
}

/* Divs */

#body {
		background-color:  #000;
		font-family:		Arial, Arial, Helvetica, sans-serif;
		font-size:			small;
		color:				#666;
		line-height:		1em;
		margin:				0.1em;
	}
	
#wrapper  {
		border-radius:		15px;
		background-color:	#000;
		/* black background with rounded corners */
		padding:			20px;
}

#contentinfo	{
		font-family:		Arial, Arial, Helvetica, sans-serif;
		font-size:			medium;
		background-image:	url(images/Rainbow%201.jpg);
		height:				100%;
		background-position:	center;
		background-size:	cover;
		background-repeat:	no-repeat;
		border-radius:		10px;
		padding:			20px;
}

#content  {
		line-height:		1.2em;
		background-color:	#FFF;
		border-radius:		10px;
		border:				1px solid #000;
		margin:				20px 50px 20px 50px;
		padding:			20px 50px 20px 50px;
}

#header	{
		height:				160px;
		background-color: #FFF;
		border-radius:		10px;
		border:				1px solid #000;
		margin:				20px 50px 10px 50px;
		padding:			10px 10px 0 10px;
}

.floatleft	{
	float: left;
	padding: 10px;
	margin-right: 10px;
}

.floatright  {
		float:	right;
}

.nav	{
	list-style:		none;
	font-size:		small;
	margin:			0 50px 0 50px;
	padding:		0 0 20px 0;
	}

.nav li	{
	float:			left;
	min-width:		5em;
	text-align:		left;
	}

.nav > li	{
	float:			left;
	margin-right:	10px;
	position:		relative;
	}

.nav li a:link,
.nav li a:visited	{
	background-color:	#000;
	color:			#FFF;
	display:		block;
	padding:		0.5em 0.5em 0.5em 1em;
	text-decoration:	none;
	font-weight:		bold;
	margin:			0 0 0.2em 0;
	border-left:		5px solid #4B79D4;

	-webkit-border-radius:	3px;
	-moz-border-radius:	3px;
	border-radius:		3px;

	-webkit-box-shadow:	3px 3px 3px 3px rgba(43, 43, 77, 0.5);
	-moz-box-shadow:	3px 3px 3px 3px rgba(43, 43, 77, 0.5);
	box-shadow:		3px 3px 3px 3px rgba(43, 43, 77, 0.5);
	}

.nav li a:hover	{
	background-color:	rgba(255, 255, 255, 0.8);
	color:			rgb(43, 43, 77);
	margin-left:		0;
	}

.nav li:hover ul,
.nav li.sfHover ul	{
	margin-left:		0;
	}

.nav ul	{
	position:		absolute;	
	list-style:		none;
	margin:			0.5em 0 0 -9999px;
	padding:		0;
	border:			0;
	}

.nav ul li	{
	border:			0;
	}

.nav ul li a:link,
.nav ul li a:visited	{
	background-color:	#000;
	color:			#FFF;
	padding:		0.5em 0.5em 0.5em 1em;
	text-decoration:	none;
	border-left:		5px solid #FFC300;
	}

.nav ul li a:hover	{
	background-color:	#666;
	color:			#FFF;
	border-left:		5px solid #DAF7A6;
	}



blockquote	{
		background-color:	#CCFFCC;
		height:				auto;
		width:				200px;
		float:				right;
		border:				1px solid #000;
		border-radius:		2px;;
		padding:			10px;
		line-height: 		1.5em;
}

#angela_video  {
	height:  				272px;
	width:  				480px;
	
}

#footer  {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			small;
		line-height:		1em;
		background-color:	#FFF;
		background-image:	url(images/White_Lion_and_Cub_-_550_by_550_transparent-01-01.png);
		background-repeat:	no-repeat;
		background-position:	 right 20px bottom 20px;
		background-size:	50px 50px;
		border:				1px solid #000;
		border-radius:		10px;
		margin:				10px 50px	10px	50px;
		padding:			10px 50px	10px	50px;
	}

#footer		a:link ,
#footer		a:visited {
		font-family:		"Cinzel", serif;
		}

.copyright {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight: 			normal;
	font-style: 			italic;
	font-size: 				x-small;
}

h1  {
	font-family:			"Cinzel", serif;
	font-size: 				x-large;
	color: 					#4B79D4;
	padding:				10px 0 0 0;
	line-height:			2em;
	}
	
h2  {
	font-family: 			"Cinzel", serif;	
	font-size: 				large;	
	padding:				10px 0 0 0;
	line-height:			1.5em;
	color:					#0071fc; 
	}

h3 {	
	font-family: 			"Cinzel", serif;	
	font-size: 				1.15em;	
	padding:				10px 0 0 0;
	line-height:			1.3em;
	color: 					#f9ca28; 
	}
	
h4 {
	font-family: 			"Cinzel", serif;	
	color: 					#000;
	padding:				10px 0 0 0;
	}

#date	{
	font-size:				0.8em;
	
}

p.author	{
	font-weight: bold;
	font-style:italic;
	text-align: left;
	
}

p.floatright	{
	float:			right;
	margin-bottom:		20px;
	padding-bottom:	-20px;
}	

ul.cinzel	{
	font-family:			"Cinzel", serif;
	color:					#0057c1;
}

ul.cinzel li  a:link 	{
	text-decoration:		none;
}

ul.cinzel li a:visited	{
	color:					#b17c0a;
}
