/* CSS Document */
body {
	background: #e8e8e8;
	margin:0;
	padding:0;
}
body.iframe {
	background:none;
	background-color:#eeeeee;
}

a {
	color:#d6821f;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	font-weight:bold;
}

h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	color: #91278F;
	text-transform:uppercase;
	font-weight:bold;
}
h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #333333;
}
h4 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #333333;
}
p, blockquote, td, li, ol, ul, input, textarea {
	font-family: Arial, Verdana, sans-serif;
	color:#333333;
}

textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
}

#outer-container {
	background: url("../../images/bg.jpg") center top repeat-y;
	width: 820px; 
	margin:0 auto;
}
#container {
	width: 800px; 
	margin:0 auto;
	background-color:#ffffff;
}
/* ######## HEADER ############## */
#header {
	overflow:hidden;
} 
/* Login */
#login {
	float:right;
	margin-right:5px;
}
#login table {
	padding:0;
	margin:5px 0 0 0;
}
#login td {
	vertical-align:bottom;
	padding:0 2px;
	margin:0;
	color:#333333;
	font:bold .85em Verdana, Arial, sans-serif; 
	line-height:1.4em;
}
#login input {
	width:65px;
	background-color:#cccccc;
	color: #737373;
	border:1px solid #000000;
}
#login input.btn {
	border:none;
	background:none;
	
}

#loginjoin {
	text-align:right;
	font: 1.0em Verdana, Arial, sans-serif;
}

a.links:link {
	text-align:right;
	font: .90em Verdana, Arial, sans-serif;
	color: #8a80a3;
}

a.linksaccount:link {
	text-align:right;
	font: 1.1em Verdana, Arial, sans-serif;
	
}

a.links {
	text-align:right;
	font: .90em Verdana, Arial, sans-serif;
	color:#8a80a3;
}



#login .logged-in {
	padding-top:10px;
	text-align:right;
	font: .85em Verdana, Arial, sans-serif; 
}
/* ######## MAIN NAV ############## */
#main-nav {
	position:relative;
	overflow:visible;
	background:url(../../images/nav-bg.jpg) top left repeat-x;
	height:56px;
	width:100%;
}

#main-nav ul.main, #main-nav ul.sub {
	list-style-type:none;
	margin:0;
	padding:0;
}
#main-nav ul.main li {
	float:left;
	height:auto;
	width:111px;
	margin:0;
	padding:0;
	text-align:center;
	overflow:visible;
}
#main-nav ul.main li a {
	display:block;
	height:20px;
	text-decoration:none;
	padding:6px 0 0 0;
	background:url(../../images/nav-bg-off.jpg) repeat-x;
	color:#8a80a3;
	font:bold 12px Arial, Helvetica, sans-serif;
	
}
#main-nav ul.main li a:hover {
	background:url(../../images/nav-bg-over.jpg) repeat-x;
}
#main-nav ul.main li a.last {
	border-right:1px solid #dedede;
}
#main-nav ul.sub {
	position:absolute;
	left:0px;
	display:none;	/*width:800px;*/
	background-color: #FFFFFF;
	z-index: 10;
	border-color: #CCCCCC;
	border-bottom-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#main-nav ul.sub li {
	float:none;
	margin:6px;
	padding:3px 0px 3px 3px;
	text-align:left;
	/*padding:6px 10px 0 10px;*/
	width:130px;
    display:block;
	background-color: #FFFFFF;
}

#main-nav ul.sub li:hover {
	float:none;
	margin:6px;
	padding:3px 0px 3px 3px;
	text-align:left;
	/*padding:6px 10px 0 10px;*/
	width:130px;
	display:block;
	background-color: #EFEFEF;	
}

#main-nav ul.sub li a {
	display:block;
	height:20px;
	text-decoration:none;
	padding:0 0 0 0;
	background:none;
	color:#8a80a3;
	line-height:20px;
	font: 12px Arial, Helvetica, sans-serif;
	background-image:none;
	
}
#main-nav ul.sub li a:hover {
	color:#d6821f;
	background: none;
	
}

#content {
	overflow:hidden;
	background:url(../../images/bg-content.gif) repeat-x;
	border-top:1px solid #dedede;
}
#content .banner-img {
	float:left;
	margin:0;
	
}

#home-content {
	background:url(../../images/bg-content.gif) repeat-x;
	overflow:hidden;
	margin-bottom:0px;
}

.home-tout {
	width:246px;
	/*border-left:1px solid #dedede;*/
	border-right:1px solid #dedede;
	margin-top:0px;
	/*margin-left:-1px;*/
	padding:10px;
	float:left;
}
#home-content .last {
	border-right:none;
}
.home-tout h2 {
	margin:0px;
	text-transform:uppercase;
}
.home-tout img {
	border:1px solid #dedede;
	padding:4px;
	float:left;
	margin: 5px 5px 0 0;
}
.home-tout p {
	margin-top:3px;
	font-size:1em;
}

