/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	text-align: center;	
	font-size: 100%;
	font-style:normal; font-variant:normal; font-weight:normal; 
	line-height:20px; font-family:sans-serif	;
	direction:ltr;
	background: #FFF url('../images/bg.jpg') repeat-x ;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	min-width:550px;    	/* Minimum width of layout*/
}

/*"hack" to make a sticky footer*/
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }


#wrap{
	margin: 0; 	
	padding: 0;
	text-align: center;	
	font-size: 1em;

}


/* links */
a { 
background: inherit;
color: #473C8B;
text-decoration: none;
}

a:hover { 
background: inherit; 
color: #006699;
text-decoration: underline;
 }
 
a.main { 
background: inherit; 
color:#0000ff; 
text-decoration: none; }

a:hover.main { 
background: inherit; 
color: #000000; 
text-decoration: underline; }

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #364A5B;	
}

h1 { font-size: 1.3em; }
h2 { font-size: 1.15em; text-decoration: underline;}
h3 { font-size: 1.1em;}
p { font-size: 0.875em; line-height:150%;}
p, h1, h2, h3 {margin: 10px 15px;}

ul, ol {
	margin: 10px 20px;
	padding: 0 5px;	
	/*color: #72A545;	*/
}
ul span, ol span {
	color: #333;
}


/* images */
img.float-right {
  margin: 0px 0px 0px 0px;  
}
img.float-left {
  margin: 0px 0px 0px 0px;
}
img.noborder{
border:none;
}


a.header img {  
  text-decoration: none;
  background: inherit;
  margin: 0px 0px 0px 0px;
  border:0;
}

a.header:hover img {  
  text-decoration: none;
  background: inherit;
  border:0;
}

a img {  
  text-decoration: none;
  background: inherit;
  margin: 0px 0px 0px 0px;
	border:0;
}

a:hover img {  
  text-decoration: none;
  background: inherit;
}

/************* header menu ********************/

ul#menu {
		float:left;
		width:100%;
		list-style:none;
		margin:0;
		padding:0;
		background: url("../images/menu-bg.gif") top repeat-x; 
		clear:both;
	overflow:hidden;

 }

ul#menu li { 
		display:inline;
		list-style:none;
		float:left;
		position:relative;
		left:8%;
}

ul#menu li a { 
		font-size: 0.85em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold;  text-decoration: none;
		display:block; float:left;
		margin:0px; 
		padding:5px 15px 0px;
		text-align:center;	text-decoration:none;
		color: #777; position:relative; line-height:200%; height:37px;
}
ul#menu li a:hover { 
color: #404040; }

ul#menu li a.resizer { 
		display:block; 
		position:absolute;
		margin-top:-14px; 
		padding:0px;
		right:-600px;
		text-decoration:none;
		color: #777; position:relative; 
		border:none;
		margin-right:3px;}

ul#menu li a.current{ 
		color: #FFF; 
		background: #e0e0e0 url("../images/current-bg.gif") top left repeat-x; 
		padding: 5px 15px 0px; 
}




/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width:100%;

}

#header {
		text-align: left;	
		clear:both;
}

.headerphoto {
	margin:0 auto; 
	width: 100%;
	height: 140px;
	background: #FFF url('../images/headerphoto.jpg') no-repeat center;
	}


#header-content {
		float:left;
		clear:both;
	overflow:hidden;


}
#font-resizer {
		float:right;
		position:relative;
		right:4%;
		margin-top:2%;
		padding:0;
	/*	clear:both;*/


}
#logo {
		float:left;
		position:relative;
		left:4%;
		margin-top:2%;
		padding:0;
}



/* sidebar */
#sidebar {
	float: left;
	width: 100%;
	margin-top: 6%; padding: 0;	
}	
#sidebar.boxes_padding {padding:0; margin-top:1em;}

#sidebar h3 {
	padding: 15px 10px 10px 0px;
	margin: 0;	
}
#sidebar p {
	padding: 0 0 0 0px;
	margin: 0;
	font: Normal 0.95em "Trebuchet MS", Tahoma, sans-serif; 
}
.sidebox {
	background: #F2F2F2;
	border: 1px solid #EFEDED;
	min-height:100%;
}





