/*Font and Colors*/

*{
	margin: 0;
	padding: 0;
	
	border-radius: 8px;
}

body{
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #000;
	
	background: #d9ebf9; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #d9ebf9 0%, #4a86bf 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d9ebf9), color-stop(100%,#4a86bf)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #d9ebf9 0%,#4a86bf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #d9ebf9 0%,#4a86bf 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #d9ebf9 0%,#4a86bf 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #d9ebf9 0%,#4a86bf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ebf9', endColorstr='#4a86bf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	min-width: 800px;
	
	
}

p{
	font-family: "Arial";
	font-size: 13px;
}

#wrapperRight{
	border-top-width: 0px;

/*	background-color:rgba(255, 248, 209, 0.5) #FFF8D1;*/
background: #d9ebf9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #d9ebf9 0%, #4a86bf 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d9ebf9), color-stop(100%,#4a86bf)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #d9ebf9 0%,#4a86bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #d9ebf9 0%,#4a86bf 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #d9ebf9 0%,#4a86bf 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #d9ebf9 0%,#4a86bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ebf9', endColorstr='#4a86bf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

	border-radius: 8px;
	
	box-shadow: 10px 10px 5px #333333;

	color: #FFF;
}

#wrapperLeft{
	/*border: 1px solid #000;*/
	border-top-width: 0px;

	background-color: #FFF;
	
	border-radius: 8px;
}

#header{

	background: #feffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #feffff 0%,#d2ebf9 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #feffff 0%,#d2ebf9 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #feffff 0%,#d2ebf9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	text-align: left;
	font-size: 50px;
}


#header p{
	text-align: right;
}

img:hover {
opacity:0.9;
}

.flipImg {


  -webkit-animation: hingeImage 3s;
          animation: hingeImage 3s linear;

}

@-webkit-keyframes hingeImage {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 70deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 70deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes hingeImage {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 70deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 70deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}





#main{
	background-color: #FFF8D1;
	
	border-radius: 8px;
}

/* Text Navigation */

#navBar{
	background-color: #000878;
	/*border: 1px solid #000;*/
	border-right-width: 0px;
	border-left-width: 0px;
	display: inline;
	text-align: center;	
	color: #FFF;
}

#navBar a:link {
	text-decoration: none;
	color: white;
	font-size: 16px;
}

#navBar a:visited {
	text-decoration: none;
	color: white;
	font-size: 16px;
}

#navBar a:hover {
	text-decoration: underline;
	color: #FFFFEE;
}


/*Main content on the left*/

#mainLeft{
	padding: 20px 20px 300px 20px;
	font-size: 14px;
	display: inline;
	text-align: center;	
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.5);
	
}

#mainLeft p{
	color: black;
	font-size: 15px;
}

#mainLeft h1 {
  font-size: 24px;
  text-decoration: bold;
  font-weight: bold;
  color: black;
}

#mainLeft h2{
	font-size: 18px;
	color: black;
}

#mainLeft h3{
	color: black;
	font-size: 11px;
}

#mainLeft h4{
	color: #545E87;
	font-size: 14px;
}

#mainLeft a{
	color: #3E4365;
}

#mainLeft a:hover {
	text-decoration: underline;
	color: #545E87;
}

#mainBible a{
	color: #3E4365;
}



/*Main content on the right*/

#mainRight{
	background-color: #DBDADA;
	font-size: 14px;
	display: inline;
	text-align: left;	
}

#mainRight p{
	color: black;
	font-size: 15px;
}

#mainRight h1 {
  font-size: 20px;
  text-decoration: bold;
  font-weight: normal;
}

#mainRight h2{
	color: black;
	font-size: 10px;
}

#mainRight h3{
	color: black;
	font-size: 11px;
}

#mainRight a:visited {
	text-decoration: none;
	color: blue;

}


/*Supplemental column on the right*/

#rightColumn {
/*
	background-image: url(images/rightCol.jpg);
	background-repeat: repeat-y;*/
	font-size: 14px;
	color: black;
	display: inline;
	text-align: justify;
    text-justify: inter-word;
	/*border: 1px solid #000;*/
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#rightColumn p{
	color: black;
	font-size: 16px;
	color: black;
}

#rightColumn h1{
	color: #545E87;
	font-size: 24px;	
	color: black;
}

#rightColumn h2{
	color: #000000;
	font-size: 16px;
	font-weight: normal;	
	color: black;
}

#rightColumn a{
	color: #3E4365;
	font-weight: bold;
}

#rightColumn a:hover {
	text-decoration: underline;
	color: #545E87;
}


/*Supplemental column on the left*/
#leftColumn {
	/*background-color: #B7CEEC;*/
	font-size: 14px;
	display: inline;
	text-align: left;
	/*border: 1px solid #000;*/
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
}

#leftColumn p{
	color: black;
	font-size: 12px;
}

#leftColumn a:link {
	text-decoration: none;
	color: black;
}

#leftColumn a:visited {
	text-decoration: none;
	color: black;
}

