@charset "UTF-8";
body  {
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #FFFFFF;
	background-image: url(../pict/header_bg.png);
	background:url(../pict/header_bg.png);		
	background-repeat: repeat-x;
	background-position: top;
    }   
    #container { 
    width: 840px; 
    margin: 0 auto; 
    text-align: left; 
    } 
    #header {
	background-image:url(../pict/header_logo.png);
	background-repeat: no-repeat;
	padding: 0;
	height: 225px;
	width: 840px;
	background-position: left top;
    } 
	#nav{
	width:400px;
	height:200px;
	background-image: url(../pict/header_mainnav.gif);
	background: url(../pict/header_mainnav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	margin: 0 0 0 0;
	}
	#nav ul{  
	margin: 30px 0 0 20px; 
	padding:0; 
	list-style: none; 
	}
	#nav ul li{
	float:left;
	background-image: url(../pict/link.gif);
	background:url(../pict/link.gif);
	background-repeat:no-repeat;
	background-position: 0 6px;
	border-bottom: 1px dotted #C7C7C7; 
	padding: 6px 0 0 20px;
	margin: 0 0 0 18px;  
	width: 80px; 
	height: 22px; 
	}
	#nav ul li.current{
	border-bottom: none; 
	}
	#nav a{
	font-size: 11px;
	text-decoration:none;
	color: #666;
	}
	#nav ul li a:hover{
	text-decoration:none;
	color: #FF6E12;
	}
	#nav p{ 
	margin: 158px 0 0 18px;
	height: 38px; 
	}	
	#sidebar {
	float:right;
	width: 168px;
	min-height: 360px;
	padding: 0 18px 15px 0;
	}
	#sidebar a {
	color: #333;
	text-decoration:underline;
    }	
	#sidebar a:hover {
	color: #FF6E12;
	text-decoration:underline;
    }	
    .flickr {
    padding: 3px;
    border: 1px solid #C7C7C7;
    }
	#box {
	background-color: #FFFFFF;
	width: 185px;
	height: 124px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}	
	#mainContent a {
	color: #333;
	text-decoration:underline;
    }	
	#PanelLeft a {
	color: #333;
	text-decoration:underline;
    }		
	#PanelRight a {
	color: #333;
	text-decoration:underline;
    }	
	#PanelLeft a:hover {
	color: #FF6E12;
	text-decoration:underline;
    }	
	#PanelRight a:hover {
	color: #FF6E12;
	text-decoration:underline;
    }		
    #mainContent {
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
    }
    #mainContent p {
	color: #666;
	margin: 6px 0 6px 0;		
	line-height: 16px;	
    }
    #mainContent td, tr {
	color: #666;
	margin: 6px 0 6px 0;		
    }
    #mainContent .grey2 {
    color: #BBB;
    }
    .site {
	font-size: 12px;
	color: #666;
	margin: 6px 0 6px 0;		
    }	
	#mainContent h1 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #FF6E12;
	margin: 6px 0 6px 0;
	word-spacing: 1px;	
	border-bottom: 1px dotted #FF6E12; 
	padding: 6px 0 0 10px;	
    }
	h2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #FF6E12;
	margin: 6px 0 6px 0;		
	word-spacing: 1px;	
	border-bottom: 1px dotted #FF6E12; 
	padding: 6px 0 0 10px;		
    }
	h3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #FF6E12;
	margin: 6px 0 6px 0;		
	word-spacing: 1px;		
	border-bottom: 1px dotted #FF6E12; 
	padding: 6px 0 0 10px;		
    }	
	#PanelLeft {
	width: 280px;
	float:left;
	padding:10px 5px 0 0;
	word-spacing: 1px;		
	}
	#PanelRight {
	width: 280px;
	min-height:140px;
	float:left;
	padding:10px 5px 0 24px;
/*	border-left: 1px dotted #999; */
	word-spacing: 1px;		
	}
	.orange {color: #FF6E12}
	.grey {color: #333}	
	.white {color: #FFFFFF}
	
	#footer{
	width:100%;
	color:#4C4C4C;
	font-size:12px;
	background-color: #FFFFFF;
	background-image: url(../pict/bottom_bg.gif);
	background:url(../pict/bottom_bg.gif);	
	background-repeat: repeat-x;
	background-position: top;	
}
	#footerbody{
	width:800px;
	height:102px;
	position:relative;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	#copyright{
	display:block;
	position:absolute;
	font-size: 10px;
	color: #FFF;
	text-align: left;
	width: 200px;
	margin-left: 640px;
	margin-top: 16px;
}
	#bottom{
	width: 600px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0 0 0 0;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
}

	#bottom a {
	margin: 0;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration:none;
    }
	
	#bottom a:hover {
	text-decoration:underline;
    }
    
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }