/*********************************************

  CSS styles (screen) for Vassy website (layout)
  
  (c) 2005 RSZdesign
  File created and modified by RSZdesign

 ********************************************/

a:link, a:active, a:visited
          { text-decoration: underline; background: transparent; color: #B9AA37; font-weight: bold; }
a:hover   { text-decoration: underline; background: transparent; color: #F2E05A; font-weight: bold; }

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-size: 75%;
}

body, input, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {  }
h1 {  }
h2 {  }
h3 { font-size: 130%; font-weight: bolder; letter-spacing: 0; }
h4 { font-size: 120%; font-weight: bolder; margin: 1.5em 0 0.5em 0; }

p  { margin: 0; margin-bottom: 1.5em; }

form { margin: 0; }

label { cursor: pointer; cursor: hand; }

textarea { font-size: 110%; }

table, input { font-size: 100%; }

th { text-align: left; cursor: default; }

img, a img { border: none; }

acronym, abbr, .help { border-bottom: 1px dashed #00CC00; }
@media screen {
    acronym, abbr, .help { cursor: help; }
}


/*** text formatting styles ***/

.tinytext   { font-size: 85%;  }
.smalltext  { font-size: 90%;  }
.normaltext { font-size: 100%; }
.bigtext    { font-size: 120%; }
.hugetext   { font-size: 150%; }
.errortext  { font-weight: bold; background-color: transparent; color: #cc0000; }
.default    { background-color: #ffffff; color: #999999; } /* form fields default value text color */

.clear, .spacer { clear: both; height: 1px; white-space: nowrap; overflow: hidden; }
.hidden         { display: none; }

#messages {
    margin: 0 0 1em 0;
}

div.message {
    margin: 0 0 0.5em 0;
    padding: 6px;
    font-size: 90%;
    background-color: #736A1F;
    color: #E1D890;
    /* border-bottom: solid 1px #597C8A; */
}

div.error { padding: 3px 8px; background-color: #efefef; color: #cc0000; font-weight: bold; }

.button, .icon {
	vertical-align: middle;
}

@media screen {
	.button {
		cursor: pointer;
		cursor: hand;
	}
}



/*** EXTRA styles ***/



/*** LAYOUT styles ***/

body {
    text-align: center;
    background: #73741E url("../images/body_bg.jpg") repeat-x left top;
    color: #FFEBDD;
}

html, body {
    height: 100%;
    min-height: 100%;
}

#container {
    width: 750px;
    _height: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: 0;
    background: transparent url("../images/panels_bg.jpg") repeat-y left top;
    color: #FFEBDD;
    text-align: left;
}

#header { height: 265px; margin: 0; padding: 0; 
          background: #735B1E url("../images/top_bg.jpg") no-repeat left top; color: #333333; }
h1#logo { margin: 0; padding: 0; text-align: center; }

h1#logo.intro { display: none; }

#skipnav { text-align: right; display: none; visibility: hidden; }
.navhelp { display: none; visibility: hidden; }

#page {
	position: relative;
    min-height: 200px;
    _height: 200px;
    overflow-x: hidden;
    padding: 0;
}

#navigation, #quick-content, #content {
    float: left;
}

#navigation {
	width: 233px;
    overflow-x: hidden;
}



/* Menu styles */

#menu                 { margin: 0; padding: 20px; padding-left: 5px; }
#menu ul              { margin: 0; padding: 0; list-style-type: none; }
#menu ul li.first     {  }
#menu ul li           { margin: 0 0 18px 0; padding: 0; font-size: 130%;
						background-color: transparent; color: #FBDDC8; font-weight: bold; }
#menu ul li.current   {  }
#menu ul li.last      {  }
#menu ul li:hover, #menu ul li.hover
                      {  }
#menu a               { /* display: block; _width: 70%; padding: 0; */
						background-color: transparent; color: #FBDDC8;
                        text-decoration: none; }
#menu a:hover         { background-color: transparent; color: #FCE7D8; }
#menu li.current a    { font-weight: bold; }

#menu li .description { font-size: 90%; }
#menu li .description ul
					  { list-style-type: disc; padding-left: 18px; }
#menu li .description ul li
					  { margin-bottom: 0.1em; font-weight: normal; }

/* Sub-items */

#menu li ul			  { list-style-type: square; margin-top: 4px; padding-left: 20px; }
#menu li ul li		  { margin: 0; font-size: 80%; 
						background-color: transparent; color: #FFEBF5; }
#menu li ul li		  { margin: 0; font-size: 80%; 
						background-color: transparent; color: #FFEBF5; }

#menu li ul a:link, #menu li ul a:active, #menu li ul a:visited
					  { font-style: italic; }
#menu li ul a:hover   { font-style: italic; }


/* Content styles */

#intro {
	text-align: center;
}

#quick-content {
	width: 235px;
	padding: 0 16px 20px 16px;
    background-color: #736A1E;
    color: #FFEBDD;
	overflow-x: hidden;
}

