/* Style Sheet for the Jeff Lang website

Style sheet written by;

Gary T Minato
http://www.universalworkshop.com.au/
Email: gminato@mac.com

*/

/***** body - the background of the whole page *****/

body {
margin:0 0 0 0;
padding:0;
font:80% verdana,tahoma,sans-serif;
color:#60746E;
background-color:#91a89e;
}

/* Link colours */

body a{
	color:#60746E;
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
	color: #7E988C;
}
a:hover {
	color: #de5226;
}


/***** #container - holds the content of each page *****/

#container {
	background:#ffffff;
	color:#333333;
	width:840px;
	box-shadow: 0 0 12px #666666;
	-moz-box-shadow: 0 0 12px #666666;
	-webkit-box-shadow: 0 0 12px #666666;
	margin-top: 14px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

/***** the header *****/

#header {
margin:5px 0 0;
padding:0;
height:45px;
}

#header h1 {
	color:#60746E;
	width:350px;
	font-size: 220%;
	text-shadow:#cccccc 3px 2px 2px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-left: 10px;
}

#header h1 a {
color:#60746E;
text-decoration:none;
}

#header p {
width:400px;
float:right;
text-align:center;
margin:8px 0 0;
font-weight:bold;
line-height:1.3em
}

#site_banner {
margin:0 0 1px;
border:0;
}

#pagetitle {
	font-size:80%;
	font-weight:bold;
	color:#dee5e3;
	float:right;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/***** left side navigation container *****/

#leftnavcontainer {
	clear:left;
	float:left;
	width:150px;
	margin:0 0 0px;
	padding:0;
}

#leftnavcontainer a:hover {
	color: #de5226;
}

#leftnavcontainer h2 {
color:#60746E;
font-size:150%;
margin:0 0 3px;
padding:0;
text-shadow:#cccccc 3px 2px 2px;
}


#leftnavcontainer h3 {
color:#60746E;
font-size:120%;
margin:0 0 3px;
padding:0;
text-shadow:#cccccc 3px 2px 2px;
}


#leftnavcontainer h4 {
color:#60746E;
font-size:110%;
margin:0 0 3px;
padding:0;
text-shadow:#cccccc 3px 2px 2px;
}

/***** left navigation *****/

#leftnav {
width:150px;
margin:0 0 0 0;
padding:0;
font-size:100%;
}

#leftnav ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}	

#leftnav li{
margin-bottom:4px;
}

/*
l-h-s navigation
*/
#leftnav li a{
font-weight:bold;
height:18px;
text-decoration:none;
color:#60746E;
display:block;
padding:4px 0 0 6px;
background:#dee5e3;
border-left:4px solid #60746E;
	box-shadow: 0 0 4px #666666;
	-moz-box-shadow: 0 0 4px #666666;
	-webkit-box-shadow: 0 0 4px #666666;

}	
	
#leftnav li a:hover{
background:#60746E;
color:#dee5e3;
border-left:4px solid #de5226;
box-shadow: 0 0 4px #de5226;
	-moz-box-shadow: 0 0 4px #de5226;
	-webkit-box-shadow: 0 0 4px #de5226;
}

#leftnavsmall {
font-size:9px;
color:#4E5F5B;
margin-top:4px;
}


/***** site updates *****/

.updates {
	margin:0 0 10px 0;
	padding:10px;
	width:140px;
	color:#60746E;
	line-height:100%;
	padding:6px 0 0 6px;
	/* border-bottom-style: solid; */
	border-left-style: solid;
	/* border-bottom-color: #60746E; */
	border-left-color: #60746E;
}

.updates a{
	color:#60746E;
	text-decoration: underline;
}





/***** right info column *****/





#right_info_col {
	width:200px;
	float:right;
	height:auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#right_info_col p, #right_info_col ul {
margin:0 0 16px;
padding:0;
}

#right_info_col p {
	font-size:100%;
	line-height:130%;
	color: #60746E;
	margin-top: 4px;
}

