body
{
    background-color: #D3D3D3;
    font-family: Arial;
    font-size: small;
    margin: auto;
}

a
{
    color: #000000;
}

h1
{
	font-size: x-large;
	color: #003399;
	margin: 6px 0px 6px 0px;
	padding: 0px;
	font-weight: normal;
}

#container
{
    width: 980px;
    margin: 5px auto 10px auto;
    padding: 10px;
    background-color: #FFFFFF;
    border: solid 1px #7E7E7E;
}

.tab, .tabActive
{
    padding: 7px 5px 5px 5px;
    text-decoration: none;
    text-align: center;
    color: Black;
    background-position: right top;
    background-image: url('/pub/images/tab1.gif');
    background-repeat: no-repeat;
    border-bottom: solid 2px #000000;
    font-size: small;
}

.tab:hover
{
    color: #FF0000;
}

.tabActive
{
    font-weight: bold;
    background-image: url('/pub/images/tab2.gif');
    border-bottom-style: none;
}

.artPreview .article
{
	margin-top: 8px;
	margin-bottom: 18px;
	padding: 2px;
	clear: both;
}

.artPreview h1 a
{
	font-size: x-large;
	color: #003399;
	margin: 6px 0px 2px 0px;
	padding: 0px;
	font-weight: normal;
	display: block;
}

.artPreview h1 a:hover
{
	background-color: #EEEEEE;
}

.artPreview img
{
    border-style: solid;
    border-width: 1px;
    margin: 5px;
}

.l1 div
{
    margin-top: 5px;
}

.l1 div a
{
    text-decoration: none;
    display: block;
}

.l1 div a:hover
{
    background-color: #DDDDDD;
}

.l2 a
{
    text-decoration: none;
}

.l2 a img
{
    border-style: none;
}

.l3 a
{
	text-decoration: none;
	padding-left: 15px;
	background-image: url('/pub/images/arrow2.gif');
	background-repeat: no-repeat;
	display: block;
}

.path
{
    font-family: Arial;
    font-size: small;
    background-color: #EEEEEE;
    padding: 3px;
}

.path a, .path span
{
    margin: 2px;
}

.formFlat
{
    border: 1px solid #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
}

.text
{
    text-align: justify;
}

.text a
{
    text-decoration: none;
    color: #3366FF;
}

.text img
{
    margin: 10px;
}