body {background-color:#fff;padding-top: 0px;font-family: helvetica;margin: 0px;}
img {border:0px}
h2 {font-size: 1.1em;color: #003366;font-weight: bold;}
a:link,a:visited {color: #000000;}
a:hover {color: #000000;}

#main {
	width: 900px;
	margin: auto;
	background: url(../images/portaneologo.png) no-repeat top left;
	padding: 0px;
	/*overflow: hidden;*/
}
.content1 {
	width: 882px;
	padding: 6px;
	margin: 0px;
	text-align: justify;
}
.content-outer
{
	width: 894px;
	margin: 0px;
}
.content-inner
{
	width: 882px;
	padding: 6px;
	text-align: justify;
}

#menu #menuopt {color: #000000;font-size: 1.1em;padding-top: 20px;padding-left:20px;}
#menu  #menuopt .selected {border-bottom: 4px solid #000000;margin-right: 15px;}
#menu  #menuopt a:link,#menu  #menuopt a:visited {color: #000000;text-decoration: none;margin-right: 15px;}
#menu  #menuopt a:hover {border-bottom: 4px solid #000000;}
#menu {}

#logo {padding-top: 50px;}
#logo a:link,#logo a:visited {color: #000000;text-decoration: none;font-weight: bold;}
#logo a:hover {text-decoration: underline;}

#footerlinks {float: bottom;border-top: 1px solid #003366;color: #003366;font-size: 0.9em;padding: 8px 0 8px 0;text-align: center;}
#footerlinks a:link,#footerlinks a:visited {color: #003366;text-decoration: none;}
#footerlinks a:hover {text-decoration: underline;}

#header, #content,#footerlinks {
  width: 900px;
}
#header {
}
#header_top {
	text-align: right;
	vertical-align: top;
	padding-right: 20px;
	font-size: 1.1em;
}
#header_top a {
	text-decoration: none;
	font-size: 0.8em;
}
#header_bottom {
	text-align: right;
	vertical-align: bottom;
	padding:0px;
}
#header_bottom .content {
}
#header_bottom .block {
	border-bottom: 0;
	padding: 0px;
}
#header_bottom .menu {
	list-style: none;
	padding: 4px;
	margin: 0px;
}
#header_bottom .leaf {
	display: inline;
	margin-left: 3px;
}
#header_bottom a:link,#header_bottom a:visited {
	color: #003366;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	border-right: 2px solid #E1E1E1;
	text-decoration: none;
	font-size:11pt;
}
#header_bottom a.selected:link,#header_bottom a.selected:visited {
	color: #FFA600;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	border-right: 2px solid #E1E1E1;
	font-size:11pt;
}
#header_bottom a:hover {
	color: #000000;
}
#logo {
  vertical-align: middle;
  border: 0;
}
#logo_top {
  vertical-align: bottom;
  text-align: left;
  border: 0;
  padding : 10px 10px 0px 10px;
  margin: 0px;
  line-height: 0px;
  height: 100px;
}
#logo_bottom {
  vertical-align: top;
  text-align: left;
  border: 0;
  padding : 0 10px 10px 13px;
}

#sidebar {vertical-align: top;width: 300px;padding: 4px 0 0 0;margin: 0px;}
#sidebar .title {margin: 1px;padding: 4px;width: 290px;background: #003366;color: #ffffff;font-size: 13pt;font-weight: bold;}
#sidebar .box {width: 300px;text-align: left;border: 2px solid #003366;}
#sidebar .body {padding: 10px;}

