/*	GENERIC	*/
body {
	background-color:	#ffffff;
	color:			#000000;
	font-family:		arial, helvetica, verdana, sans;
	font-size:85%;
}
p {
	text-align:		left;
}
.note {
	font-size:		0.75em;
	font-style:		italic;
}
.installerror {
	background-color:	#ffff00;
	color:			#ff0000;
}

/*	LINKS	*/
a:link, a:visited {
	color:			#333333;
	text-decoration:	none;
	font-weight:		bold;
}
a:active, a:hover {
	color:			#000000;
	text-decoration:	underline;
	font-weight:		bold;
}
a img{
	border:none;
}
.crumbtrail {
	font-size: 0.7em;
	color: black;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
.crumbtrail ul{
	display:inline;
	margin:0px;
	padding:0px;
}
.crumbtrail li{
padding:0px;
	display:inline;
}
.prevnext {
}
.prevnext a.default {
	background-color:#ffffff;
}
.prevnext a.here {
	background-color:#ffff00;
}

/*	LAYOUT	*/
#page {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding:0px;
	text-align:left;
	background-color: #ffffff;

}
#banner {
	margin-bottom: 10px;
	overflow:hidden;
}
#content {
	background-color: #ffffff;
	margin:0px;
	padding:0px;
}
#content1 {
}
#content2 {
}
#centre {
	_position:relative;
	width:540px;
	float:right;
	background-color: #ffffff;
}
#right{
	width:200px;
	float:left;
	background-color: #ffffff;
}
#left{
	width:170px;
	float:left;
	background-color: #ffffff;
}
#topnav ul {
	margin:0px;
	padding:0px;
	clear:both;
	white-space:nowrap;
}
#topnav li{
	display:block;
	float:left;
	margin-top:0px;
	margin-right:1px;
	margin-left:1px;
	padding:0px;
}
#topnav a{
	display:block;
	width:183px;
	text-align:center;
	/*color:white;*/
	font-weight:bold;
	background-color: #ffffff;
}
#topnav a:hover{
	text-decoration:none;
	background-color: #cccccc;
}
#topnav li.here a{
	
}
#topnav li.ancestor a{
}
.clearBoth{
	clear:both;
}
.clearleft{
	clear:left;
}
#subnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}
#subnav ul li {
	display:inline;
	
}
#subnav ul li a{
	margin: 0px;
	list-style-type: none;
	display:block;
	text-indent:-1em;
	padding-left:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top:1px solid #DEDEDE;
}
#subnav ul ul{
	margin-left:25px;
}
#subnav ul ul li {
	display:inline;
	/*border:1px solid green;*/
}
#subnav ul li ul li a, #subnav ul  ul li a{
	font-weight:normal;
	color: #FF0000;
	display:block;
	padding:0px;
	
	
	font-size:0.95em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-indent:0px;
	
}

#subnav ul li ul li.here a{
	color:black;
	font-weight:bold;
}
#subnav ul li.here ul li a{
	color: #FF0000;
	font-weight:normal;
}
#subnav ul ul ul li a{
	list-style-type:circle;
}
#subnav ul ul ul li a:hover{
	text-decoration:underline;

}
#subnav ul ul a{
	font-weight:normal;
}
#subnav ul ul a:hover{
	color:brown;
	text-decoration:underline;
}
#subnav a:hover{
	color:brown;
	text-decoration:none;

}
#subnav li.here a{
	color:black;
	font-weight:bold;
}
#subnav li.ancestor a{
	color:brown;
	font-weight:bold;
}
#subnav ul li.ancestor ul li a{
	color: #FF0000;
	font-weight:normal;
}
#subnav ul li ul li.ancestor ul li a{
	color: #FF0000;
	font-weight:normal;
}
#subnav ul li.ancestor ul li.here ul li a{
	color: #FF0000;
	font-weight:normal;
}
#subnav ul li.ancestor ul li a:hover, #subnav ul li.ancestor li a:hover{
	color: brown;
	text-decoration:underline;
	font-weight:normal;
}

#subnav ul li.ancestor ul li.here a{
	color: black;
	font-weight:bold;
}
#content p{
	margin-bottom:2px;
	margin-top:2px;
}
.promo{
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	border-top-width: 4px;
	border-top-style: double;
	border-top-color: #FFCC99;
}
.promo img{
 	padding-bottom:5px;
}
.promo img.imageleft{
	float:left;
	margin-right:15px;
}
.promo img.imageright{
	_position:relative;
	float:right;
	margin-left:15px;
}
#bodytext .promo h2{
	padding:0px;
	margin:0px;
	border-bottom:none;
}
.promo a {
	padding-left:50px;
}

