/* First reset some base selectors */
html, body, p, h1,h2,h3,h4,h5,li, img, a,div,span,label
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, sans-serif;
	text-align: left;
}

img{
border-style:none;
}
/* used sparingly  - dont set text-align here if its set in a table */
td
{
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size: 10pt;
}

body { background-color: white; }

h1
{
color: #0b2a57;
	text-align: left;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
	line-height: 160%;
padding-bottom:8px;
}

h2
{
color:#0b2a57;
font-family: Times, "Times New Roman", serif;
	font-size: x-large;
	font-weight: 100;
	text-align: left;
padding-top: 10px;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 100;
	line-height: 160%;
}

h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 100;
	line-height: 100%;
}
p , li{font-size: small;
color: #20232e;
line-height:150%;
}
.itemdate{
font-size: small;
color: brown;
line-height:120%;
display:block;
padding-bottom:10px;
}
/**********************************
 * #wrapper. For set background trick. Allows you to make a nice border
 * around the actual body of the page. 
 * Uncomment to use
 * #page is inside #wrapper and will contain the rest of the content divs
 ***********************************/

#wrapper
{
	margin:0px;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
}

#page
{
	padding: 0px;
	margin: auto;
	width: 780px;
}

/**
 * Header Images 
 * override in other pages
 */

div#wrapheader
{
	z-index: 10;
	height: 24px;;
	width: 100%;
}

/* Use these to place images above the header
 * both of these are side by side inside the wrapheader div
 */

/* comment out below to not use background header images */
/* background header images*/
div#logo{
padding:0px;
margin:0px;
	width: auto;

}

div#logo2
{
	width: 0px;
	height: 0px;
	display: none;
}
div#bodyloc{
border-top:solid gray 1px;
border-left:solid gray 1px;
border-bottom:none;
border-right:solid gray 2px;
background-image:url(images/bear-open-header-na.jpg);
background-repeat: no-repeat;
background-position: left top;
width:780px;
background-color: #fbefc8;
}

div#headerloc, div#bodyloc,div#footrloc {
margin:0px;
padding:0px;
}
div#footerloc {
height:120px;
width:780px;
background-color:white;
border-left:solid gray 1px;
border-bottom:solid gray 2px;
border-right:solid gray 2px;
}
#myheader{
text-align:center;
}
div#myfooter{
}
div#myfooter .itemwrapper{
padding-top:36px;
padding-left:24px;
float:left;
}
div#cefooter{
padding-top:15px;
}
div#cefooter p{
font-size:x-small;
text-align:center;
}
div#cefooter img, div#cefooter a{
padding:0px;
margin:0px;
text-decoration:none;
border:none;
}
p#xhtmlvalidator{
margin-top:5px;
}
div#mainheader{
padding-top:80px;
margin-left: 165px;
margin-right:6px;
margin-top:6px;
border: none;
padding-left: 10px; 
}
div#mainheader h2{
color:black;
font-weight:bold;
font-stretch: extra-expanded;
font-size:18px;
}
div#maincontent, div#maincontent2{
 padding-top:24px;
text-align: justify;
margin-left: 170px;
margin-right:6px;
margin-top:6px;
border: none;
padding-left: 10px; 
}

div#maincontent .itemwrapper,
div#maincontent2 .itemwrapper {
margin-left:10px;
padding-top:16px;
padding-right:10px;
}
div#maincontent h1,
div#maincontent2 h1{
}
div#leftcolumn{
padding:16px 0px 0px 0px;
height: auto;
float: left;
text-align: right;
color: #000000;
width: 160px;
display:block;
background-image: url(images/bear-menu-background.jpg);
background-repeat: no-repeat;
margin-top:168px;
background-position: center bottom;
border:solid black thin;
}
div#leftcolumn h1 {
margin:0px;
padding:0px;
}
div#leftcolumn h1 a{
font-size: small;
display:block;
padding-top:4px;
padding-bottom:4px;
padding-left:0px;
padding-right:0px;
margin-top:4px;
margin-bottom:4px;
margin-left:0px;
margin-right:0px;
text-decoration: none; 
width:160px;
text-align:center;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

hr.menu{
padding:0px;
margin:0px;
margin-left:49px;
margin-right:40px;
text-align:center;
width:60px;
border: thin #333300 solid; }

div#leftcolumn h1 a:visited,  div#leftcolumn h1 a:link{
color: white;
text-decoration: none;
}
div#leftcolumn h1 a:hover{
color: #20232e;
}
div.imgright{
float:right;
padding:10px;
margin:10px;
}
div.imgleft{
float:left;
padding:10px;
margin:10px;
}
.imgcenter{
clear:both;
float:none;
}
div#mainfooter{
display:block;
width:auto;
}
/* UNYTS LOGO */
#mainfooter .itembody{
margin: 6px 0px 0px 14px;
}
#mainfooter div.imgleft {
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
border-top:solid gray 1px;
border-left:solid gray 1px;
border-bottom:solid gray 2px;
border-right:solid gray 2px;
background-color:white;
}
div#maincontent form span{
position:relative;
float:left;
display:block;
margin-bottom:10px;
width:85px;
line-height:160%;
font-size:12px;
font-weight:bold;
}
div#maincontent form input{
margin-bottom:10px;
line-height:160%;
position:relative;
margin-left:5px;
padding-left:0px;}