/*
#quick-content.linked {
	background-image: url("../images/quickcontent_bg.gif");
	background-repeat: no-repeat;
	background-position: 0px 17px;
}
*/

a.button:link, a.button:visited, a.button:hover, a.button:active {
	height: 17px;
	padding: 0 0 1px 7px;
	background: #B9AA37 url("../images/button_bg_left.gif") no-repeat left center!important;
	color: #FFEBF5;
	line-height: 17px;
	font-size: 95%;
	text-decoration: none!important;
}

a.button em {
	height: 17px;
	padding: 0 7px 1px 0;
	background: transparent url("../images/button_bg_right.gif") no-repeat right center;
	color: #FFEBF5;
}

#quick-content .button {
	
}

#quick-content-title {
	width: auto;
	min-height: 34px;
	_height: 34px;
	margin: 1em 0 0 0;
	padding: 8px 0 0 25px;
	background: transparent url("../images/quickcontent_header_bg.gif") no-repeat left top;
	color: #597C8A;
	font-size: 130%;
	font-weight: bolder;
	letter-spacing: 0em;
	vertical-align: middle;
}

#quick-content-title.empty {
	background-image: none;
}


/* Pages overview styles */
#pages {
	margin: 1em 0;
}

#pages .pagesummary {
	margin: 0 0 2em 0;
	padding: 0 0 1em 0;
	border-bottom: solid 1px #8D8325;
}

#pages .pagesummary.current {
	/*
	margin-right: -20px;
	padding: 0.8em;
    background-color: #73741E;
    color: #FFEBDD;
    */
}

#pages .pagesummary dt {
	margin: 0.2em 0;
	padding: 0.2em 0;
}

#pages .pagesummary dt a:link, #pages .pagesummary dt a:visited, 
#pages .pagesummary dt a:active {
    background-color: transparent;
    color: #FFEBDD;
    text-decoration: none;
}

#pages .pagesummary dt a:hover {
    background-color: transparent;
    color: #FFFFFF;
    text-decoration: none;
}

#pages .pagesummary.current dt {
    background-color: #E1D890;
    color: #3F3210;
    font-weight: bold;
}

#pages .pagesummary.current dt a:link, #pages .pagesummary.current dt a:visited, 
#pages .pagesummary.current dt a:active {
    background-color: transparent;
    color: #3F3210;
}

#pages .pagesummary dt.pagetitle {
	/* display: none; */
	margin: 0 0 0.5em 0;
	padding: 0.2em 0.5em;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-align: left;
}

#pages .pagesummary dt.thumbnail {
	background-color: transparent;
    color: #FFEBDD;
	text-align: center;
}

#pages .pagesummary.current dt.thumbnail img {
	border: solid 1px #491515;
}

#pages .pagesummary dd {
	margin: 0;
	padding: 0 0 0 0.8em;
	font-size: 100%;
	/*
	border-bottom: dotted 1px #735B1E;
	*/
}

#pages .pagesummary dd .moreinfo {
	margin: 1em 0 0 0;
	text-align: right;
}

#pages .pagesummary ul {
	margin: 0 0 1em 1em;
	padding: 0;
	/* font-size: 110%; */
	line-height: 175%;
}

#pages .pagesummary ul.pageheaders {

}


#content {
	position: relative;
	width: 222px;
	padding: 20px 0 20px 20px;
	font-size: 110%;
	overflow-x: hidden;
}

/*
#content.linked {
	background-image: url("../images/page_bg.gif");
	background-repeat: no-repeat;
	background-position: 3px 17px;
}
*/


#content a.button {
	font-size: 85%;
}

#navigation h3, #quick-content h3, #content h3 {
	background-color: transparent;
	color: #FBDDC8;
}


#news {
	
}


#languages {
	padding: 4px 6px;
	border-top: solid 1px #FFFFFF;
	background-color: #EAEAEA;
	color: #333333;
	font-size: 90%;
	text-align: right;
	display: none;
	visibility: hidden;
}
#languages #current-language { float: left; font-weight: bold; cursor: default; }
#languages p                 { margin: 0; }
#languages .separator        { background: transparent; color: #CCCCCC; }
#languages .icon             { vertical-align: middle; border: solid 1px #666666;
                               border-top: none; border-left: none; }


#footer                       { clear: both; margin: 0 0 2em 0; padding: 0; border-top: solid 2px #73741E; }
#footer #copyright            { margin: 0; padding: 4px; text-align: center; }
#footer #copyright p          { margin: 0; }
#footer #copyright img        { vertical-align: middle; }
#footer #logo-rszdesign       {  }


#stats            { margin-top: 0.5em; padding: 4px; background: transparent; color: #CCCCCC;
                    font-size: 90%; text-align: center; clear: both; }
#stats p          { margin: 0; }
#stats strong     { background: transparent; color: #FBDDC8; }
#stats .separator { background: transparent; color: #999999; font-weight: bold; }

/*
#stats { display: none; }
*/