.clearfix {
  clear: both;
}

html, div, span, applet, object, a,
h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center, dl, dt, dd, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: 11px verdana,sans-serif;
	vertical-align: baseline;
}

ol {
	margin: 0px;
	padding-left: 0px;
}

.static_slide {
	height: 338px;
	width: auto;
}

.imageNotFoundCssClass {
	display: block;
	height: 440px;
	text-align: center;
	width: 810px;
}

body, body #container {
	border: 0;
	font-size: 100%;
	font: 11px verdana,sans-serif;
	margin: auto;
	padding: auto;
	outline: 0;
	vertical-align: baseline;
}

body #container {
	width: 940px;
}

.default-settings {
	padding: 8px 0px;
	text-align: right;
}

body #content {
	margin-left: 15px;
	margin-right: 15px;
	padding: 0px 10px;
	width: 892px;
}

#content h2, #content h3 {
	color: #9f1a1d;
}

a {
	color: #9f1a1d;
	text-decoration: none;
}

h3 span {
	background-color: #9f1a1d;
	border: 1px solid #9f1a1d;
	color: #ffffff;
	display: block;
	padding: 10px;
	width: 100%;
	
	border-top-left-radius: 0.5em 0.5em;
	border-top-right-radius: 0.5em 0.5em;
	border-bottom-left-radius: 0.5em 0.5em;
	border-bottom-right-radius: 0.5em 0.5em;
}

h3 {
	font-weight: normal;
}

.none {
	display: none;
}

.top_y {
	vertical-align: top;
}

.dashboard {
	margin: auto;
	padding: 16px;
	width: 760px;
}

.dashboard .row {
	display: block;
	text-align: left;
}

.dashboard img {
	height: 120px;
	width: 120px;
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 12px; /* for old Konqueror browsers */
}

.dashboard span {
	display: block;
	padding-top: 40px;
	height: 82px;
	width: 120px;
}

.dashboard a {
	background-color: #9f1a1d;
	color: #ffffff;
	display: inline-block;
	font: 10px verdana,sans-serif;
	margin: 1px 0px;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	width: 120px;
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 12px; /* for old Konqueror browsers */
}

input[type=text], input[type=password], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #dddddd;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
}
 
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(81, 203, 238, 1);
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
}

/*************************************************************************************************/
/* Error Message Styling                                                                         */
/*************************************************************************************************/
div.validation-summary {
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	color: #a94442;
	margin: 5px auto;
	padding: 5px;
	
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.validation-summary {
	display: none
}

div.validation-summary ol {
	list-style-type: none;
}

div.show {
	display: block;
}

div.validation-summary ul {
	list-style: none;
	margin-left: 0px;
	padding: 0px;
}

.validation-summary label.error {
	display: inline;
}

/*************************************************************************************************/
/* Successful Message Styling                                                                    */
/*************************************************************************************************/
div.success {
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	color: #3c763d;
	display: block;
	margin: 5px auto;
	padding: 5px;
	
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}

/*************************************************************************************************/
/* Table Styling                                                                                 */
/*************************************************************************************************/
.bank_details, .fees {
	padding: 10px;
	width: 620px;
}

.tabular {
	padding: 10px;
	width: 636px;
}

.fees, .tabular {
	border: 1px solid #9f1a1d;
	
	border-top-left-radius: 0.5em 0.5em;
	border-top-right-radius: 0.5em 0.5em;
	border-bottom-left-radius: 0.5em 0.5em;
	border-bottom-right-radius: 0.5em 0.5em;
}

.bank_details caption {
	background-color: #9f1a1d;
	color: #ffffff;
	font-weight: bold;
	padding: 8px;
	WIDTH: 100%;
	
	border-top-left-radius: 0.5em 0.5em;
	border-top-right-radius: 0.5em 0.5em;
	border-bottom-left-radius: 0.5em 0.5em;
	border-bottom-right-radius: 0.5em 0.5em;
}

.fees caption {
	color: #9f1a1d;
	font-weight: bold;
	padding: 8px;
	WIDTH: 100%;
}

.fees thead {
	background-color: #9f1a1d;
	color: #ffffff;
}

.fees thead tr th {
	font-weight: bold;
	padding: 8px;
	text-align: left;
	
	border-top-left-radius: 0.5em 0.5em;
	border-top-right-radius: 0.5em 0.5em;
	border-bottom-left-radius: 0.5em 0.5em;
	border-bottom-right-radius: 0.5em 0.5em;
}

.bank_details tbody tr th {
	color: #9f1a1d;
	font-weight: bold;
	padding: 8px;
	text-align: left;
	width: 128px;
}

/*************************************************************************************************/
/* Header Styling                                                                                */
/*************************************************************************************************/

/*#header {
	text-align: center;
}*/

#header div {
	display: inline;
	height: 160px;
	margin-left: 48px;
}

#header #badge img, #header #quote img {
	display: none;
}

#header #badge img.active {
	display: inline;
	background-color: #ffffff;
	height: 160px;
	width: auto;
}

#header #quote img.active {
	display: inline;
	width: 674px;
}

#header p {
	display: inline;
}

#header p img {
	height: 160px;
}

/*************************************************************************************************/
/* Breadcrumb Styling                                                                            */
/*************************************************************************************************/

.breadcrumb {
	padding: 8px 10px;
	width: 850px;
}

.breadcrumb a {
	font-size: 100%;

	color: #9f1a1d;
	display: inline-block;
	text-decoration: none;
}

.breadcrumb h2 {
	color: #9f1a1d;
	display: inline-block;
	font-size: 100%;
}

ul.unordered-list {
	background-color: #ffffff;
	border: 0;
	color: #000000;
	font-size: .85em;
	height: auto;
	margin-left: 15px;
	
	filter: alpha(opacity=80); /* IE6-IE8 */
}

