/* MAIN STYLESHEET declarations in following order : 
container, headings, hyperlinks, header, main menu, content, sidebar, footer, forms, images, blockquote, bullet, article footer....*/
*{margin: 0; padding: 0;}
body {
text-align: center;
background:#000 url(../images/Background-body.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-position: 0px 0px;
font: 90%/1.5 Arial, Helvetica, Tahoma, sans-serif;
color:#7C624F;
}

/* ....................................................................................HEADINGS  ...*/

h1, h2, h3{font-family: Georgia, Times, serif; font-weight:normal; line-height:1.0; color: #776622;}
h1 {font-size: 1.5em; margin-bottom:5px;}
h2 {font-size:1.3em;}
h3 {font-size:0.9em;}
h2, h3{margin-bottom:10px;}

/* ....................................................................................DEFAULT LINKS  ...*/

a {font-weight:bold; text-align:center; color: #336633; text-decoration:none;}
a:visited{color: #BF973B;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline; color:#BF973B; outline:none;}
a:focus {outline-style: none;}
a img{ border:none;}

/* ....................................................................................PAGE WRAPPER ...*/
#container {margin: 0 auto; width:970px; text-align:left; padding:15px; background: #fff; }

/* ....................................................................................HEADER DIVISION ... */
#header {	
  height:120px; border: #fff 3px solid; padding-left:50px;
  background: #fff url("../images/Background-header.png") top center no-repeat;
}

#header h1{
font-size: 3.5em;
color:#fff;
margin-top:15px;
font-family: Georgia, Times, serif;
}
#header h2{
font-size: 1.7em;
color:#999;
}
/* .................................................................................... MAIN MENU ... */

a.nav, a.nav:link, a.nav:visited {
  display:block; width:116px; height:28px; background:#fff url(../images/Button-search.gif) no-repeat left bottom;
  margin-top:4px; margin-left:5px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; 
  font-size:1em; color:#fff; line-height:25px; overflow:hidden; float:left;}

a.nav:hover {background-color: #fff; background-position: right bottom; color: #fff;}
a.nav:active {color: #c79c1d;}

/* ................................................................................... MAIN CONTENT DIVISION ... */

#maincontent {	
width: 674px; min-height:600px; float: left; padding: 20px;  margin-top:15px; margin-bottom:10px; margin-left:193px;display:inline;   
}

#home #maincontent{
width: 465px;
margin-left:160px;
}

#home #sidebar{
margin-left:-658px;
width:110px;
}

#secondarycontent{
float:right;
display:inline;
width:270px;
margin-top:68px;
margin-right:10px
}

#about a#aboutlink, #home a#homelink, #journal a#journallink, #journalindex a#journallink, #gallery a#gallerylink, #contact a#contactlink{
background-color: #fff; background-position: right bottom; color: #FFFF99;
}

#nav{
margin: 0 auto; width:970px; text-align:left; background: #fff; 
}

#maincontent ul li {
list-style:none;
background:url(../images/default-bullet.gif) no-repeat 0 50%;
padding-left:30px;
margin-left:15px;	
}

.top{
  display: block;
  width: 28px;
  height: 28px;
  color: #fff;
  text-decoration: none;
  clear:both;
  padding:0px;
}

.centered{
text-align:center;
margin-left: auto;
margin-right: auto;
}

.right{
text-align:right;
}

.top{
  background: #94B8E9 url(../images/prev-vertical.gif) no-repeat 0 0;
  margin-left:620px;
  }
  
.top:hover {
    background-position: 0 -28px;
} 
/* HOOKS FOR TARGETING MAIN PAGE CONTENT AREAS IN UNIQUE CASES .. */



/* ................................................................................. IMAGES ... */
.picleft{
float:left;
padding:2px;	
margin:5px 15px 10px 0px;
}
.picright{
float:right;
padding:2px;	
margin:5px 15px 15px 0px;

}
.piccenter{
padding:2px;	
display: block;
margin-left: auto;
margin-right: auto;
margin-top:15px;
margin-bottom:15px;
}

