@charset "UTF-8";
/*CSS Document */

body {
	background-color: #17193b;
	background-image: url(img/bg.png);
	margin: 0 0 0 0;
}

#container {
	background-color: #e5efff;
	width: 1024px;
	height: 1200px;
	margin:auto;
	border: solid #fff 1px;
}

/*==================HEADER===================*/

header {
	background-image: url(img/header.png);
	background-repeat: no-repeat;
	width: 1024px;
	height: 251px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	z-index: 2000;
}

header h1 {
	font-family: 'Papyrus', sans-serif;
	font-size: 2.5em;
	color: #f8f8a7;
	font-weight: normal;
	width: 350px;
	padding-top: 15px;
	padding-left: 150px;
	line-height: 1em;
}

header p {
	font-family: 'Century Gothic', sans-serif;
	font-size: 1.2em;
	color: #fff;
	margin-top: -30px;
	margin-left: 150px;
}

header a {
	text-decoration: none;
}

#address {
	width: 300px;
	margin-left: 724px;
	margin-top: -126px;
}

#address h3 {
	font-family: 'Century Gothic', sans-serif;
	font-size: 1em;
	color: #f8f8a7;
	font-weight: normal;
	padding-right: 10px;
}

#address h4, #address a {
	font-family: 'Century Gothic', sans-serif;
	font-size: .9em;
	color: #fff;
	font-weight: normal;
	padding-right: 20px;
	margin-top: -10px;
	letter-spacing: .8px;
}

nav {
	width: 65.5%;
	padding-top: 20px;
	margin: 26px 0px -2px 252px;
}

nav > ul {
	width: 99.1%;
	margin: 34px -100px 20px 0;
	background-color: #17193b;
	padding: 5px 0 5px 0;
	float: right;
}

nav > ul > li {
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	font-family: 'Century Gothic', sans-serif;
	position:relative;
}

nav ul > li:hover ul {
	display:inline-block;
	text-align:left;
	padding: 2px;
}

.large {
	width:250px;
	clear:both;
}

nav ul > li ul {
	/* Drop down */
	position:absolute;	
	width:100%;
	display:none;
	margin-top:27px;
	left:0px;
	list-style:none;
	background:#17193b;
}

nav a:link, nav a:visited {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	font-size: 1em;
}

nav a:hover {
	color: #f8f8a7;
	font-size: 1em;
}

.current {
	color: #f8f8a7 !important;
	font-size: 1em;
}

#bullet {
	width: 100%;
	background-color: #17193b;
}

#bullet p {
	font-family: 'Papyrus', sans-serif;
	font-size: .8em;
	padding: 5px;
	color: #fff;
}

#bullet span {
	float: right;
}

#imgquote .special {
	margin: 5px;
}

/*==========VISION/MISSION==========*/

.vision {
	width: 100%;
	margin-left: 0;
	border-bottom: solid #f2f2a6 1px;
	border-top: solid #f2f2a6 1px;
	margin-top: 33px;
}

.vision h3 {
	font-family: 'Papyrus', sans-serif;
	color: #f2f2a6;	
	margin-top: 5px;
	font-weight: normal;
	letter-spacing: 3px;
	text-align: center;
}

.vision p {
	width: 80%;
	color: #fff;
	font-family: 'century gothic';
	font-size: .95em;
	margin: -25px 10px 5px 10px;	
	letter-spacing: 1px;
	font-weight: normal;
}

.mission {
	width: 100%;
	margin-left: 0;
	margin-top: 5px;
	border-bottom: solid #f2f2a6 1px;	
}

.mission h3 {
	text-align: center;
	color: #f2f2a6;
	font-family: 'Papyrus', sans-serif;
	margin-top: -5px;
	font-weight: normal;
	letter-spacing: 3px;
}

.mission p {
	width: 80%;
	color: #fff;
	font-family: 'century gothic';
	font-size: .95em;
	margin: -25px 10px 5px 10px;
	letter-spacing: 1px;
	font-weight: normal;
}

/*===============ASIDE==============*/

aside {
	width: 35%;
	height: 947px;
	float: left;
	background-color: #17193b;
}

aside h1 {
	margin: 150px 20px;
	font-family: 'Papyrus', sans-serif;
	color: #fff;
	font-weight: normal;
}

aside h2 {
	color: #fff;
	font-family: 'Papyrus', sans-serif;
	font-weight: normal;
	margin-left: 50px;
	margin-top: 50px;
}

aside h3 {
	color: #f2f2a6;
	font-family: 'Papyrus', sans-serif;
	font-size: 1.5em;
	margin-top: 20px;
	font-weight: normal;
	text-align: center;
}

aside h4 {
	font-size: 1em;
	margin-left: 30px;
	font-family: 'Century Gothic', sans-serif;
}

aside p {
	color:#fff;
	font-family: 'century gothic';
	font-size: .8em;
	margin: 8px 10px;
	letter-spacing: 1px;
	padding: 15px;
	border-radius: 10px;
}

aside span {
	color: #fff;
	font-family: 'century gothic';
	font-size: .8em;
	font-weight: normal;
	letter-spacing: 1px;
	float: right;
}

aside a {
	text-decoration: none;
}

aside img {
	padding-top: 100px;
}

.dianna {
	margin-left: 22%;
}

.sri {
	margin-left: 29%;
	margin-top: 23%;
}

