/* 4Bears css */

html, body, p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; border: 0;}

body { 
	background-color: #DEF; 
	color: #333;  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100.01%; /* sets font size for best cross-browser support */
	min-width: 770px;   /* supported by Gecko browsers */
	text-align: center; /* hack to allow centred wrapper in IE5.x Win */
}

/* make hardly noticeable */
#skipLinks {
	font-size: 1px; 
	line-height: 1px;
	color: #DEF;
}
#skipLinks a {color: #DEF; text-decoration: none;}

#wrapper {
  width: 770px;
	margin: 20px auto; /* centers the wrapper */
  position: relative; 
	background-color: #FCFCFC; 
	text-align: left; /* realign text to the left after the IE5.x Win hack in the body rule */
}

#banner {
	background-color: #DEF;
}

#topnav {
	width: 770px;
	background-color:#E6EAF3;
	border-top: 1px solid #08C;
	line-height: 2em;
	color: #0088CC;
}
#topnav ul{
	background-color: #E4E4E4;
	margin: 0;
	padding: 10px;
}
#topnav ul li {
	display: inline;
	border-left: 1px solid #CCC;
	padding-left: 10px;
	padding-right: 4px;
}
#topnav ul li.first {display: inline;	border-left: none;}
#topnav a {color: #000000; text-decoration: none; padding: 0 5px;}
#topnav a:hover, #topnav a:focus {text-decoration: underline; color: #06A;}

#content { 
	width: 560px; 
	margin-left: 200px; /* left margin to clear the leftcol div - currently 180px */
	margin-bottom: 30px;
	font-size: 95%;
}
#content h1, #content h2, #content h3 {margin: 20px 6px 10px 6px;	padding: 0;}
#content p {margin: 10px 6px 10px 6px; padding: 0;}
#content a:link, #content a:visited {color: #000; text-decoration: underline;}
#content a:hover, #content a:focus {text-decoration: none; background-color:#99B5DD;}

#leftcol { 
	float: left; /* floats the div to the left to make a column */
	width: 180px; /* sets a width for the div - IE Mac */
	margin: 25px 0px 30px 7px;
}
#leftcol #navigation {
	width: 180px; 
	padding-bottom: 20px;
}
#leftcol #navigation ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #08C;
	list-style-type: none;
	font-size: 90%;
	background-color: #E6EAF3;
}
#leftcol #navigation ul li { 
	padding: 0; 
	margin: 0; 
	border-bottom: 1px solid #08C; 
	border-left: 1px solid #08C; 
	border-right: 1px solid #08C; 
}
#leftcol #navigation ul li a.selected {
	background-color: #CCC;
	color: #06A;
}
#leftcol a:link, #leftcol a:visited { 
	color: #000; 
	display: block; /* simulate button */
	padding: 4px 0 6px 4px; 
	text-decoration: none; 
	width: 180px; /* set width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
	w\idth: 174px; /* reset width for IE6 and compliant browsers */
}
#leftcol a:hover, #leftcol a:focus { 
	background-color: #99B5DD;
	color: #000; 
}


#footer { 
	background-color: #fff;  
	width: 770px; 
	border-top: 1px solid #08C;  
	font-size: 85%;  
	text-align: right;  
	margin-top: 20px;  
	clear: left;  /*clears leftcol div floated to the left */
}
#footer p {
	background-color: #E4E4E4;  
	margin: 0; 
	padding: 4px 10px 4px 10px;  
}
#footer ul{
	background-color: #99B5DD;
	margin: 0;
	padding: 4px;
}
#footer ul li {
	display: inline;
	border-left: 1px solid #CCC;
	padding-left: 6px;
	padding-right: 3px;
}
#footer ul li.first {display: inline; border-left: none;}
#footer a:link, #footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover, #footer a:focus {text-decoration: underline; color:#06A;}

/* CSS for rounded boxes */
#content .obox {background: transparent; margin:20px 50px 20px 20px;}
#content .otop, #content .obottom {display:block; background-color:transparent; font-size:1px; margin: 0; padding: 0;}
#content .ob1, #content .ob2, #content .ob3, #content .ob4 {display:block; overflow:hidden;}
#content .ob1, #content .ob2, #content .ob3 {height:1px;}
#content .ob2, #content .ob3, #content .ob4 {background-color:#EEE; border-left:1px solid #08c; border-right:1px solid #08c;}
#content .ob1 {margin:0 5px; background-color:#08c;}
#content .ob2 {margin:0 3px; border-width:0 2px;}
#content .ob3 {margin:0 2px;}
#content .ob4 {height:2px; margin:0 1px;}

#content .inbox {display:block; background-color:#EEE; border:0 solid #08c; border-width:0 1px;}
#content .inbox h1, #content .inbox h2, #content .inbox h3 {margin:0 10px;}
#content .inbox h1 {font-size:120%; color:#06A; padding-top:10px;}
#content .inbox h2 {font-size:115%; color:#06A; padding-top:10px;}
#content .inbox h3 {font-size:105%; color:#333;}
#content .inbox p {margin:10px 10px 0px 10px; padding-bottom:10px;}

#content .inbox table {width: 80%; w\idth: 95%;} /* reduce width for IE5.x */
#content .inbox table th {
	width: 33%;
	text-align: left;
	font-weight: normal;
	vertical-align: text-top;
}
#content .inbox table td {width: 66%}
#content .inbox a:link, #content .inbox a:visited {color: #000; text-decoration: underline;}
#content .inbox a:hover, #content .inbox a:focus {text-decoration: none; background-color:#99B5DD;}