/* GENERAL STYLES */
/* GENERAL STYLES */
.body {
	/* used as class instead of tag because of backend rendering */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
	margin: 0px;

	background-color: #f2efda;
	text-align: center;	/* just for IE to center tables */
}

#mainContainer {
	width: 780px;
	margin-top: 10px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	background-color: #f8ffe6; 
	border-top: 1px solid #b7a92f;
	border-left: 1px solid #b7a92f;
	border-right: 2px solid #877d4b;
	border-bottom: 2px solid #877d4b;
}
#naviContainer {
	width: 160px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#centerColLeft {
	background-color: #877d4b; 
	width: 2px;
}
#centerColRight {
	background-color: #b7a92f; 
	width: 3px;
}
#contentContainer {
	width: 615px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#headerTable {
	background-color: #b7a92f;
}
#headerTitle {
	text-align: center; 
	height: 30px;
	vertical-align: baseline; 
	border-top: 1px solid #e8ffa9; 
	border-bottom: 1px solid #e8ffa9;
}
#headerPictures {
	background-color: #000000; 
}
.headerPicture {
	height: 50px;
}
#headerPicturesTop {
	background: url(/media/design/filmstrip_top.gif); 
	height: 11px 
}
#headerPicturesBottom {
	background: url(/media/design/filmstrip_bottom.gif); 
	height: 11px 
}
.headerPicturesSpacer{
	width: 10px;
	height: 1px;
}
#naviContainer .box {
	border: 1px dotted #b7a92f;
	padding-top: 5px;
	padding-bottom: 10px;
}
#naviContainer .innerBox {
	width: 98%;
}
.naviItem {
	font-size: 12px;
	/*height: 22px;*/
	margin-top: 6px;
}
.subNaviItem {
	font-size: 11px;
	/*height: 16px;*/
	margin-top: 1px;
}
.naviItem .naviPrefix {
	background: url(images/empty.gif); 
	width: 12px;
	padding-left: 8px;
}
.subNaviItem .naviPrefix {
	background: url(images/empty.gif); 
	width: 12px;
	padding-left: 0px;
}
#contentContainer .box {
	font-size: 12px;
	text-align: left; 
	background: url(/media/design/escudo_back.gif) repeat-y; /*  no-repeat */
	background-position: top;
	height: 300px;
	/*background-position-x: center;
	background-position-y: top;*/
}
#contentContainer p {
	padding-top: 0px;
	margin-top: 2px;
}

.small {
	font-size: 10px;
}
.main, span {
	font-size: 12px;
}

/*
div {
	padding-top: 0px;
	margin-top: 0px;
}
*/

a:link {
	color: #877d4b;
	text-decoration: underline;
}
a:visited {
	color: #877d4b;
	text-decoration: underline;
}
a:active {
	color: #877d4b;
	text-decoration: underline;
}
a:hover {
	color: #b7a92f;
	text-decoration: underline;
}

.invers {
	color: #f8ffe6;
	font-size: 12px;
}
.invers a:link {
	color: #f8ffe6;
	text-decoration: none;
}
.invers a:visited {
	color: #f8ffe6;
	text-decoration: none;
}
.invers a:active {
	color: #f8ffe6;
	text-decoration: none;
}
.invers a:hover {
	color: #dbd288;
	text-decoration: none;
}

#footerBar {
	height: 14px;
	background-color: #877d4b;
	font-size: 10px; 
	font-weight: bold;
}

.footer {
	font-size: 9px;
	height: 25px;
	color: #7c7c7c;
}
.footer a:link {
	color: #7c7c7c;
	text-decoration: none;
}
.footer a:visited {
	color: #7c7c7c;
	text-decoration: none;
}
.footer a:active {
	color: #7c7c7c;
	text-decoration: none;
}
.footer a:hover {
	color: #b7a92f;
	text-decoration: none;
}

.navi {

}
.navi:link  {
	color: #877d4b;
	text-decoration: none;
	font-weight : bold;
}
.navi:visited  {
	color: #877d4b;
	text-decoration: none;
	font-weight : bold;
}
.navi:active  {
	color: #877d4b;
	text-decoration: none;
	font-weight : bold;
}
.navi:hover  {
	color : #b7a92f;
	text-decoration : none;
	font-weight : bold;
}

.navi_on {
	/*font-size: 11px;*/
}
.navi_on:link  {
	color: #b7a92f;
	text-decoration: none;
	font-weight : bold;
}
.navi_on:visited  {
	color: #b7a92f;
	text-decoration: none;
	font-weight : bold;
}
.navi_on:active  {
	color: #b7a92f;
	text-decoration: none;
	font-weight : bold;
}
.navi_on:hover  {
	color : #b7a92f;
	text-decoration : none;
	font-weight : bold;
}

.breadcrums {
	color: #877d4b;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 5px;
}

.breadcrums:link{
	font-weight: normal;
}

.breadcrums:active{
	font-weight: normal;
}

.breadcrums:visited{
	font-weight: normal;
}

.breadcrums:hover {
	font-weight: normal;
	color : #b7a92f;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
	/*
	font-size: 11px;
	height: 22px;
	line-height: 16px;
	*/
}

textarea {
	/* this is for Mozilla, because doesn't understand... */
	font-size: 12px;
}

.button, .umbracoAutoFormButton {
	color: #877d4b;
	font-weight: bold;
	font-size: 11px;
	height: auto;
	border: 1px solid;
	border-top-color: #b7a92f;
	border-left-color: #b7a92f;
	background-color: #dadaf2;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#fff8ffe6',EndColorStr='#ffdadaf2');
}


/* EDITOR PROPERTIES */
h1 {
font-size: 18px;
color: #b7a92f;
margin-bottom: 5px;

}

.imgWithinText {
margin: 5px 5px;
border: 1px solid gray;
padding: 1px;

}

h2 {
font-size: 14px;
color: #b7a92f;
margin-bottom: 2px;

}