#articles {width:444px;vertical-align: top;text-align: justify;padding: 0 10px 10px 5px;}
.article {margin: 20px 5px 0 5px;}
.article .title {font-size: 0.9em;font-weight: bold;color: #003366;}
.article .body {font-size: 0.8em;}
.desc {font-size: 0.9em;vertical-align: top;}
.timeline {color: #ffffff;height: 110px;font-size: 0.8em;vertical-align: top;width: 150px;padding: 4px 0 4px 22px;background: url(../images/timeline.png) left top;}

.maintitle {color: #003366;font-weight: bold;font-size: 1.1em;border-bottom: 1px solid #003366;}

a.important
{
	background: #FFFFAB;
	padding: 6px;
	border: 1px solid #c6c3c6;
	text-decoration: none;
}
a.important:hover
{
	background: #FFE987;
	border-color: #003366;
}
.message {background-color: #FFFFAB;padding:10px;border: 1px solid #c6c3c6;}

.linkbox
{
	margin-bottom: 15px;
}
.linkbox a:link,
.linkbox a:visited
{
	padding: 10px;
	border: 1px solid #dddddd;
	display: block;
	text-decoration: none;
	font-size: 9pt;
	height: 60px;
}
.linkbox a:hover
{
	border: 1px solid #003366;
}
.linkbox span
{
	display:inline;
}
.linkbox img
{
	float:left;
	margin-right: 10px;
}


/* ==================================================== WIDGETS =============================================================== */
#mousebox {
	z-index: 10001;
	display: none;
	position: absolute;
	color: #000000;
	border: 1px solid #000000;
	padding: 5px;
	background-color:#FFFFE1;
	width: 300px;
	font-size: 0.6em;
}
.module,.module1,.module2,.module3,.module4,.module5,.module6 {
	margin-bottom: 6px;
	border: 3px solid #efefef;
}
.module .bmod {
	border: 2px solid #003366;
}
.module1 .bmod {
	border: 1px solid #177AB4;
}
.module2 .bmod {
	border: 1px solid #BE0A0A;
}
.module3 .bmod {
	border: 1px solid #7DB51B;
}
.module4 .bmod,.module5 .bmod,.module6 .bmod {
	border: 1px solid #262626;
}
.newmodule {
	position: absolute;
}
.module .hmod {
	display: none;
	background-color: #003366;
	border: 1px solid #fff;
}
.module1 .hmod {
	display: none;
	background-color: #177AB4;
}
.module2 .hmod {
	display: none;
	background-color: #BE0A0A;
}
.module3 .hmod {
	display: none;
	background-color: #7DB51B;
}
.module4 .hmod,.module5 .hmod,.module6 .hmod {
	display: none;
	background-color: #262626;
}
.barstyle0 {
	background: #fff;
	overflow: hidden;
}
.barstyle1 {
	background-color: #177AB4;
	overflow: hidden;
}
.barstyle2 {
	background-color: #BE0A0A;
	overflow: hidden;
}
.barstyle3 {
	background-color: #7DB51B;
	overflow: hidden;
}
.barstyle4,.barstyle5,.barstyle6 {
	background-color: #262626;
	overflow: hidden;
}
.module .hmod, .module .hmod a:visited, .module .hmod a:link, .module .hmod a:active {
	color: #fff;
	font-size: 10pt;
}
.module1 .hmod, .module1 .hmod a:visited, .module1 .hmod a:link, .module1 .hmod a:active {
	color: #ffffff;
	font-size: 8pt;
}
.module2 .hmod, .module2 .hmod a:visited, .module2 .hmod a:link, .module2 .hmod a:active {
	color: #ffffff;
	font-size: 8pt;
}
.module3 .hmod, .module3 .hmod a:visited, .module3 .hmod a:link, .module3 .hmod a:active {
	color: #ffffff;
	font-size: 8pt;
}
.module4 .hmod, .module4 .hmod a:visited, .module4 .hmod a:link, .module4 .hmod a:active {
	color: #ffffff;
	font-size: 8pt;
}
.module5 .hmod, .module5 .hmod a:visited, .module5 .hmod a:link, .module5 .hmod a:active {
	color: #ffffff;
	font-size: 8pt;
}
.module6 .hmod, .module6 .hmod a:visited, .module6 .hmod a:link, .module6 .hmod a:active {
	color: #ffffff;
	font-size: 8pt;
}
.module .headmod {
	padding: 0px;
	margin: 0px;
}
.module1 .headmod {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #177AB4;
}
.module2 .headmod {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #BE0A0A;
}
.module3 .headmod {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #7DB51B;
}
.module4 .headmod,.module5 .headmod,.module6 .headmod {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #262626;
}
.module .titmod {
	padding: 3px 5px 3px 5px;
	font-size: 10pt;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
	text-align: left;
}
.module1 .titmod,.module2 .titmod,.module3 .titmod,.module4 .titmod,.module5 .titmod,.module6 .titmod {
	padding: 2px 5px 0 5px;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	overflow:hidden;
	text-align: left;
}
.module .hmod a.rssstatus:link,.module .hmod a.rssstatus:visited {
	color: #FFCC00;
	text-decoration: none;
}
.module1 .hmod a.rssstatus:link,.module1 .hmod a.rssstatus:visited {
	color: #ffffff;
	text-decoration: none;
}
.module2 .hmod a.rssstatus:link,.module2 .hmod a.rssstatus:visited {
	color: #ffffff;
	text-decoration: none;
}
.module3 .hmod a.rssstatus:link,.module3 .hmod a.rssstatus:visited {
	color: #ffffff;
	text-decoration: none;
}
.module4 .hmod a.rssstatus:link,.module4 .hmod a.rssstatus:visited {
	color: #ffffff;
	text-decoration: none;
}
.module5 .hmod a.rssstatus:link,.module5 .hmod a.rssstatus:visited {
	color: #ffffff;
	text-decoration: none;
}
.module6 .hmod a.rssstatus:link,.module6 .hmod a.rssstatus:visited {
	color: #ffffff;
	text-decoration: none;
}
.optmod {
	text-align: right;
	line-height: 20px;
	display: block;
	width: 135px;
	vertical-align: middle;
	padding: 0px;
}
.optmodhide {
	text-align: right;
	line-height: 20px;
	display: none;
	width: 135px;
	vertical-align: middle;
	padding: 0px;
}
.optmoda {
	white-space: nowrap;
	font-size: 8pt;
	line-height: 20px;
	display: block;
	padding: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.barcoli {
	border: 1px solid transparent;
	text-decoration:none;
}
.barcola {
	border: 1px solid #000000;
	text-decoration:none;
}
.content {
	margin: 0px;
	padding: 6px;
	text-align: justify;
}
.content td {
	color: #000000;
	text-align: justify;
}
.content .rss {
	padding:6px;
}
.content input,.content select {
	border: 0px;
	font-size: 0.8em;
	background-color: #d6d6d6;
}
.content .nostyle {
	border: 0px;
	background-color: #ffffff;
}
.content .btn {
	border: 1px outset #c6c3c6;
	height: 18px;
}
.content ul {
	list-style: url(../images/ico_right_arrow.gif) outside;
	padding: 0 0 0 12px;
	margin: 2px;
}
.content li {
	margin: 0 0 3px 0
}
.content .link a:link {
	color: #000000;
	text-decoration: none;
}
.content .link a:visited {
	color: #999999;
	text-decoration: none;
}
.content .link a:hover {
	color: #9C0000;
	text-decoration: underline;
}
.content .link .contentpic {
	width: 12px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	background: url(../images/puce.gif) no-repeat 0px 5px;
}
.content .linkread a:link,.content .linkread a:visited {
	color: #999999;
}
.content .linkread .contentpic {
	width: 12px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	background: url(../images/pucei.gif) no-repeat 0px 5px;
}
.content .linkunread a:link,.content .linkunread a:visited {
	color: #000000;
}
.content .linkunread .contentpic {
	width: 12px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	background: url(../images/puce.gif) no-repeat 0px 5px;
}
.content .linkread img {
	opacity: 0.5;
	filter: alpha(opacity=25);
}
.content .linkunread img {}
.menubox {
	background-color: #e1e1e1;
	vertical-align: top;
	border: 1px solid #c6c3c6;
}
.menucont {
	padding: 6px;
	font-size: 0.8em;
}
.menucont td {
	color: #777777;
}
.menuhdr {
	padding-left: 4px;
	padding-right: 10px;
	border-bottom: 2px inset #f7f7f7;
	background-color: #dedede;
}
.menutitle {
	color: #000000;
	font-size: 1em;
	width: 100%
}
.menuclose {
	text-align: right;
	white-space: nowrap;
	background: url(../images/ico_close.gif) no-repeat left center;
}
.menufocus {
	background-color: #efefef
}
.menumod {
	color: #ffffff;
	background-color: #c6c3c6;
}
.addmenuhdr {
	border-bottom: 2px inset #f7f7f7;
	width: 800px;
	padding: 0px;
}
.menuopt {
	border-bottom: 2px inset #f7f7f7;
}
.chgcolor {
	color: #ffffff;
	background-color: #c6c3c6;
}
.menuaddbtn {
	padding-bottom: 4px;
}
.menumodule {
	font-size: 1.2em;
}

.menuitem {
	color: #ffffff;
	font-weight: bold;
	padding:4px;
	cursor: pointer;
	cursor: hand;
	font-size: 8pt;
}
.menuitemcontent {
	padding: 6px;
	background: #ffffff;
}
ul.menulist {
	margin: 0;
	padding: 2px;
}
ul.menulist li {
	list-style: none;
	margin: 1px;
	display: inline;
}
ul.menulist li a, ul.menulist li a:link, ul.menulist li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	background: #999999;
}
ul.menulist li a:hover {
	background: #555555;
	text-decoration: none;
}
ul.menulist li.menulistsel {
	color: #ffffff;
	background: #555555;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
}

#vmenu,
#hmenu {
	z-index: 7;
	padding: 0px;
	background: #aaaaaa;
	border: 3px solid #555555;
	display: none;
	font-size: 0.8em;
	color: #000000;
}
#menuclosebutton a:link,
#menuclosebutton a:visited {
	color: #000000;
}
#vmenucontent,
#hmenucontent {
	clear:both;
	position:relative;
	z-index:10;
	padding-left: 1px;
	padding-right: 1px;
	color: #000000;
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
}
#vmenusuboptions,
#hmenusuboptions {
	position:relative;
	z-index:7;
	background: #555555;
	width: 100%;
	padding: 3px 0 3px 0;
	vertical-align: bottom;
	font-weight: bold;
	color: #ffffff;
}
#vmenuheader 
#hmenuheader{
	background: #efefef;
	color: #ffffff;
	width: 100%;
	font-weight: bold;
	padding: 6px 0px 20px 0;
}
#vmenuoptions ul.menulist li a,
#hmenuoptions ul.menulist li a {
	padding: 8px;
}
#vmenuoptions ul.menulist li.menulistsel,
#hmenuoptions ul.menulist li.menulistsel {
	padding: 8px;
}
#vmenusuboptions ul.menulist li a,
#hmenusuboptions ul.menulist li a {
	color: #ffffff;
	border: 1px solid transparent;
	font-size: 8pt;
}
#vmenusuboptions ul.menulist li a:hover,#vmenusuboptions ul.menulist li.menulistsel,
#hmenusuboptions ul.menulist li a:hover,#hmenusuboptions ul.menulist li.menulistsel {
	color: #ffffff;
	background: #999999;
	border: 1px solid #ffffff;
	font-size: 8pt;
}
#vmenu a:link,#vmenu a:visited,
#hmenu a:link,#hmenu a:visited  {
	font-size: 1em;
	color: #000000;
}
#vmenu a.dirlink:link,#vmenu a.dirlink:visited,
#hmenu a.dirlink:link,#hmenu a.dirlink:visited {
	font-size: 0.85em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#vmenu a.modlink:link,#vmenu a.modlink:visited,
