/**************** some important styles ****************/
body {
    background: #FFFFFF;
    color: #333333;
    font-family: Geneva, Verdana, Helvetica, Arial;
    margin: 0px;
    padding: 0px;
}

table, div { 
    font-family: Geneva, Verdana, Helvetica, Arial;
}


/**************** main region styles ****************/
/* Left and right blocks are floated, the centre is
then positioned 'behind' them and padded so that it's
content is in the centre region. The centre is then in
another div with it's width set to 100% of this region
this allows further subdivision of the centre. */

div#header {
    background-color: #DF1C29;
    border-bottom: 1px solid #9C0000;
    clear: both;
    color: #FFFFFF;
    height: 85px;
    padding: 1px;
}

div#middle-container {
    margin: 0px;
    padding: 20px;
}

div#footer {
    background-image: url(../images/bgfooter.gif);
    background-repeat: repeat-x;
    border: none;
    clear: both;
    color: #FFF;
    font-size: smaller;
    height: 27px;
    line-height: 27px;
    margin-top: 10px;
    padding-bottom: 3px;
    text-align: center;
}

div.underheader {
    background-image: url(../images/btmshadow.png);
    background-repeat: repeat-x;
    clear: both;
}

div.header-text {
    float: left;
    position: absolute;
    top: 20px;
    left: 12px;
}

div.header-logo {
    float: right;
    padding-right: 12px;
}


/**************** anchor styles ****************/
a:link, a:visited {
    background: none;
    color: #4C5EA8;
    text-decoration: none;
}

a:active, a:hover {
    color: #DF1C29;
    text-decoration: underline;
}

a.text-like {
    background: none; 
    color: #333333;
    cursor: text;
    text-decoration: none;
}

div#footer a {
    background: none; 
    color: #FFFFFF;
    cursor: text;
    text-decoration: none;
}

/**************** title styles ****************/
.pn-title {
    color: #DF1C29;     /* red */
    font: bold large Verdana, Helvetica, Arial, sans-serif;
    margin-top: 0.5em;
}

h1, h1.pn-pagetitle {
    color: #4C5EA8;     /* blue */
    font: bold large Verdana, Helvetica, Arial, sans-serif;
    margin-top: 0.3em;
}

h2, h2.pn-title {
    color: #4C5EA8;
    font: bold large Verdana, Helvetica, Arial, sans-serif;
    margin-top: 0.3em;
}

h3, h3.pn-title {
    color: #4C5EA8;
    font: bold large Verdana, Helvetica, Arial, sans-serif;
}

h4, h4.pn-title { 
    color: #4C5EA8;
    font: bold large Verdana, Helvetica, Arial, sans-serif;
}

h4.blocktitle { 
	background-image: url(../images/bgmenu.gif);
	background-repeat: repeat-x;
    color: #FFF;
    font: normal medium Verdana, Helvetica, Arial, sans-serif;
    height: 27px;
    margin: 0;
    padding: 3px 2px 0 2px;
    text-align: center;
}


/**************** content styles ****************/
a img, img {
    border: 0px;
}

pre {
    font-size: small;
    font-family: monospace; 
}

div#pn-maincontent-wrapper {
    border-color: #CCCCCC #808080 #808080 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-size: smaller;
    margin: 0 0 1.25em 0;
    padding: 5px 10px 5px 10px;
}

div#pn-subcontent-wrapper {
    border-color: #CCCCCC #808080 #808080 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-size: smaller;
    margin: 0 0 1.25em 0;
    padding: 5px 10px 5px 10px;
}

div.pn-userpageicon {
    padding: 0px 0px 5px 5px;
}

div.pn-userpageicon img {
    float: right;
    padding-top: 10px;
}

div#pn-maincontent h2,h1 {
	border-bottom: 1px solid #CCCCCC;
    margin-top: 0px;
	text-align: left;
}

div.pn-usericoncontainer {
    padding-bottom: 0.5em;
    text-align: center;
}
    

/**************** top blocks ****************/
.pn-blockposition-top hr, .pn-blockposition-top h4
{
    display: none;
}

div.pn-blockposition-top ul.navlist {
	height: 20px;
    margin: 0 0 0 10px;
    padding: 0px;
    vertical-align: bottom;
    width: 100%;
}