/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0;
	padding: 0;
	background: #F2F2F2;			
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	/*color: #333;*/
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #CCC;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #CCC;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	/*border-left: 5px solid  #65944A;*/
	/*color: #65944A;		*/
}




/********************* main content *************************/
	#information-bar {
		clear:both;
		background:inherit;
		padding:6px 15px !important;
		text-align:left;
	}


/* content */

.content-wrap {
	clear: both;
	float: left;
	width: 100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	min-height: 100%;
	padding-bottom: 70px;

}

.main{
		float:left;
		width:80%;
		right:10%;
		left:10%;
		position:relative;
		margin-top:4%;
		/*padding-bottom: 2%;*/
		clear:both;

}

	.homepage-background {
		background:inherit;		/* right column background colour */
}

.homepage-left-column  {
		width:40%;			/* left column content width  */ 
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
}

.homepage-right-column {
		width:50%;			/* right column content width  */
		left:10%;		/*	 margins between left and right columns */
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
}

.contact-left-column{
		width:100%;			/* left column content width  */ 
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
}

.left-column  {
		width:70%;			/* left column content width  */ 
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
}

.right-column {
		width:26%;			/* right column content width  */
		left:4%;		/*	 margins between left and right columns */
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
}

.wwo-left-column  {
		width:90%;			/* left column content width  */ 
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
		page-break-after: always

}

.wwo-right-column {
		width:8%;			/* right column content width  */
		left:2%;		/*	 margins between left and right columns */
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		/*overflow:hidden;*/
		/*page-break-after: always;*/

}

.wwo2-left-column  {
		width:71%;			/* left column content width  */ 
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
		page-break-after: always

}

.wwo2-right-column {
		width:27%;			/* right column content width  */
		left:2%;		/*	 margins between left and right columns */
		background:inherit;
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
		page-break-after: always

}

.left-column p , .center-column p {
	margin: 0px 0px 10px 5px; 
	padding-left: 0px;
}

.left-column h1, .center-column h1{
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 18px 0px;
	border-bottom: 1px solid #f2f2f2; 		
}

.left-column h3 {

font-size:1em; /*1em;*/
font-weight: normal;

}

.left-column p {
text-align:justify;
padding: 5px 25px 10px 10px; 
 /*justify*/
}

/* ------------------------------------------------------------------ */

blockquote {
	margin-bottom: 15px; 	padding: 0 0 0 0px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	font: bold 1.1em/1.2em "Trebuchet MS", Tahoma, sans-serif; 
	color: #666666;	
	MIN-HEIGHT:100%;
}
blockquote.boxes_padding {padding:0; margin-top:1em;}

blockquote p{
padding: 25px 0 0 0px;
	font: Normal 0.875em "Trebuchet MS", Tahoma, sans-serif; 

}

blockquote img.inline {
display:inline;
}
.post {
	margin-bottom: 15px; padding: 0;
	background: #FFF url('../images/gradientbg.jpg') repeat-x;
	border: 1px solid #EFEDED
}

.post p {
	margin: 10px 15px;
}
.post .post-footer {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
}

.post h3{
font-weight:bold;
}

/* footer */

.footer{
	background-color:#CDC1C5;
	color:#ADD8E6;	
	width:100%;
	clear: both;
	float:left;
	position: relative;
	z-index: 10;
	height: 55px;
	margin-top: 30px; /*make sure the #wrap padding-bottom element has the same values*/

}

.footer p{
	margin:0 auto; 
	text-align:center; line-height:110%; color:#000000; background-color:#CDC1C5; 
	padding-top: 8px;
	padding-bottom:8px;
	font:normal 0.78em "Trebuchet MS", Arial, Helvetica, sans-serif;

}

.footer a{ 
color: #104E8B; text-decoration:none;
}

.footer a:hover{ 
color: #3B3B3B;text-decoration:underline;
}

/*************** Category - boxes **************/

div.catagory{
	width: 100%;
	position: relative;
	}

#box{
	width:400px; float:left; margin:0 5px 20px 10px;
	padding-left:5px; padding-right:5px;
}

#box h3 {
	font-style:normal; font-variant:normal; font-weight:bold; 
	line-height:12px; font-size:1.1em; font-family:Georgia, Times New Roman, Times, serif; 
	padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0;
}

