/* developed by johan bergström '2003
 */

/* html tags */

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

    background : #FFF;
    color : #000;
    font : 10px lucida grande,verdana,arial; /* dont forget paragraph settings */

}

div#google{
	position: absolute;
	left: -10000px;
}

body {
	margin-top : 40px;
}

a, a:visited, a:active {
	color : #000;
	text-decoration : none;
}

a:hover {
	color : red;
}

div#container {
    width : 640px;
    margin : 0 auto 10px auto;
	padding : 0;
    background : #FFF url('/images/mid.gif') top left repeat-y;
    border : 0;
}

div.hr hr {
    display : none;
}

div.hr {
	background: #EFEFEF url('/images/hr_bg.gif');
	border: 0;
	height: 1px;
	width : 600px;
	margin : 0 auto 0 auto;
}

div#date {
	width : 640px;
	margin : 0 auto 5px auto;
}

div#ie {
	width : 640px;
	margin : 0 auto 5px auto;
	text-align : center;
}

div#ie p {
	color: #888;
}

div#ie span {
	color : #FF8D8D;
}

div#ie a {
	color: #888;
}

div#ie a:hover {
	color: #666;
}


div#date p {
	text-align : right;
	color : #ddd;
	font : 10px lucida grande,verdana,arial; /* dont forget paragraph settings */
	margin : 0 10px 0 0;
	padding : 0;
}

div#head {
	background : transparent url('/images/top.gif') no-repeat;
	border : 0;
	margin : 0;
	padding : 0 0 0 5px;
}

div#nav {
	clear : right;
	float : right;
	margin : 15px 0 10px 0;
	padding : 0 30px 0 0;
	width : 100px;
	text-align : right;
}

div#main {
	margin : 15px 20px 0 20px;
	float : right;
	width : 465px;
}

* html div#main {
	width : 425px;
}

div#main div.img {
	float : left;
	margin : 10px 5px 5px 5px;
	height : 90px;
}

* html div#main div.img {
	margin : 5px;
	height : 90px;
}

div#main div.img img {
	border : 1px solid #efefef;
	padding : 5px;
}

div#main div.img img:hover {
	border : 1px solid red;
	padding : 5px;
}

div#bottom address {
	font-style: normal;
	color : #ddd;
	height : 12px;
	text-align : center;
}

div#bottom address a, div#bottom address a:visited, div#bottom address a:active {
	color : #ddd;
}

div#bottom address a:hover {
	color : #bbb;
}

div#bottom {
	background : transparent url('/images/bottom.gif') bottom left no-repeat;
	border : 0;
	margin : 0;
	height : 20px;
	clear : both;
}

h1 {
	margin: 0 0 20px 20px;
	padding : 0;
	border : 0;
	height : 70px;
	width : 165px;
	background : transparent url('/images/logo_new.gif') left bottom no-repeat;
}

h2 {
	font : 10px lucida grande,verdana,arial; /* dont forget paragraph settings */
	color : red;
	line-height: 14px;
	margin : 5px 0 0 0;
	padding : 0;
}

h2#desc {
	color : #666;
}

div#main p {
	line-height : 14px;
	margin-bottom: 15px;
	width : 400px;
	text-align : justify;
}

h1 span {
	display : none;
}

.hidden
{
	position: absolute;
	left: -10000px;
}

/* menu stuff */

div#menu ul {
	float : left;
	padding : 0;
	list-style : none;
	margin : 15px 0 40px 25px;
	width: 110px;
}

*html div#menu ul {
	margin: 15px 0 40px 15px;
}

div#menu ul li {
	display : block;
	margin : 0 2px 0 2px;
	padding : 1px 0 1px 0;
	height : 20px;
	line-height : 20px;
}

*html div#menu ul li {
	margin : 0 1px 0 1px;
	padding: 0;
}

*html div#menu ul li.topic {
	margin: 1px 1px 2px 1px;
}

div#menu ul li.topic {
	display : block;
	margin : 2px 2px 4px 2px;
	padding : 1px 0 1px 0;
	height : 12px;
	color : #666;
}


div#menu ul li.sub {
	width: 100px;
	margin : 0 0 2px 10px;
	line-height : 17px;
	height : 17px;
	padding : 0;
}

*html div#menu ul lib.sub {
	margin : 0 0 1px 5px;
}

div#menu ul li a {
	display : block;
	padding : 1px 0px 1px 0px;
	padding-right : 5px;
	background-color : #FFF;
	color : #000;
	text-decoration : none;
	line-height : 20px;
	height : 20px;
}

div#menu ul li a:hover {
	padding : 1px 0 1px 0x;
	background-color : #FAFAFA;
	color : red;
	text-decoration : none;
}

div#menu #active {
	color : red;
}


/* shadow stuff */
/* found at themaninblue.com */
#canvasShadow {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-image: url('/images/back.png');
	text-align: center;
}

* html #canvasShadow {
	background-color: #FFF;
	back\ground-color: transparent;
	background-image: url('/images/spacer.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/back.png", sizingMethod="scale");
}

#canvasShadow.on {
	left: 0;
}

#canvasShadow a.off, * #canvasShadow a.off:hover {
	background-position: 9px -54px;
}

#canvasShadow img {
	border: 5px solid #666;
	background: #FFF url('/images/img_preload.gif') no-repeat center center;
	padding : 5px;
}

#canvasShadow dd {
	margin: 0;
	background-image: url('/images/example_corner_left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height: 21px;
}

#canvasShadow dd div {
	background-image: url('/images/example_corner_right.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#canvasShadow dd span {
	display: block;
	margin: 0 6px;
	background-color: #666;
}

#canvasShadow dl {
	margin: 0 auto;
}

#canvasShadow dt {
	line-height: 1px;
}

#canvasShadow #closeLink {
	float: left;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	background-image: url('/images/close.gif');
	background-position: 0 -15px;
	background-repeat: no-repeat;
}

#canvasShadow #closeLink:hover {
	background-position: 0 0;
}

#canvasShadow .nextLink {
	float: left;
	width: 15px;
	height: 15px;
	background-image: url('/images/right.gif');
	background-position: 0 -15px;
	background-repeat: no-repeat;
}

#canvasShadow .nextLink:hover {
	background-position: 0 0;
}

#canvasShadow .previousLink {
	float: left;
	width: 15px;
	height: 15px;
	background-image: url('/images/left.gif');
	background-position: 0 -15px;
	background-repeat: no-repeat;
}

#canvasShadow .previousLink:hover {
	background-position: 0 0;
}

#canvasShadow #linksContainer {
	width: 60px;
	margin: 10px auto 0 auto;
	text-align: center;
	background-image: none;
}

#linksContainer a.off {
	background-image: none;
}

/* definition lists */
div#main dl {
	margin : 0;
	padding : 0;
}

div#main dt {
	float : left;
	margin : 5px 0 0 0;
	padding : 0;
	width: 150px;
}

/* commented backslash hack for mac-ie5 \*/
div#main dt { clear: both; }
/* end hack */

div#main dd {
	float : left;
	padding : 0;
	margin : 5px 0 5px 20px;
	display : inline;
	width : 200px;

	background: #FFF;
}

div#main dt#contact {
	float : left;
	margin : 5px 0 0 0;
	padding : 0;
	width: 100px;

	background: #FFF;
}

div#main dd.odd {
	background : #EEE;
}

div#main dt.odd {
	background : #EEE;
}