#hmenu a.modlink:link,#hmenu a.modlink:visited {
	font-size: 0.85em;
	color: #555555;
	text-decoration: none;
	font-weight: bold;
}

#vmenu {
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 244px;
	overflow: hidden;
}
#vmenucontent {
	width: 242px;
}
#vmenu .menuitem {
	width: 234px;
	background-color: #999999;
	vertical-align: center;
	border-top:1px solid #ffffff;
}
#vmenu .menuitemcontent {
	width: 230px;
}
#vmenu .title {
	color: #aaaaaa;
	font-weight: bold;
	margin-bottom: 3px;
	border-bottom: 1px solid;
}

#hmenu {
	z-index: 7;
	padding: 0px;
	background: #999999;
	border: 3px solid #555555;
	display: none;
	font-size: 0.8em;
	color: #000000;
	height: 250px;
	overflow: hidden;
}
#hmenucontent {
	background: #555555;
}
.hmenucontentli {
	list-style:none;
	margin:5px;
	float:left;
	border:3px solid #e1e1e1;
	height:174px;
	width:330px;
	overflow:auto;
	background:#ffffff;
}
#hmenu .menuitem {
	background: #555555;
}
#hmenu .menuitemcontent {
	width: 290px;
}
.leftmenuitemgroup {
	border: 1px solid #C6C3C6; 
	height: 105px; 
	/*width: 180px; */
	overflow:auto;
}