#box h3.indent a:hover{
	text-decoration: none; background: inherit;font-style:normal; font-variant:normal; font-weight:bold;
	line-height:12px; font-size:1em; font-family:Georgia, Times New Roman, Times, serif; padding-left:5px; padding-right:0px; padding-top:0; padding-bottom:0;
}

#box p{
	color:#4B2B3E; padding:10px 0 10px 0; line-height:150%;
	font:normal 0.9em Georgia, "Times New Roman", Times, serif;
	}

#box a.more{
	width:46px; height:11px; display:block; float:right;
	text-decoration:none; text-indent:-2000px;
	padding:0; line-height:0
}


 /*------------------------------------------------------specific definitions for side boxes--*/

.gray-box{
	background:url(../images/pink_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E;
	}

.gray-box h3 {
	color:#696969;
	}

.gray-box h3.indent a {
	text-decoration: none; color:#696969;}

.gray-box h3.indent a:hover{
	color:#696969; 
}

.gray-box a.more{
	background:#FFFFFF url('../images/pink_more_btn.gif') no-repeat 0 0; color:#000000;
}

.gray-box a.more:hover{
	background:#FFFFFF url('../images/pink_more_btn_h.gif') no-repeat 0 0; color:#000000}


.pink-box{
	background:url(../images/pink_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E;
	}

.pink-box h3{
	color:#8B5F65; 
}

.pink-box h3.indent a{
text-decoration: none; color:#8B5F65;}

.pink-box h3.indent a:hover{
color:#8B5F65;
}

.pink-box a.more{
	background:#FFFFFF url('../images/green_more_btn.gif') no-repeat 0 0; color:#000000;
}

.pink-box a.more:hover{
	background:#FFFFFF url('../images/green_more_btn_h.gif') no-repeat 0 0; color:#000000;
}


.blue-box{
	background:url(../images/pink_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E;
}

.blue-box h3{
	color:#364A5B;
}

.blue-box h3.indent a{
	color:#364A5B;text-decoration:none;background:inherit;}

.blue-box h3.indent a:hover{
	color:#364A5B;
}

.blue-box a.more{
	background:#FFFFFF url('../images/blue_more_btn.gif') no-repeat 0 0; color:#000000;
}

.blue-box a.more:hover{
	background:#FFFFFF url('../images/blue_more_btn_h.gif') no-repeat 0 0; color:#000000
}



/*--------------------------------------------------------------------- Gallery --------------------------------------------------------------*/


.gallery {
	list-style: none;
	margin:0;
	margin-top: 30px;
	padding: 0;

}
.gallery li {
	margin: 10px;
	padding: 15px 10px 45px 10px;
	/*float: left;*/
	align:center;
	position: relative;
	/*width: 212px;*/
	/*height: 220px;*/
}

.gallery a {
	text-decoration: none;
	color: #999;
}
.gallery a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery img {
	border: none;
	padding: 14px 0px 12px 13px;
}
.gallery em {
	width: 205px;
	height: 195px;
	display: block;
	position: absolute;
	background: url(../images/watercolor-mask.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
}

.gallery em.vertical {
	width: 170px;
	height: 255px;
	display: block;
	position: absolute;
	align:center;
	background: url(../images/watercolor-mask2.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-left: 2%;
}

.gallery .wwo {

	valign:top;
	display: block;
	position: absolute;
	left: 2px;
	background: url(../images/watercolor-mask2.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 0px;
}
	.gallery em { behavior: url(scripts/iepngfix.htc);}

.gallery em.stamp {

	display: block;
	position: absolute;
	padding: 6px 7px 7px;
	background: url(../images/stamp-pattern-vertical.png) no-repeat;
}

.gallery img.wwo {border: none;padding: 6px 7px 7px;background: url(../images/stamp-bg-vertical.gif) no-repeat;}



.photo {
	margin: 0px;
	position: relative;
	width: 80px;
	height: 40px;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 0px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	background: url(images/digg-style.gif) no-repeat;
}
.photo a {
	text-decoration: none;
}

.align-left {float: left;}
.align-right {right:0px;}

.spacer {height:40px;margin:10px;}