/* yorlink default.css
by iris manhold
last modified 100909 */

/* html elements */

body  {
	font-size : 100%;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #333;
	background : #fff;
/*	background : #fff url(../images/snowflake-bkgr.gif);*/
	width : 100%;
	margin : 0;
	padding : 0;
	}

a:link  {color : #20624f; background: transparent;}
a:visited {color : #20624f; background: transparent;}
a:active {color : #20624f; background: transparent;}

abbr {border-bottom : none;}

acronym {
	border-bottom : 1px dashed #aaa;
	cursor : help;
	}

blockquote, caption, cite, q  {font-style : italic;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

blockquote {
	margin : 1.5em 50px;
	padding : 5px 5px 5px 35px;
	background : url(../images/quotation.gif) no-repeat;
	}

dl {
	padding : 0;
	margin : 2em 1em;
	}

dt {
	border-bottom : 1px solid #20624f;
	padding : 2px 5px;
	margin-top : 1em;
	}

dd {
	margin-top : .6em;
	padding : 0 0 0 40px;
	background : url(../images/bkgrarrowright.gif) 0 50% no-repeat;
	}

#faq dd {
	margin-top : .6em;
	padding : 0 0 0 15px;
	background : none;
	}

h1 {
	font : bold 130% Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	}

h2 {
	font : bold 120% Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	margin-top : 2em;
	}

h3 {
	font : bold 110% Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	margin-top : 2em;
	margin-left : 1em;
	}

h4 {
	font : bold 100% Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	margin-top : 2em;
	margin-left : 1.5em;
	}

ol li, ul li {margin-left : 1.5em;}

ol li, ul li {padding-top : 0.5em;}

p {
	line-height: 1.5;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left : 1.5em;
  }

/* container */

#container {
	max-width : 800px;
	_width : 800px; /* ie hack*/
	margin : 0 auto;
    padding : 0;
	border-left : solid 1px #20624f;
	border-right : solid 1px #20624f;
	}

/* header */

#header {
	width : 100%;
	margin : 0;
	padding : 0;
	text-align : left;
	background : #f6faf9 url(../images/local_scenery.jpg) right 0px no-repeat;
	_background : #f6faf9 url(../images/local_scenery.jpg) right 1px no-repeat; /* ie hack*/
	border-top : solid 2px #20624f;
	border-bottom : solid 2px #20624f;
	}

/* wrapper */

#wrapper {
	clear : both;
	width : 100%;
	margin : 0;
	padding : 0;
	background : #fff;
	}

/* navigation */

#menu {
	font-size : 95%;
	float : left;
	width : 180px;
	margin : 30px 0;
	_margin : 50px 0; /* ie hack*/
	padding : 0 20px 0 0;
	}

#navigation {
	text-align : center;
	margin : 0;
	padding : 0;
	}

#navigation ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
	}

#navigation li {
	text-align : left;
	margin : 0;
	padding : 10px 0;
	}

#navigation li a {
	display : block;
	font : bold 100% Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	margin : 0;
	padding : 0 0 0 50px;
	}

#navigation li a:link  {
	color : #20624f;
	background : url(../images/ballright.gif) 0 50% no-repeat;
	}
#navigation li a:visited {
	color : #20624f;
	background : url(../images/ballright.gif) 0 50% no-repeat;
	}
#navigation  li a:hover {
	color : #33a083;
	background : url(../images/ballright1.gif) 0 50% no-repeat;
	}
#navigation li a:active {
	color : #20624f;
	background : url(../images/ballright.gif) 0 50% no-repeat;
	}

#logos img {
	margin-top : 20px;
	text-align : center;
	}

/* main */

#main {
	max-width : 600px;
	font-size : 90%;
	text-align : left;
	margin : 0 40px 0 200px;
	padding : 20px 0 0 0;
	text-align : left;
	}

#content {
	margin : 10px 0 0 0;
	padding : 15px 30px;
	}

/* footer */

#footer {
	clear : both;
	width : 100%;
    padding : 0;
	margin : 0;
	}

#footercontent {
    padding : 10px;
	margin : 40px 0 0 0;
	font : normal .8em Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	background : #f6faf9;
	color : #000;
	border-top : solid 2px #20624f;
	border-bottom : solid 2px #20624f;
	}

/* images */

#main img {padding : 4px;}

img.right {float : right;}

img.left {float : left;}

img.center {text-align : center;}

img.frame {
	margin : 10px;
	padding : 5px;
	border : thin #20624f dashed;
	}

.pics220 {
	float : left;
	width : 180px;
	height : 130px;
	margin : 5px;
    padding : 5px;
	font-size: 90%;
	background : #f6faf9;
	border : solid 1px #20624f;
	text-align : center;
    }

/* general classes */

.center {text-align : center;}

.clear {clear : both;}

.clearright {
	clear : right;
	padding : .2em;
	margin-top : .5em;
	}

.externallink {
	margin-top : .6em;
	padding : 0 0 0 40px;
	background : url(../images/bkgrarrowright.gif) 0 50% no-repeat;
	}

.list-inline li {
	list-style-type : none;
	display : inline;
	font : normal 80% Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding : 5px;
	}

.large  {font : normal 110% Geneva, Arial, Helvetica, sans-serif;}

.outofsight {
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
	}

.right  {text-align : right;}

.small  {font : normal 80% Geneva, Arial, Helvetica, sans-serif;}

.smallcenter {
	text-align : center;
	font : normal 80% Geneva, Arial, Helvetica, sans-serif;
	}

.smallright {
	text-align : right;
	font : normal 80% Geneva, Arial, Helvetica, sans-serif;
	}

.transparent {display : none;}

.warning {
	text-align : center;
	background : #ff6633;
	}

.slide {
	background: #f8ecbf;
	padding : 5px;
	border : thin #999 dashed;
	}

/* accesstools */

#accesstools {
	width : 100%;
    padding : 0 0 5px 0;
	margin : 0;
	text-align : center;
	}

/* skip */

#skip {
/*	float : left;*/
	width : 20%;
	display : inline;
	margin : 0;
	padding : 0 5px 0 0;
	_padding : 10px 10px 10px 0;
	font : normal .9em Geneva, Arial, Helvetica, sans-serif;
	_border-right : solid 1px #20624f;
	}

/* change colour */

#switcher {
	width : 25%;
	font-size : .9em;
	display : inline;
	margin : 0;
	padding : 0 10px 0 20px;
	}

form.colour {
	font-size : .9em;
	display : inline;
	margin : 0;
	padding : 0;
	}

/* font resize */

#resizebody {font-size : 100%;}
				
#resize-box {
	width : 25%;
	display : inline;
	font-size : .9em;
	margin : 0;
	padding : 0 15px;
	_border-left : solid 1px #20624f;
	_border-right : solid 1px #20624f;
	}
		
/*#resize-box:hover{
	background-color:#e0e0e0;
	}*/

#resize-box a{
	background-color:#f0f0f0;
	border:1px dashed #a0a0a0;
	text-decoration:none;
	color:#000;
	margin : 0;
	padding:4px;
	}

#resize-box a:hover{
	color:#303030;
	}
		
/*#increase{
	border-right:1px dotted #a0a0a0;		
	}*/

/* techdis-toolbar */

#techdis-toolbar {
/*	float : right;*/
	width : 25%;
	display : inline;
	margin : 0;
	padding : 0 0 0 15px;
	}