body {
	font-size: 0.7em;
	font-family: Verdana, Arial, sans-serif;
	color: #252525;
	background: #fff;
	margin: 0px;
	padding: 0px;
}

#content {
	border: 1px 0px #022f55 solid;
}

/* bars for top and bottom */
img.bar {
	margin: 0em;
	background-color: #fff;
	padding: 0px 5px;
}

p.bar0 {
	margin: 0em;
	background-color: #022f55;
	color: #fff;
	padding: 5px;
	text-align: center;
	font-size: 0.9em;
}

p.bar {
	margin: 0em;
	background-color: #022f55;
	color: #fff;
	padding: 5px;
	text-align: left;
	font-weight: bold;
        font-size: 0.9em;
}

p.bar a:link, a:visited {
	background-color: #022f55;
	color: #fff;
	text-decoration: none;
}

p.bar a:hover {
	background-color: #022f55;
	color: #f1a629;
	text-decoration: underline;
}

#left {
	position: absolute;
	width: 140px;
	left: 0px;
	margin: 0px;
	border-width: 0;
	padding: 0;}

/* menu styles */
#left a {display: block;
   margin: 0 3px 0 0; padding: 5px 10px 1px 5px;
   text-decoration: none;
   font: bold 100% Arial, Verdana, sans-serif;
   color: #022f55; background: transparent;}
#left a:visited {color: #022f55;}
#left h4 {background-color: transparent; color: #022f55;
   margin: 0 3px 0 0; padding: 1em 0 0; 
   font: bold 100% Arial, Verdana, sans-serif;
   border-right: 1px solid #022f55;
   border-bottom: 2px solid #022f55;}
#left a:hover {background-color: #022f55;
   color: #fff;
   padding-right: 7px; margin-right: 0;}
#left a#current {
   background-color: #fff;
   color: #f1a629;
   border: 1px solid #f1a629;
   border-right-width: 10px; padding-right: 7px;
   margin-right: 0px;}

#center {
	padding: 10px 20px 20px;
	margin-left: 140px;
	margin-right: 180px;
	border-right: 1px #022f55 solid;
	border-left: 1px #022f55 solid;
}

#center p {
	text-align: justify;
        padding: 0px 2% 0px 2%;
        background: none;
}

#center h3 {
        color: #022f55;
        padding: 0px 2% 0px 2%;
        font-size: 1.8em;
}


#center h2 {
        color: #022f55;
        padding: 0px 2% 0px 2%;
        font-size: 1.6em;
}


#center h3 {
	color: #022f55;
        padding: 0px 2% 0px 2%;
        font-size: 1.45em;
}

#center h4 {
	color: #022f55;
	padding: 0px 2% 0px 2%;
        font-size: 1.15em;
}

#center h5 {
	padding: 0px 2% 0px 2%;
        font-size: 1.1em;
}

#center a {
        font-weight: bold;
        text-decoration: none;
        color: #022f55;
        background: none;
}

#center a:visited {
        font-weight: bold;
        background: white;
        color: #022f55;
}

#center a:hover {
        font-weight: bold;
        text-decoration: underline;
        color: #333;
}

.items ul {
        list-style-type: square;
        padding: 0px 2% 0px 4%;
}

.items li {
        list-style-type: square;
        padding: 0px 2% 0px 2%;
        font-style: italic;
}

.problemlist li {
        list-style-type: square;
        padding: 0px 2% 0px 2%;
        font-style: normal;
}



.works ul {
        list-style-type: none;
        padding-bottom: 0px;
        padding-left: 2%;
}

.works li {
        list-style-type: none;
        padding: 0px 2% 0px 4%;
        font-style: italic;
}

#right {
	position: absolute;
	right: 0px;
	width: 180px;
	margin: 0px;
}

#right li {
        list-style-type: square;
        font-style: italic;
}

#right a {
        font-weight: bold;
        text-decoration: none;
        color: #022f55;
        background: none;
}

#right a:visited {
        font-weight: bold;
        background: white;
        color: #022f55;
}

#right a:hover {
        font-weight: bold;
        text-decoration: underline;
        color: #333;
}