@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
*/

/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

/*@font-face {
	font-family:officina;
	src:url("../font/officina-serif.ttf");
}*/

body {
	background-color: #1B1512;
	color: #E9E3E3;
	font-family: "New York", serif;
	/*font-weight: bold;*/
	font-size: 14.7px;
	margin: 0;
	padding: 0;
}
a {
    color: #905D14;
}

label {
    color: #905D14;
}

h1, h2, h3, h4, h5, h6 {
	color: #C99E66;
	/*font-weight: bold;*/
}

p + p {
    margin-top: -1.5em;
    text-indent: 0em;
}

a:hover, a:active, a:focus{
	color: #C99E66;
}

th, td, caption {
    padding: 0px;
}

table {
	margin: 0px;
}

tbody tr:nth-child(2n) td, tbody tr.even td {
	background: none
}

#topmargin {
	height: 1%;
	max-height: 50px;
}

#container {
    height: 93%;
    min-height: 650px;
    min-width: 1320px;
	max-width: 2048px;
    position: absolute;
    width: 100%;
}
.container #container {
    width: 100%;
}
#background {
    background-image: url("../images/bg.jpg");
    background-size: 100% 100%;
    float: left;
    min-height: 630px;
    width: 100%;
}
#title {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    float: left;
    height: 93px;
    margin-left: 5%;
    margin-top: 45px;
    width: 451px;
}
#navigation {
    float: right;
    font-size: 17px;
    font-weight: bold;
    margin-right: 138px;
    margin-top: 73px;
    text-align: center;
    z-index: 990;
}

li#current a{color: #905D14;}

#navigation a {
    color: #E9E3E3;
}
#navigation li {
    display: block;
    float: left;
    margin-right: 10px;
}
#navigation ul li a:hover {
    color: #905D14;
}
#navigation ul li ul {
    display: none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 109px;
	clear: both;
}
#navigation ul li:hover ul {
    display: block;
}
#navigation li ul li {
    list-style: none outside none;
    margin-top: 5px;
    padding: 0;
    position: relative;
    width: 200px;
	clear: both;
}
#navigation li.active a {
    color: #905D14;
}
.joomla-nav {
    background-color: transparent;
    border-color: transparent;
}
#main {	
    margin-top: 166px;
    min-height: 340px;
    width: 78%;
    border-style: solid;
    border-color: #C99E6680;
    border-width: 3px;
    padding: 35px;

    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#main a {
    color: #C99E66;
}
#main a:hover {
    color: #905D14;
}
#main-text {
	margin-bottom: -13px;
}

#accordion {
	font-size: 12px;
}

.column-1 {
    float: left;
    width: 500px;
}
#footer {
    font-size: 10px;
    margin-bottom: 10px;
    margin-left: 7%;
    margin-top: 19px;
}
#bottom-menu{
	float: right;
    margin-right: 10px;
	margin-top: -1px;
}

#bottom-menu ul {
	margin: 0px;
	padding: 0px;
}

#bottom-menu a {
	color: #905D14;
}

#bottom-menu a:hover {
	color: #C99E66;
}

#copyright {
    float: left;
}

.text-login {
    float: right;
    margin-right: 90px;
}

.text-login a {
	text-decoration: none;
	font-weight: bold;
}

.blog-featured h2 {
    font-size: 1.5em;
    margin-bottom: 0;
}
p.readmore {
    font-size: 0.9em;
    text-indent: 0;
}
.joomla-footer {
    font-size: 0.9em;
    margin-bottom: 30px;
}
ul.actions {
    float: right;
    margin: -24px 26px;
    padding: 0;
}
ul.actions li {
    float: right;
    list-style-type: none;
    margin-left: 10px;
}
p#form-login-username label, p#form-login-password label {
    display: block;
    width: 160px;
}
p#form-login-remember label {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 25px;
}
p#form-login-remember input {
    float: left;
    margin-right: 5px;
}
form#form-login ul {
    margin: 0;
    padding: 0;
}
form#form-login ul li {
    font-size: 0.9em;
    list-style-type: none;
    margin-left: 20px;
}

/*Time to apply widths for accordian to work
Width of image = 551px
total images = 3
so width of hovered image = 551px
width of un-hovered image = 40px - you can set this to anything
so total container width = 551 + 40*(3-1) = 671px;
default width = 671/4 = 168px;
*/

.accordian {
	width: 620px;
	height: 333px;
	overflow: hidden;
	
	/*Time for some styling*/
	margin: 0px auto;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
	width: 2000px;
        padding-left: 0;
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/
}

.accordian li {
	position: relative;
	display: block;
	width: 60px;
	float: left;
	
	border-left: 1px solid #888;
	
	box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	
	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/*If you hover on the images now you should be able to 
	see the basic accordian*/
}

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {width: 60px;}
/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {width: 500px;}


.accordian li img {
	display: block;
}

/*Image title styles*/
.image_title {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0; bottom: 0;	
        width: 551px;	
}
.image_title a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 20px;
	font-size: 16px;
}

.pull-right{
    float:right;
}

.btn-group{
    position:relative;
    margin-top:-30px;
}

.btn-group ul{
    list-style:none;
    padding-left:4px;
    margin-bottom: 0px; 
}

.btn-toolbar .btn-group{
    margin-top: inherit;
}

.dropdown-menu {
    margin-top: 7px;  
}

.dropdown-toggle {
    display: none;
}

.print-icon{
    background: url(/media/system/images/printButton.png) no-repeat;
    height: 16px;
    width: 16px;
    overflow: hidden;
    display: inline-block;
    padding-left: 4px;  
}

.edit-icon{
    background: url(/media/system/images/edit.png) no-repeat;
    height: 16px;
    width: 16px;
    overflow: hidden;
    display: inline-block;
    padding-left: 4px;  
}

.email-icon{
    background: url(/media/system/images/emailButton.png) no-repeat;
    height: 16px;
    width: 16px;
    overflow: hidden;
    display: inline-block;
    padding-left: 4px;  
}

.print-icon a,
.edit-icon a,
.email-icon a{
    color: transparent !important;
}

.ui-state-active {
    border: inherit !important;
    background: inherit !important;
    background-color: dimgray !important;
}

.ui-state-active a {
    color: #222222 !important;
}

.ui-state-default {
    border: inherit !important;
    background: inherit !important;
    background-color: dimgray !important;
}

.ui-state-default a {
    color: #d4d4d4 !important;
}

.ui-state-hover a {
    color: #ffffff !important;
}

.ui-widget-content {
    border: inherit !important;
    background: inherit !important;
    color: inherit !important;
    background-color: #6969694d !important;
}

.ui-accordion-header a:hover {
    color: white;
}

.plg_system_eprivacy_accepted {
    display: none !important;
}

.activebar-container {
    background-color: rgb(17, 17, 17);
    border-bottom: 1px solid #000000;
    color: #000;
    opacity: 0.9;
    text-align: center;
}

.activebar-container button.decline {
    display: none !important;
}

.activebar-container ul.links, .activebar-container ul.links li {
    display: none;
}

.activebar-container p {
    margin: 5px;
    text-align: left;
    display: inline;
    color: #e9e3e3;
    text-align: center;
}

.activebar-container button.accept {
    background-color: rgb(91, 183, 91);
    border-radius: 5px;
    display: inline;
    float: none;
    border: none;
}