﻿@media screen, projection {

.BeNiceToMacIE5 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/* font-family: inherit; */
}
h2,h3,h4,h5 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
html, body, #wrapper, wrapper2 {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
html>body, html>body #wrapper, html>body #wrapper2 {
height: auto;
}

div#wrapper {
position: absolute;
top: 0;
left: 0;
background:#fff;
}

#header {
position:relative; z-index:500;
width: 100%;
height: 66px;
background:#596c60 url(../images/logo.gif) no-repeat left top;
}
#headcontent {height:62px; background:#596c60; margin-left:260px; position:relative; padding:2px;}

#rightside {
	width:125px; float: right;
height: 900px;
padding:10px;
background:#AB8882;
}

#sidebar {
width:165px; float:left;
height: 900px;
padding:10px;
background:#AB8882;
}

#content {
margin-left:200px;
margin-right: 150px;
padding:10px;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
}
#content td {
	font-family: Arial, Helvetica, sans-serif;
}

#content ul {
	border: 1px solid #C6CED5;
	font: normal lighter small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile3.png);
	list-style: inside url(../images/list_arrow.gif);
	margin: 50px 200px 10px 200px;
	padding: 5px 20px 20px 10px;
	}		
	
#content ol {
	border: 1px solid #C6CED5;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile4.png);
	list-style: inside url(../images/list_arrow.gif);
	margin: 10px 250px 50px 250px;
	padding: 5px 20px 20px 10px;
	}

	
#content a:link, a:visited {
	color: #46554b;
	text-decoration: underline;
}
#content a:hover {
	color: #9F6683;
	text-decoration: none;
}

#indent {
	text-indent:80px;
}

#indent ol {
	text-indent:40px;
}
#indentin ol {
	text-indent:80px;
}

#box {
	border: none;
	margin: 0px 0px 0px 0px;
}
#box ul {
	border: thin #C0C9C3 solid;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile18.png);
	list-style: inside url(../images/list_arrow2.gif);
	margin: 15px 50px 20px 60px;
	padding: 5px 20px 20px 10px;
	width:500px;

}
#box ol {
	border: thin #C0C9C3 solid;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile18.png);
	list-style: inside url(../images/list_arrow2.gif);
	margin: 15px 50px 20px 60px;
	padding: 5px 20px 20px 10px;
	width:500px;
}
#mcofslink {
	font-size:x-small;
}
#mcofslink td {
	font-size:x-small;
}
#mcofslink a:link {
	color: #46554b;
	font-size:x-small;
	text-decoration: underline;
}

#infoboxleft {
	border: none;
	margin: 10px 10px 10px 10px;
}
#infoboxleft ul {
	border: thin #E9E9A5 solid;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile4.png);
	list-style: inside url(../images/list_arrow.gif);
	margin: 10px 5px 50px 5px;
	padding: 5px 20px 20px 10px;

}
#infoboxleft ol {
	border: thin #E9E9A5 solid;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile4.png);
	list-style: inside url(../images/list_arrow.gif);
	margin: 10px 0px 50px 50px;
	padding: 5px 20px 20px 10px;
	width:325px;
}

#mcofs {
	border: none;
	margin: 10px 10px 10px 10px;
}
#mcofsbox p {
	border: thin #E9E9A5 solid;
	font: Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile5.png);
	margin: 20px 0px 50px 40px;
	padding: 5px 20px 20px 10px;
	width:600px;
}
#mcofsinfo p {
	border: none;
	margin: 10px 10px 10px 10px;
}
#mcofsinfo ul {
	border: thin #F8E1CA solid;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile4.png);
	list-style: inside url(../images/info.gif);
	margin: 10px 5px 20px 5px;
	padding: 5px 20px 20px 10px;
}
#mcofsboxwarning p {
	border: thin #D38E5A solid;
	font: Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile6.png);
	margin: 20px 0px 50px 40px;
	padding: 5px 20px 20px 10px;
	width:400px;
}
#mcofsboxwarning ul {
	border: thin #F8E1CA solid;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile4.png);
	list-style: inside url(../images/warning.gif);
	margin: 10px 5px 20px 5px;
	padding: 5px 20px 20px 10px;
}