div.pn-blockposition-top ul.navlist li {
	display: inline;
	list-style-type: none;
	margin: 0; 
	padding: 0;
}
	
div.pn-blockposition-top ul.navlist a:link,
div.pn-blockposition-top ul.navlist a:visited,
div.pn-blockposition-top ul.navlist a:link,
div.pn-blockposition-top ul.navlist a:visited {
	background-image: url(../images/bgmenu.gif);
	background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #666 #CCCCCC;
    border-style: solid;
    border-width: 1px;
	color: #FFF;
	float: left;
	font-size: x-small;
	font-weight: bold;
	line-height: 14px;
	margin-right: 4px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

div.pn-blockposition-top ul.navlist a:hover, div.pn-blockposition-top ul.navlist a:active {
	background-image: url(../images/bgmenu.gif);
	background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #666 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #FFFF00;
}

div#top div.pn-bkey-menu {
    float: left;
}

div#top div.pn-bkey-html {
    float: right;
    font-size: smaller;
    margin: 0 12px 0 0;
    padding: 0;
    vertical-align: bottom;
}




/**************** center blocks ****************/
div.pn-blockposition-center
{
    background-color: #F6F6F6;
    border-color: #CCCCCC #808080 #808080 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-size: smaller;
    margin: 0 0 1.25em 0;
    padding: 0px 1% 5px 1%;
}

div.pn-blockposition-center h2, div.pn-blockposition-center h1 {
	border-bottom: 1px solid #CCCCCC;
    margin-top: 0px;
	text-align: left;
}

.pn-blockposition-center hr
{
    display: none;
}

div.center-block div.blockcontent{
    margin: 0px; 
    padding: 2px;
}

div.center-block ul {
    list-style-position: outside;
    margin-left: 1.5em;
    margin-top: 0;
}


/* menu styles */
.pn-menu {
    text-align: center;
}

.pn-menuitem-title {
    text-align: center;
}


/**************** general ****************/
.clear {
    clear: both;
}

.nobreak {
    white-space: nowrap;
}

.semi-opaque {
    opacity: .6;
    filter: alpha(opacity=60);
}











/* center */
.table1
{
	width: 99%;
	margin: 0 0 0 0;
	padding: 1px;
}
.table1inside
{
	overflow:auto;
	margin: 0;
	padding: 8px;
}
.table2
{
	width: 99%;
	margin: 0 0 0 0;
	padding: 1px;
}
.table2inside
{
	overflow:auto;
	margin: 0;
	padding: 8px;
}

.ccblock1
{
	width: 99%;
	margin: 0 0 0 0;
	padding: 1px;
}
.ccblock1inside
{
	overflow:auto;
	margin: 0;
	padding: 8px;
}
.ccblock2
{
	width: 99%;
	margin: 0 0 0 0;
	padding: 1px;
}
.ccblock2inside
{
	overflow:auto;
	margin: 0;
	padding: 8px;
}

.ccblock2inside h1, .ccblock2inside h2
{
	margin: 5px;
	font-size: 130%;
	text-align: center;
}



.newsouterindex
{
	margin: 0 0 0 0;
	padding: 0;
	border-style: solid;
	border-width: 1px;
	width: 99%;
}
.newsinnerindex
{
	overflow:auto;
	height: 100%; /* Fix for IE6 disappearing float bug */
	margin: 5px;
	padding: 10px;
	border-style: solid;
        border-width: 1px;
}
.bannerbox
{
	overflow: hidden;
	margin-top: 10px; 
	margin-right:auto; 
	margin-bottom: 10px; 
	margin-left:auto; 
	text-align: center; 
}


    


.ccblock1 { background-color:#DF1C29 }
.ccblock2 { background-color:#99B0E3; }
.ccblock1inside { background-color:#EDF3F7; color:#333333; }
.ccblock2inside { background-color:#FFFFFF; color:#333333; }

.table1 { background-color:#99B0E3 }
.table2 { background-color:#99B0E3; }
.table1inside { background-color:#EDF3F7; color:#333333; }
.table2inside { background-color:#FFFFFF; color:#333333; }

.newsouterindex { background-color:#EDF3F7; border-color:#99B0E3; color:#333333; }
.newsinnerindex { background-color:#FFFFFF; border-color:#99B0E3; color:#333333; }