a.optlist {
	color: #c6c3c6;
	white-space: nowrap;
	text-decoration: none;
	border:1px solid #c6c3c6;
	padding: 1px;
}
a.optlist:hover {
	color: #c6c3c6;
	white-space: nowrap;
	text-decoration: none;
	border: 1px solid #c6c3c6;
	padding: 1px;
}
a.sellist {
	color: #ffffff;
	background-color: #c6c3c6;
	white-space: nowrap;
	text-decoration: none;
	border: 1px solid #c6c3c6;
	padding: 1px;
}
#popup {
	z-index: 10000;
	font-size: 0.8em;
	position: absolute;
	padding: 8px;
	top: 30px;
	left: 50%;
}
#popupcontent{
	padding: 8px;
}
#popupcontent .title {
	color: #000000;
	width: 90%;
	font-weight: bold;
	margin-bottom: 3px;
	border-bottom: 1px solid;
}
.popuphdr {
	background-color: #666666;
	color: #ffffff;
	width: 100%;
	height: 30px;
	font-weight: bold;
	font-size: 1.2em;
}
/* CSS taken from http://www.webreference.com/programming/css_borders/2.html */
.round {
	background:transparent; 
}
.round .b1, .round .b2, .round .b3, .round .b4, .round .b1b, .round .b2b, .round .b3b, .round .b4b {
	display:block; 
	overflow:hidden;
	font-size:1px;
}
.round .b1, .round .b2, .round .b3, .round .b1b, .round .b2b, .round .b3b {
	height:1px;
}
.round .b2 {
	background:#fff; 
	border-left:1px solid #fff; 
	border-right:1px solid #eee;
}
.round .b3 {
	background:#fff; 
	border-left:1px solid #fff; 
	border-right:1px solid #ddd;
}
.round .b4 {
	background:#fff; 
	border-left:1px solid #fff; 
	border-right:1px solid #aaa;
}
.round .b4b {
	background:#fff;
	border-left:1px solid #eee; 
	border-right:1px solid #999;
}
.round .b3b {
	background:#fff;
	border-left:1px solid #ddd; 
	border-right:1px solid #999;
}
.round .b2b {
	background:#fff; 
	border-left:1px solid #aaa; 
	border-right:1px solid #999;
}
.round .b1 {
	margin:0 5px; 
	background:#fff;
}
.round .b2, .round .b2b {
	margin:0 3px; 
	border-width:0 2px;
}
.round .b3, .round .b3b {
	margin:0 2px;
}
.round .b4, .round .b4b {
	height:2px; margin:0 1px;
}
.round .b1b {
	margin:0 5px;background:#fff; 
}
.round .boxcontent {
	display:block;  
	background:#fff; 
	border-left:1px solid #fff; 
	border-right:1px solid #999;
}