#mcofs ul {
	border: thin #F8E1CA solid;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile4.png);
	list-style: inside url(../images/list_arrow.gif);
	margin: 10px 5px 50px 5px;
	padding: 5px 20px 20px 10px;
}
#mcofs ol {
	border: thin #E9E9A5 solid;
	font: small Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile4.png);
	list-style: inside url(../images/list_arrow.gif);
	margin: 10px 0px 50px 50px;
	padding: 5px 20px 20px 10px;
	width:325px;
}

#didyoubox {
	border: none;
	margin: 10px 10px 10px 10px;
}

#didyoubox p {
	border: thin #E9E9A5 solid;
	font: Arial, Helvetica, sans-serif;
	background-image: url(../images/box_tile4.png);
	margin: 20px 0px 50px 40px;
	padding: 5px 20px 20px 10px;
	width:300px;
}

#caption {
	font: italic small-caps normal 12px Arial, Helvetica, sans-serif;
}

.creative {
	font-size:9px;
	font-style: normal;
	font: message-box;
}
#subcaption {
	font: italic small Arial, Helvetica, sans-serif;
}

#photoContainer {
	background-color: #9FA583;
	width: auto;
	border: 1px solid #CDD0BE;
}

.photobox {
	border: thin solid #CDD0BE;
	margin: 10px 3px 3px 3px;
}

#sidebar125 {
	border: thin white solid;
	margin: 0px 0px 0px 5px;
	padding: 1px 1px 1px 1px;
	width:125px;
	height: 125px;
}

#block {
	width:500px;
	margin: 0px 150px 0px 100px;
		
}

#ad468 {
	border: thin #9400d3 solid;
	font: inherit;
	margin: 10px 0px 10px 60px;
	padding: 5px 20px 20px 10px;
	width:468px;
	height: 60px;
}
#ad300 {
	border: thin #CDD0BE solid;
	font: inherit;
	margin: 10px 0px 10px 10px;
	padding: 5px 20px 20px 10px;
	width:300px;
	height: 250px;
}

#adbox {
	border: thin #CDD0BE solid;
	font: inherit;
	margin: 10px 0px 10px 100px;
	padding: 1px 1px 1px 1px;
	width:240px;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

#footer {
clear: both;
bottom: 0;
left: 0;
width: 100%;
height: 78px;
background:#596C60;
color: #fef9ee;
overflow:hidden;
}
#footer p {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a {
	text-decoration: underline;
	font: bolder 10px Arial, Helvetica, sans-serif;
	color: #f5f5f5;
}
#footer a:hover {
	color: #393939;
	text-decoration: none;
}
#footerContent {padding:10px;}
#footerContent h5 {margin:0; padding:5px 0;}
#footerContent p {padding:5px 0; margin:0;}

#main {
margin: 0;
padding: 0;
}
/* \*/
* html #footer {
position: absolute;
}
* html #main {
padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 100px;
}

}
#menu {width:180px; height:400px; background:url(); margin:0 auto; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:url(../images/opaque.png); padding:1px 1px 0 1px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.level1 {position:absolute; left:0; top:20px;}

#menu a {-x-system-font:none;
border-bottom:1px solid #DDDDDD;
color:#fff;
display:block;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:28px;
padding:0 20px 0 10px;
text-decoration:none;} 

#menu ul li:hover > ul {visibility:visible; left:100%; margin-top:-24px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:#868ea1;} 
#menu li:hover > a {background:#868ea1;}
#menu li a.fly {background: url(../images/arrow.gif) no-repeat scroll right center;}
#menu li a.fly:hover {background:#868ea1 url(../images/arrow.gif) no-repeat scroll right center;} 
#menu li:hover > a.fly {background:#868ea1 url(../images/arrow.gif) no-repeat scroll right center;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

@media all and (min-width:0px) {
head~body {height:100%;}
}