/* ................................................................................... BLOCKQUOTES ... */
.quote {
	margin: 1em 3em; padding: .5em 1em; border-left: 3px solid #BF973B; background-color: #ffffff; }
	
.quote p {margin: 0; }

/*  ...................................................................................BULLETS ... */
.bullet-chequered{
 padding-left:20px;
background: url(../images/Bullet-sidebar.gif) no-repeat 0 50%;
}

/* ................................................................................... SIDEBAR ... */
#sidebar {
	background:#ffffff;
	width: 130px; 
	margin: 10px 0px 20px -900px;
	padding:20px;
	float: left;
	font-family:helvetica, verdana, "trebuchet MS", sans-serif;
	display:inline;
} 

#sidebar h2{
	text-align:left;
}
#sidebar h3{
	text-align:center;
	font-size: 1.0em;
	font-weight:bold;	
}
#sidebar ul{
margin:0;
padding:0;
list-style-type:none;
} 

.boxSidebar{
width:100%;
padding:3px 10px 16px 0px;
float:left;
}
.wideBox{
 display:block;
}
/* .................................................................................. FOOTER DIVISION ... */
#footer {		
background: #000000 url("../images/Background-footer.jpg") top center no-repeat;
border: #333 3px solid;
height: 180px;
padding: 10px 0px 10px 0px; 	
text-align: center;
font-size: 120%;
clear: both;
font-family:times;
}
#footer ul{
text-align:center;
list-style-type:none;
background:#222;
width:500px;
margin: 0 auto;
padding-bottom: 0.2em;
margin-top:30px;
margin-bottom:60px;
} 
#footer ul li{
display:inline;

}
#footer ul a:link{
color:#fff;
padding: 2em 1em 1em 1em;
font-size:100%;
}
#footer ul a:visited{
font-size:100%;
padding: 0.5em 1em 0.5em 1em; 
}
#footer ul a:hover{
background:#004b18;
color:#ffffff;
}

.footerbadges{
text-align:center;
font-size: 0.8em;
display:inline;
padding:5px;
color:#762;
}
.footerbadges a{
font-size:0.8em;
color:#762;
}

/* .................................................................................. FORMS ... */
fieldset {
border:0px;
margin-bottom:3px;
}
/*Name and Email inputs ..*/
.inputbox { 
width: 49em;
overflow: hidden;
color: #015322;
width:656px; 
background-color: #ffffff;
font: 80% verdana; 
}
/*Message body text ..*/
.textinput {
color: #015322;
background-color: #CCCC99;
overflow: auto;
width:656px; 
margin-bottom:3px;
margin-top:2px;
font: 90% verdana; 
font-weight:bold;
padding:2px;
}

label {
display:block;
font: 90% verdana;
color: #015322;
}

.send{
  display: block;
  width: 116px;
  height: 28px;
  background:url(../images/Button-search.gif) no-repeat 0 0%;
  color:#fff;
  text-align:center;    
  border:none;
  font-family:verdana, arial, sans-serif;
  font-size:14px; 
  font-weight:bold;
  vertical-align:middle;
  padding-bottom:2px;
}
.send:hover{ 
  background-position: -116px 0px;
  cursor: pointer; 
   
}

/*................................................................................. Search Form ...*/
#searchform {
   display:block;
	width: 320px;
	height: 30px;
	float:right;
	padding-top:4px;
	margin-right:15px;
	font-family:Arial, Helvetica, sans-serif;
}
#searchform input {
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../images/bg-search.gif) no-repeat scroll 0 0;
	border:none;
	font-size:1.0em;
	color:#015322;
	font-weight:bold;
	padding:6px 8px 8px 10px;
	width:184px;
	float:left;
}
#searchform input:focus, #searchform input:hover, #searchform button:focus, #searchform button:hover {
	background:transparent url(../images/bg-search.gif) no-repeat scroll -318px 0;
}
#searchform button {
   font-family:verdana, arial, sans-serif; 
	background:transparent url(../images/bg-search.gif) no-repeat scroll -203px 0px;
	border:none;
	font-size:1em;
	color:#fff;
	font-weight: bold;
	height:28px;
	width:115px;
	padding-bottom:4px;
	float:left;
	margin-left:2px;
}
#searchform button:focus, #searchform button:hover {
	background:transparent url(../images/bg-search.gif) no-repeat scroll -521px 0px;
	color:#fff;
}

/*................................................................................. Accesibility ...*/
.noshow{
display:none;
}