.dropcap_3 {
	font-size:		3em;
	float:			left;
	border:			1px #ffffff solid;
}

.rightMedia {
	float:			right;
	width:			250px;
	padding:		5px;
	text-align:		right;
}
.rightMedia object, .rightMedia img {
	display:		block;
	margin:			5px;
}
/* Gallery */

.gallerywrapper{
	text-align:center;
}
.gallerythumbsbox{
	padding-top:1em;
	padding-bottom:1em;
}
.gallerythumbsbox .thumb{
	float:left;
	border: 2px solid brown;
	margin-left:9px;
	margin-bottom:9px;
}
.gallerywrapper .clearBoth{
	clear:both;
	font-size:1px;
}
.gallerycaption{
	padding-top:1em;
	font-size:0.9em;
}
.galleryimagemediumportrait img, .galleryimagemediumlandscape img{
	border:6px double brown;
}

/*	FORMS	*/
fieldset {
	background-color:	#330033;
	color:			#cccccc;
	border:			2px #cccccc solid;
	margin:			10px;
	padding:		15px;
}
legend {
	background-color:	#cccccc;
	color:			#000000;
	font-weight:		bold;
}
form {
	/*width:			450px;*/
}
input.textin {
	position:		absolute;
	left:			250px;
	background-color:	#cccccc;
	color:			#000000;
	font-size:		12px;
	font-weight:		bold;
	border:			3px #cccccc solid;
}
input.button {
	background-color:	#cccccc;
	color:			#000000;
	font-size:		12px;
	font-weight:		bold;
	border:			3px #cccccc solid;
}
.caption {
	font-size:		.9em;
	font-style:		italic;
	font-weight:		bold;
	text-align:		right;
}
.nav_bar{
	float:none;
	margin:0px;
	padding:0px;
	/*border:1px dashed orange;*/
}
.nav_bar input.button{
	float:none;
	margin:0px;
	padding:0px;
}
input.custom_button {
	width:150px;
	height:30px;
	margin:5px 0px 5px 0px;
	border:	none;
}


#filebrowser input {
	width:			200px;
	font-size:		.75em;
}
#filebrowser input.parent {
	background-color:	#70D45B;
}
#filebrowser input.dir {
	background-color:	#12cbbf;
}
#filebrowser input.file {
	background-color:	#c836a6;
}
/*###############################
#	INLINE EDITING STYLE	#
###############################*/
#logout {
	border: 5px solid #99CCCC;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003366;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 5px 2px;
	text-align: right;
}
.ui_control,.ui_control_narrow {
	padding:5px 0px 5px 0px;
	text-decoration: none;
	text-align:left;
	white-space: nowrap;
	display: inline;
	float:left;
}
.ui_control{
	width:48%;
}
.ui_wrapper{
	width:82%;

}
.ui_control_narrow{
	width:20%;
	text-align:center;
}
.ui_control label {
	display:block;
	white-space:normal;
	padding-bottom:5px;
	padding-left:3%;
}
.ui_control_narrow label{
	white-space:normal;
	padding-bottom:5px;
	display:block;
}
.ui_control_narrow select{
	width:90%;
}

.ui_control checkbox {

 }