/*************************************************************************************************/
/* Navigation Styling                                                                            */
/*************************************************************************************************/
.active {
	background-color: #ffffff;
	color: #9f1a1d;
}

nav > ul > li > a > .caret,
nav > ul > li > div ul > li > a > .caret {
	border-top: 4px solid #ffffff;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle;

	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear; 
}

nav > ul > li > div ul > li > a > .caret {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid #f2f2f2;
	margin: 0 0 0 5px;
}

nav > ul > li:hover > a > .caret {
	border-top-color: rgb( 255, 255, 255 );
}

nav > ul > li > div ul > li:hover > a > .caret {
	border-left-color: rgb(255,255,255);
}

nav ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

nav li, nav li:first-child, nav li:last-child {
	display: inline-block;
	margin-top: 16px;
	position: relative;
}

#menu li:first-child {
	padding: 0px 5px 0px 8px;
}

#menu li:last-child {
	padding: 0px 8px 0px 5px;
}

nav li {
	padding: 0px 5px;
}

nav ul li a {
	color: #ffffff;
	text-decoration: none;
}

nav li a, nav  ul li a {
	color: #ffffff;
	text-decoration: none;
}

nav #menu li ul li {
	display: block;
	min-width: 120px;
	width: auto;
}

nav li a:hover {
	color: #cd7f32;
	text-decoration: none;
}

li ul {
	display: none;
	height: auto;
	padding: 3px 8px 3px 0px;
	position: absolute; 
	top: 1em;
	left: 0;
	z-index: 20;
}

li > ul {
	top: auto;
	left: auto;
}

li:hover ul { display: block; }

li:hover ul, li.over ul { display: block; }

ul, nav {
	background-color: #9f1a1d;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	color: #ffffff;
	font-size: .85em;
	height: 50px;
	
	filter: alpha(opacity=80); /* IE6-IE8 */
	position: relative;

	border-top-left-radius: 1em 0.5em;
	border-top-right-radius: 1em 0.5em;
}

#navbar-left {
	position: absolute;
	left: 0;
	bottom: -14px;
	width: 14px;
	height: 14px;
	background: #848a6a;
	background-color: #9f1a1d;
	/*background: rgba(220,220,220,255);*/
	border-bottom-left-radius: 100% 50%;
}

#navbar-left:after {
	content: '';
	position: absolute;
	right:0;
	width:66%;
	height:66%;
	background: #000;
	border-top-left-radius:100% 50%;
	border-bottom-left-radius:100% 50%;
}

#navbar-right {
	position: absolute;
	right:0;
	bottom:-14px;
	width:14px;
	height:14px;
	background: #848a6a;
	background-color: #9f1a1d;
	border-bottom-right-radius:100% 50%;
}

#navbar-right:after {
	content: '';
	position: absolute;
	left:0;
	width:66%;
	height:66%;
	background: #000;
	border-top-right-radius:100% 50%;
	border-bottom-right-radius:100% 50%;
}

/*************************************************************************************************/
/* General Styling                                                                               */
/*************************************************************************************************/
#content .feeds {
	text-align: center;
}

/*************************************************************************************************/
/* Brochure Styling                                                                              */
/*************************************************************************************************/

#content a#brochure-link {
	color: #ffffff;
	text-decoration: none;
}

#content #brochure {
	background-color: #9f1a1d;
	padding: 12px;
	position: fixed;
	left: 0;
	top: 220px;
	
	border-top-right-radius: 80% 10%;
	border-bottom-right-radius: 80% 10%;
}

#brochure-document {
	margin-top: 24px;
	text-align: center;
}

#brochure-document img, #header #badge img, #header #quote img {
	display: none;
}

#brochure-document img.active, #header #quote img.active {
	display: inline-block;
}

#brochure-document .prev {
	background: url("../img/prev.png");
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 43px;
	margin-top: 282px;
	width: 24px;
}

#brochure-document .next {
	background: url("../img/next.png");
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 43px;
	margin-top: 282px;
	width: 24px;
}

#content #social_media {
	position: fixed;
	right: 0;
	top: 242px;
}

#footer #vision {
	margin-top: 24px;
	text-align: center;
}

/*************************************************************************************************/
/* Contact Styling                                                                               */
/*************************************************************************************************/

.contact {
	display: inline-block;
	width: 848px;
}

.contact .form {
	display: inline-block;
	float: left;
	margin: 12px 0px;
	padding: 8px;
	width: 524px;
}

.contact .address {
	display: inline-block;
	width: 300px;
}

.contact label {
	display: inline-block;
	margin: 6px 0px;
	vertical-align: top;
	width: 120px;
}

.contact #message {
	width: 340px;
}

/*************************************************************************************************/
/* Footer Styling                                                                                */
/*************************************************************************************************/

#footer {
	background-color: #9f1a1d;
	color: #ffffff;
	font-size: 12px;
	height: 64px;
	border: 1px solid #9f1a1d;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	
	border-bottom-left-radius: 1.5em 1.5em;
	border-bottom-right-radius: 1.5em 1.5em;
}

#footer h1 {
	display: inline-block;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-align: center;
	text-shadow: none;
	vertical-align: baseline;
	/* text-shadow: 3px 3px #808080;*/
	text-shadow: 3px 3px #daa520;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer .lj {
	float: left;
	margin-left: 15px;
	position: absolute;
	width: 260px;
}

#footer .cj {
	display: inline-block;
	float: left;
	margin-left: 292px;
	text-align: center;
}

#footer .rj {
	float: right;
	margin-left: 612px;
	margin-right: 15px;
	position: absolute;
	text-align: right;
	width: 300px;
}