#leftColumn a:hover{
	text-decoration: underline;
	color: #545E87
}


/*Footer*/

#footer{
	/*border: 1px solid #000;*/
	/* border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px; */
	
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	
}

#footer p{
	padding: 3px 3px 3px 3px;
	clear: both;
	font-size: 14px;
	background: #545E87;
	color: #FFF;
	text-align: center;

}



/*           Core              */

body {
 	text-align: left; 
 	min-width: 1000px;
}

#wrapperRight {
 	width: 1000px; 
 	margin: 0px auto; 
 	text-align: left; 
}

#wrapperLeft {
 	width: 1000px; 
 	margin: 0px auto; 
 	text-align: left; 
}

#header{
	width: 970px;
	float: left;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

#navBar{ 
 	width: 100%; 
 	float: left;
	height: 100%;
}

#mainLeft{
	width: 60%;
	float: left;
	height: 100%;
}	

#mainRight{
	width: 60%;
	float: right;
	height: 100%;
}	



#mainFull {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	display: inline;
	text-align: center;	
	border-radius: 8px;
	/*background: rgba(255, 255, 255, 0.5);*/
	
	width: 100%;
	float: left;
	height: 100%;
	color: black;
}

#mainFull a{
	color: #3E43E8;
}

#iframe {
border-radius: 0px;
}

#mainFull a:hover {
	text-decoration: underline;
	color: #545E87;
}


#mainFull h1 {
  font-size: 24px;
  text-decoration: bold;
  font-weight: bold;
  color: black;
}

#mainFull h2{
	font-size: 18px;
	color: black;
}







/* Resume */
#resumeFull {
	padding: 50px 50px 50px 50px;
	font-size: 14px;
	display: inline;
	align: center;
	text-align: justify;
	border-radius: 8px;
	color: black;
	background: rgba(255, 255, 255, 0.75);
	
	width: 90%;
	float:left;
	height: 100%;
}

#resumeFull a{
	color: #3E43E8;
}


#resumeFull a:hover {
	text-decoration: underline;
	color: #545E87;
}


#resumeFull h1 {
  font-size: 24px;
  text-decoration: bold;
  font-weight: bold;
  color: black;
}

#resumeFull h2{
	font-size: 18px;
	color: black;
}


#resumeFull h3{
	font-size: 16px;
	color: black;
}


#resumeFull h4{
	font-size: 14px;
	color: black;
}


/* Main Level */
ul{
  margin-left:40px;
}

/* Second Level */
ul ul{
  margin-left:60px;
}

/* Third Level */
ul ul ul{
  margin-left:80px;
}





#rightColumn { 
 	width: 32%; 
 	float: right;
	height: auto;
} 

#leftColumn { 
 	width: 32%; 
 	float: left;
	height: auto;
} 

#footer { 
 	clear: both;
	width: 100%;

}



/*Padding*/

#header{
	padding:1px 15px 0px;	
}	

#mainNav{
	padding: 10px 10px;
} 

#navBar{
	padding: 5px 0px;
} 

#mainLeft{
	padding: 15px 20px;
	/*margin: 0px 20px;*/
}

#mainRight{
	padding: 15px 20px;
	/*margin: 0px 20px;*/
}

#rightColumn{
	padding: 20px 20px 20px 20px;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

#leftColumn{
	padding: 20px 5px 300px 5px;
}


		#dropdownnav{
			background-color: #545E87;
			border-width:1px 0;
			font-family: Arial;
			font-size: 16px;
			margin-bottom:4px;
			list-style:none;
			margin:0;
			padding:0;
			text-align:center;
			z-index:99;
		}
		#dropdownnav li{
			position:relative;
			display:inline;
			z-index:99;
		}
		#dropdownnav a{
			display:inline-block;
			padding-left:14px;
			padding-right:14px;
			padding-top:6px;
			padding-bottom:6px;

			color:#fff;
			background:#545E87;
			text-decoration:none;

		}
		#dropdownnav a:hover{
			color:#fff;
			background:#3E4265;
			


			/*text-decoration:underline;*/
		}
		/* Dropdown Functionality... */
		#dropdownnav ul{
			background:#FFFFFF; /* IE 7 Support */
			background:rgba(255,255,255,0); /* Everything Else */
			list-style:none;
			position:absolute;
			left:-9001px;
			z-index:99;
			margin-left:0px;
		}
		#dropdownnav ul li{
			padding-top:1px; /* Space here = transparent spacing... */
			float:none;
			display:block;
			margin-left:0px;
		}
		#dropdownnav li:hover ul{
			left:0;
		}
		#dropdownnav li:hover a{
			background:#3E4265;
			/*text-decoration:underline;*/
/*			text-align:left; */
		}
		#dropdownnav li:hover ul a{
			text-decoration:none;
		}
		#dropdownnav li:hover ul a:hover{
			background:#6A76A8;



		}
		#dropdownnav ul a{
			white-space:nowrap;
			display:block;
			margin-left:0px;
			/*border-bottom:1px solid #ccc;*/
		}