.ui_control input, .ui_control select{
	width:95%;
	margin-left:3%;
}
.ui_control textarea {
	width:100px;
	height:2em;
}
textarea#structure_editorial_notes{
	width:250px;
	margin-left:3%;
	height:100px;
}
#global_toolbar {
	text-decoration: none;
	border-top: 4px solid #99CCCC;
	border-right: 4px solid #99CCCC;
	border-bottom: 4px solid #99CCCC;
	border-left: 4px solid #99CCCC;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding-bottom: 5px;
}
#subnav {
	padding:	10px;
}
#leftColumn {
	width: 175px;
	float:left;
}
#rightColumn {
	float: right;
	width: 560px;
	margin:0px;
}
/*#mainHolder {
	display: block;
	height: 100%;
	width: 100%;
	border:1px black solid;
}*/
#footer {
	background-color: #003366;
	border: 4px solid #99CCCC;
	color: #FFFFFF;
	margin:0px;
	margin-top:10px;
	padding:1px;

}
#footer p{
	margin:1px;

	padding: 0px 10px 0px 10px;
}
#footer a {
	color: #FFFFFF;
}
.editable {
	border: 3px outset #99CCCC;
	text-align:left;
	margin-right:5px;
	margin-top:2px;
	margin-bottom:10px;
}
.editable_header {
	width:185px;
	border-top: none;
	border-right: 2px solid #99CCCC;
	border-bottom: 2px solid #99CCCC;
	border-left: none;
	text-align:left;
	background-color: #003366;
	color: #FFFFFF;
	padding: 2px 10px 2px 7px;
	font-weight: bold;
}
td .editable_header {
	width:auto;
}
.editable_header_menu {

	width:80%;
	border-top: none;
	border-right: 2px solid #99CCCC;
	border-bottom: 2px solid #99CCCC;
	border-left: none;
	background-color: #003366;
	color: #FFFFFF;
	padding: 2px 10px 2px 7px;
	font-weight: bold;
}
td .editable_header_menu {
	width:auto;
}
.editable textarea {
	background-color:	#ffffff;
	color:			#000000;
	border:			2px #99cccc solid;
	margin:			10px;
	padding:		15px;
	width:			550px;
	height:			350px;
}
.editable form {
	padding:	0px;
	/*width:		100%;*/
	margin: 0px;
	vertical-align:top;
	/*text-align:	right;
	height:		3.2em;
	line-height:	3.2em;
	overflow:	auto;*/
}
.editable form input.go {
	_position:relative;
	margin: 0px 5px 5px 0px;
	float:right;
}
.editable form input.checkbox {
	width:auto;
}
.editable #subnav .nav_bar form {
	height:		auto;
}
.editable a:link, .editable a:visited {
	color:		#0066cc;
}
ul.filebrowser li {
	list-style-image:	url(customise_images/file.png);
}
ul.filebrowser li.parent {
	list-style-image:	url(customise_images/parent.png);
}
ul.filebrowser li.dir {
	list-style-image:	url(customise_images/folder.png);
}
ul.filebrowser li.gif {
	list-style-image:	url(customise_images/gif.png);
}
ul.filebrowser li.jpg {
	list-style-image:	url(customise_images/jpg.png);
}
.iconselector {
	_position:relative;
	float:right;
	padding:5px;
	height:60px;
}

.graphicbutton {
	width:			150px;
	height:			30px;
	border:			4px #99cccc solid;
	background-color:	#ffffff;
	color:			#003366;
	font-weight:		bold;
	font-size:		.8em;
	cursor:			pointer;
	margin-top:		5px;
}
#banner .graphicbutton{

}
td .graphicbutton {
	width:auto;
}
.graphicgowrapper{
	width:14%;
	float:right;
	text-align:center;
}

.graphicgo {
	width:			80px;
	height:			48px;
	border:			4px #99cccc solid;
	background-color:	#ffffff;
	color:			#003366;
	font-weight:		bold;
	font-size:		1.5em;
	cursor:			pointer;
	float:			right;
	margin:			10px;
}
.graphicgowrapper .graphicgo{
	float:none;
	margin:0px;
}
img.flag {
	margin:			5px;
}
/* _____________vocablist___________________  */
table.vocabedit, table.vocablist{
	width:100%;
}
table th {
	text-align:		left;
}
/*
table.vocabedit {
	text-align:center;
}
table.vocabedit .editable{
	margin:auto;
	width:60%;
}

table.vocabedit thead, table.vocablist thead{
	visibility:hidden;
	display:none;
}
table.vocabedit td{
	vertical-align:top;
	display:block;
}
table.vocabedit tr{
	vertical-align:top;
	display:block;
	margin-bottom:2em;

}
table.vocablist td.vocabaudio{
	width:92px;
}
.vocabedit .editable{
	width:46%;
	float:left;
	margin-right:2%;
}
.vocabedit .editable_header{
	font-size:95%;
	width:40%;
	float:left;
	margin-right:2%;
	text-align:right;
}
.vocabedit .editform{
	text-align:right;
	float:none;
}
.vocabedit .dark, .vocabedit .light{
	padding:10px;
}
*/
/* __________________________________________  */
tr.dark, .dark{
	background-color:#dedede;
}
tr.light, .light{
	background-color:#ffffff;
}