/*========MAINCONTENT=================*/

#mainContent {
	width: 1024px;
	height: 100%;
	margin-top: 0;
}

/*=============CONTENT================*/

#content {
	width: 64%;
	height: 900px;
	margin-left: 6px;
	float: left;
	font-family:'century gothic';
	overflow-y: scroll; 
}

#content h2 {
	font-family: 'Papyrus', sans-serif;
	color: #17193b;
	text-align: center;
	margin-top: 50px;
}

#content p, #content ul, #content h3, #content h4, #content a {
	font-family: 'Century Gothic', sans-serif;
	width: 80%;
	margin: 20px 75px 20px 75px;
}
#content a {
	text-decoration: none;
	color: #17193b;
}
#content h5 {
	font-family: 'Papyrus', sans-serif;
	font-size: 1.5em;
	text-align: center;
}

#content ul li ul {
	margin-left: -20px;
}

#content img {
	margin: 136px -76px 0 -76px;
}

#wheel {
	margin: -250px 95px 0 95px;
}

#art4 .second , #art4 .third {
	margin-top: 0px;
}

#sri img {
	margin-top: 0px;!important;	
}

.button {
	background-color: #17193b;
	color: #f8f8a7;
	font-family: 'Papyrus', sans-serif;
	font-size: 1em;
	padding: 2px;
	margin-top: -10px;
	border-radius: 10px;
	float: right;
}

#art1, #art2, #art3, #art4, #art5, #art6 {
	overflow-y: scroll;
	height: 1076px;
}

#art2, #art3, #art4, #art5, #art6 {
	font-family:'century gothic';
	display: none;
}

#art1 h2, #art2 h2, #art3 h2, #art4 h2, #art5 h2, #art6 h2 {
	font-family: 'Papyrus', sans-serif;
	color: #17193b;
	text-align: center;
	margin-top: 50px;
}

#art1 span {
	float: right;
	margin-right: 20px;
}

#swapData {
	width: 80%;
	margin: 10px 30px;
}

#swapData .comment {
	margin-top: -40px;
	font-size: .7em;
	font-family: 'Century Gothic', sans-serif;
	font-weight: normal;
	text-align: center;
}

#swapData a:link, #swapData a:visited  {
	font-family: 'Century Gothic', sans-serif;
	text-decoration: none;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
}

#swapData a:hover, #swapData a:active {
	color: #f8f8a7;
}

.test span {
	float: right;
}

#photoContent {
	width: 600px;
	max-height: 500px;
	/*margin-top: 143px;*/
	margin-left: 6px;
	/*background-color: #f8ff42;*/
	float: left;
	font-family:'Papyrus', sans-serif;
}

#photoContent h2 {
	/*margin-top: 150px;*/
	margin-left: 20px;
	margin-top: 50px;
	text-align: center;
}

#slider {
	margin-top: 60px;
	margin-left: 44px;
}

.slider-wrapper theme-default {
	margin-top:250px;
	width: 600px;
	height: 500px;
}

.nivo-html-caption {
	font-family:'century gothic';
	word-spacing: inherit;
}

#sri {
	width:150px;
	height:150px;
	margin-left:50%;
	margin-top:50px;
}

#form {
	width: 600px;
	margin:auto;
	/*float: right;*/
}

#form h2 {
	font-family: 'papyrus';
	color: #17193b;
	text-align: center;
	margin-top: 50px;
}

#form h3 {
	font-family: 'century gothic';
	color: #17193b;
	font-size: 1em;
	margin-top: 20px;
	margin-left: 20px;
}

#form p {
	font-family: 'century gothic';
	font-size: 1em;
	margin-top: 20px;
}

#flinks {
	width: 500px;
	border: solid 2px #17193b;
	margin:auto;
	margin-top: 0;
}

#flinks a:link, #flinks a:visited, #flinks a:active {
	font-family: 'century gothic';
	font-size: 1.3em;
	color: #17193b;
	text-decoration: none;
	padding:0px;
}

#flinks a:hover {
	font-family: 'century gothic';
	font-size: 1.3em;
	color: #fff;
	text-decoration: none;
	padding:0px;
	background-color: #17193b;	
}

#contact {
	width: 400px;
	height: 400px;
	background-color: #17193b;
	border-radius: 10px;
	margin-left: 19%;
	margin-top: 70px;
}

#contact h2 {
	font-family: 'papyrus';
	margin-bottom: 50px;
	color: #f2f2a6;
	font-weight: normal;
	text-align: center;
}

.form-group {
	font-family: 'century gothic';
	margin: 10px;
	color: #f2f2a6;
}

.form-group input {
	margin-left: 20px;
}

#email input {
	margin-left: 26px;
}

footer {
	color: #fff;
	background-color: #17193b;
	width: 1024px;
	height: 20px;
	margin:auto;
	font-size: .7em;
	font-family: 'papyrus';
	text-align: left;
	letter-spacing: 3px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

footer a:link, footer a:visited, footer a:hover, footer a:active {
	text-decoration: none;
	color: #fff;
}

.design {
	float: right;
	margin-top: -15px;
}

.contact {
	color: #fff;
	width: 1024px;
	height: 20px;
	margin-top: 1024px;
	font-size: .7em;
	font-family: 'papyrus';
	text-align: left;
	letter-spacing: 3px;
}