#full {
	padding:10px 20px 20px 20px;
}

#left-side {
	float:left;
	width:515px;
	padding:10px 20px 20px 20px;

}

#left-side img {
	float:left;
	padding:5px;
	margin:0px 5px 5px 0px;
	border:1px solid #cccccc;
}
/*RIGHT SIDE LINKS/IMAGES*/
#right-side {
	float:right;
	width:245px;
	vertical-align:top;
}
#right-side img {
	float:right;
	vertical-align:top;
}



#right-side2 {
	float:right;
	width:245px;
}
#right-side2 img {
	float:right;
}

/* ELEMENTS */
.textboxes {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px #333333 solid;
	margin:2px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	width:400px;	
}
.textarea_short {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px #333333 solid;	
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	width:400px;	
	height:100px;
	overflow:auto;		
}

.textarea_long {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	border:1px #333333 solid;	
	font-weight: normal;
	font-style: normal;
	color: #333333;
	width:400px;	
	height:200px;
	overflow:auto;		
}

input.thebutton {
	color: #737373;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat; 
	background-color: #cccccc;
	background-image: url(/dca/control/images/buttonbg.gif); 
	border: 2px ioutset #737373;
}

.required_as {
	font-size: 15px;
	font-weight: bold;	
	color: #d6821f;
}

/* ######## FOOTER ############## */
#footer {
	background: url("../../images/newfooter.jpg") center top repeat-y;
	width: 814px; 
	height:40px;
	margin:0 auto;
	overflow:hidden;
}
#footer ul {
	list-style-type:none;
	margin:0 0 0 30px;
	padding:0;
}
#footer ul li {
	float:left;
	height:31px;
	margin:0;
	padding:7px 8px 0 8px;
}
#footer ul li a {
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer .copy {
	color:#ffffff;
	font-size:12px;
	float:right;
	padding:8px 14px 0 0;
}
#footer img.eyet {
	float: right;
	padding-right:10px;
}



/* ######## OTHER ############## */
.clear {
	clear:both;
}

#Pic1 {
	position:absolute; 
	width:490px; 
	height:350px; 
	z-index:1; 
	left: 224px; 
	top: 240px;
	visibility:hidden;
}

#Pic2 {
	position:absolute; 
	width:490px; 
	height:350px; 
	z-index:1; 
	left: 224px; 
	top: 240px;
	visibility:hidden;
}


#Pic3 {
	position:absolute; 
	width:490px; 
	height:350px; 
	z-index:1; 
	left: 224px; 
	top: 240px;
	visibility:hidden;
}
#Contact {
	position:absolute; 
	width:490px; 
	height:250px; 
	z-index:1; 
	left: 199px; 
	top: 200px;
	visibility:hidden;
	text-align:center; 
	border:1px #d6821f solid; 
	background-color: #FFFFFF;
}

#Contact2 {
	position:absolute; 
	width:490px; 
	height:250px; 
	z-index:1; 
	left: 199px; 
	top: 200px;
	visibility:visible;
	text-align:center; 
	border:1px #d6821f solid; 
	background-color: #FFFFFF;
}

#Button_edit a:link {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8a80a3;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#Button_edit a:visited {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #8a80a3;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#Button_edit a:hover {
	color: #8a80a3;
	background-color: #cccccc;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#Layer1 {
	position:absolute;
	width:756px;
	height:177px;
	z-index:0;
	left: 4px;
	top: 6px;
}


/*Topic Navigation*/

.topicheader{ /*topic header style*/
cursor: hand;
cursor: pointer;
font: bold 14px Arial, Verdana, sans-serif;
padding: 5px 5px;
background: #CCCCCC;
}
.topicmain {
	font-family: Arial, Helvetica, sans-serif;
	color: 333333;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
}


.openlanguage{ /*change header font colour when opened*/
color: #d6821f;
}

.closedlanguage{ /*change header font colour when closed*/
color: #8a80a3;
}


/*Tabbed Sub-Navigation*/
ul.subNav {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 25px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.subNav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 24px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 24px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	border-right: 1 px solid #ccc;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #b0a9c1;
}
ul.subNav li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.subNav li a:hover {
	background: #8a80a3;
}
html ul.subNav li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
 
.Small_Heading {
	font-weight:bold;
}
 
 
.subContainer {
	border: 0px;
	border-top: 1px solid #ccc;
	overflow: hidden;
	position:relative;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.subContent {
	padding: 20px;
		}
		
		
/* Left-side Content Head*/
.lsheadcontainer
{
width:auto;
height: auto;


}

.lsheadimg {
float: left;
width: 210px;
}

.lsheadintro {
	float: right;
	width: 275px;
	position: relative;
	padding-right: 3px;
	margin-top:0;

}

/* Staff Contact Us*/
.staffcontainer{
float:left;
width:100%;
}


.staffcontactls {
	float: left;
	width: 50%;
	margin-top:0;
	}
	

.staffcontactrs {
	float: left;
	width: 50%;
	margin-top:0;

}