#right_info_col h2, #right_info_col h3, #right_info_col h4{
	color:#DCE7E4;
	background-color:#60746E;
	font-size:120%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	text-indent: 4px;
	padding: 4px;
	line-height: 130%;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#right_info_col h4{
	color:#DCE7E4;
	background-color:#91A89E;
	font-size:110%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	text-indent: 4px;
	padding: 4px;
	line-height: 120%;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#right_info_col a{
	color:#60746E;
	text-decoration: underline;
}

#right_info_col a:hover {
	color: #de5226;
}

#right_info_col li{
	color:#60746E;
	margin-left: 16px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #6d5736;
	list-style-type: none;
	line-height: 100%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	text-decoration: none;
}

/***** content3col *****/

#content3col {
	line-height:120%;
	margin-top: 0;
	margin-right: 205px;
	margin-bottom: 5px;
	margin-left: 155px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #60746E;
	border-right-color: #60746E;
}

#content3col a{
	color:#60746E;
	text-decoration: underline;
}

#content3col a:hover {
	color: #de5226;
}

#content3col p {
	font-size:100%;
	line-height:120%;
	color:#4E5F5B;
}

.content3col_blockquote {
	margin-left: 20px;
	line-height: 21px;
}

/*
 #content3col blockquote {
	line-height: 28px;
} */

#content3col ul {
	font-size:100%;
	line-height:150%;
	color:#6d5736;
	list-style-type: none;
	padding-left: 24px;
	padding-top: 0px;
}


#content3col h2 {
	font-size:140%;
	color:#6d5736;
	background-color: #CDCBB7;
	font-weight:bold;
	text-shadow:#cccccc 3px 2px 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 28px;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
}


#content3col h3 {
	font-size:100%;
	color:#60746E;
	font-weight:bold;
	text-shadow:#cccccc 2px 2px 2px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


/***** content2col *****/

#content2col {
	line-height:120%;
	margin-top: 0;
	/* margin-right: 10px; */
	margin-bottom: 5px;
	margin-left: 155px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #60746E;
}

#content2col p {
font-size:100%;
line-height:120%;
color:#60746E;
}


#content2col h3 {
font-size:140%;
color:#60746E;
font-weight:bold;
text-shadow:#cccccc 3px 2px 2px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

#content2col ul{
	font:100% verdana,tahoma,sans-serif;
	color:#554204;
	list-style-image: none;
	list-style-type: disc;
}	

/***** bottom navigation *****/

#nav_bottom {
	color:#333333;
	background-color:#f4f4f4;
	text-align: center;
	clear:both;
	padding: 1px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

#nav_bottom li {
	display:inline;
	
}

#nav_bottom a{
	color:#60746E;
	text-decoration:none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #60746E;
	padding-right: 8px;
	padding-left: 8px;
}

/***** footer *****/

#footer {
	color:#60746E;
	background-color: #ffffff;
	text-align: center;
	margin: 0px;
	clear:left;
	clear:both;
	padding: 1px;
	font-size: 80%;
	text-align:center
}

#footer li {
	display:inline;
	
}

#footer a{
	color:#60746E;
	text-decoration:none;
}

#footer a:hover {
	text-decoration: line-through;
}

/***** google searchbox *****/

.searchbox {
	font-weight: bold;
	background-color: #dee5e3;
	color: #554204;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #60746E;
	border-right-color: #60746E;
	border-bottom-color: #60746E;
	border-left-color: #60746E;
	padding-left: 3px;
	font-size: 80%;
	margin-top: 3px;
	box-shadow: 0 0 5px #666666;
	-moz-box-shadow: 0 0 5px #666666;
	-webkit-box-shadow: 0 0 5px #666666;

}

/***** miscellaneous styles *****/

.pageupdated {
font-size:60%;
color:#60746E;
font-weight:bold;
}


/***** a comment *****/


/***** a comment *****/
.asterisk {
	color: #990000;
	font-size: 100%;
	font-weight: bold;
}

img {
     border-width: 0;
}

.list {
	line-height: 24px;
	font-size:100%;
	color:#60746E;
}

.italicstyle {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:14px;
	line-height:18px;
}