/* CSS Document */

body {
  text-align: center; /* IE page centering */
  background: silver; /* contrast */
  background:#fff url(../../resources/images/bg-site.jpg) repeat-y center;
	margin:0;
	font:12px Georgia, "Times New Roman", Times, serif;
}

#viewport {
  width: 620px; /* viewport width */
  /*height: 330px;  viewport heigth */
  overflow: auto; /* scrollbars */
  background: white; /* contrast */
  white-space: nowrap; /* image flow not stack */
    /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
}

#viewport img {
  height: 324px; /* max height scaling of images */
  border-width: 0; /* remove a link border on images */
}





span.itemHeader{
	font:normal 13px "Arial Black", Gadget, sans-serif;
	padding:0;
	margin:0;
	font-weight: bold;
}


.NewsItemimg  {
	clear: none;
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 7px;
	margin-right: 16px;
	margin-left: 0px;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


p.NewsItem {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 16px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	clear:both;
	text-align: left;
    line-height: 13px;
}

.homeText {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
}

.col2 {
	width: 400px;
	float: left;
	margin-bottom: 50px;
	margin-top: 20px;
}
.col3 {
	float: left;
	width: 280px;
	padding-top: 20px;
	padding-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.col4 {
	float: left;
	width: 280px;
	padding-top: 0px;
	padding-left: 20px;
}

.head1 {
	float: none;
	width: 700px;
}

a, a:link, a:hover, a:active {
	color:#445A65;
}
a:visited{
	color: #8F9CA3;
}

#header {
	background:url(../../resources/images/bg-header.jpg) repeat-x;
	height:94px;
}
#header .center {width:700px;text-align:left;}
#header .logo {
	margin:0;
	padding:25px 0 0 18px;
}

.sitemap {
	padding-left:110px;
	line-height:1.4em;
}

#navigation {
	background:url(../../resources/images/bg-navigation.jpg) repeat-x;
	height:34px;
	font-weight:bold;
	text-align:left;
	width:700px;
}

#page {
	background:url(../../resources/images/bg-page.jpg) repeat-y center;
	width:714px;
}
#page .content {
	text-align:left;
	padding:10px 48px 10px 48px;
}
#page .content b {color:#445A65;}
#page .block {margin:70px 0 30px 0;}
#page .mission {margin-bottom:20px;}
#page ul {
	list-style:none;
}
#page ul li {
	margin:5px 0;
	background:url(http://www.portlandholdings.com/resources/images/separator-nav.gif) no-repeat 0 4px;
	padding-left:12px;
}

#pageHead {
	margin-left:6px;
	margin-right:6px;
}

#breadcrumb {
	text-align:left;
	padding-left: 36px;
	font:10px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	padding-top:6px;
	padding-bottom:3px;
}

#breadcrumb a{
	text-decoration:none;
	color:#8F9CA3;
}

#breadcrumb a:hover{
	text-decoration:underline;
}

h1 {
	color:#445A65;
	font-size:19px;
	font-weight:normal;
	padding:0 0 3px 0;
	margin:0;
	border-bottom:1px solid #bbb;
}
h2 {
	color:#445A65;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.logos {
	margin-right:12px;
	margin-bottom:8px;
}

.logosRight {
	margin-left:12px;
	margin-bottom:8px;
}

p {line-height:17px;padding:0;margin:8px 0;}

.bigLetter {
	font-size:22px;
	color:#445A65;
	font-weight:bold;
	line-height:21px;
	padding-right:2px;
}

#footer {
	border-top:1px solid #ddd;
	margin-top:20px;
	width:700px;
}
#footer .content {
	padding:8px;
	font:10px Arial, Helvetica, sans-serif;
}
#footer a {
	font:11px Arial, Helvetica, sans-serif;
	color:#445A65;
	text-decoration:none;
}
#footer ul {
	margin:0;
	padding:0;
	float:right;
}
#footer ul li {
	margin:0;
	padding:0;
	display:inline;
	background:none;
}

.image {
	border-right:2px solid #ddd;
	border-bottom:2px solid #ddd;
}

/*********** # menu styles ***********/
#topmenu {
	margin:0;
	padding-left:20px;
	width:655px;
	overflow: hidden;	
}

.menu_group_0 a{
	margin:0;
	padding:10px 10px 0 10px;
	background:url(../../resources/images/separator-nav.gif) no-repeat right 14px;
	
}

.menu_group_1{
	border:1px solid #475b65;
	background:#f6f3f0 url(../../resources/images/bg-dropdown.jpg) repeat-x bottom;
	padding:0;
	width: auto !important;
}

.menu_group_2 {
	border:1px solid #475b65;
	background:#f6f3f0 url(../../resources/images/bg-dropdown.jpg) repeat-x bottom;
	padding:0;
	width: auto !important;
}

.menu_group_3 {
	border:1px solid #475b65;
	background:#f6f3f0 url(../../resources/images/bg-dropdown.jpg) repeat-x bottom;
	padding:0;
	width: auto !important;
}

.menu_group_0 td
{
	/*display: block;*/	
	padding:0 0px 0 0;	
	white-space: nowrap;
	font:bold 11px Georgia, "Times New Roman", Times, serif;
}

.menu_group_1 td, .menu_group_2 td, .menu_group_3 td{
	border-bottom:1px solid #a7a3a2;
	border-top:1px solid #fff;
}

#topmenu_5, #topmenu_6 {background:none;}

.menu_group_0 a, .menu_group_0 a:active, .menu_group_0 a:visited{
    font:bold 11px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#3f3f3f;
	display: block;	
}

.menu_group_0 a:hover{
    font:bold 11px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#8F9CA3;
	display: block;
}

.menu_group_1 a, .menu_group_1 a:active, .menu_group_1 a:visited,
.menu_group_2 a, .menu_group_2 a:active, .menu_group_2 a:visited,
.menu_group_3 a, .menu_group_3 a:active, .menu_group_3 a:visited{
    font:bold 11px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#021A32;
	padding:4px 8px;
	display:block;
}

.menu_group_1 a:hover, .menu_group_2 a:hover, .menu_group_3 a:hover{
    font:bold 11px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#fff;
	background:#4a3629;
	padding:4px 8px;
	display:block;
}

/*********** # form styles ***********/
.buttonHolder{
    float:right;
	clear:none;
    width:270px;
	height:30px;
	padding:0;
	margin:2px;
	text-align:center;
}
.button{
    background: url(../../resources/images/BG_Nav.gif) 0 -17px repeat-x #CCD1D6;
    font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #021A32;
	text-transform:uppercase;
	border:1px double #021A32;
	cursor: pointer !important;
	cursor: hand;
	margin:25px 0 0 10px;
	padding:3px 5px;
}
.button_sm{
    background: url(../../resources/images/BG_Nav.gif) 0 -17px repeat-x #CCD1D6;
    font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height:23px;
    color: #021A32;
	text-transform:uppercase;
	border:1px double #021A32;
	cursor: pointer !important;
	cursor: hand;
	margin:5px 0 0 10px;
	padding:2px 5px;
}

div.formHolder{
    clear:both;
    width: 570px;
	margin:10px 5px 20px 10px !important;
	margin:10px 5px 0 5px;
	padding:10px 0 0 0 !important;
	padding:0;
}
.formHolder p{
    clear:both;
    font:bold 14px/18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#021A32;
    margin:5px 10px 10px 10px;
}

.formItem{
    float:left;
	clear:none;
	width:275px;
	background:#35485B;
	border:1px solid #021A32 !important;
	border:none;
	padding:0;
	margin:2px;
	text-align:center;
}
.formComments{
    float:left;
	clear:none;	
    width:562px;
	background:#35485B;
	border:1px solid #021A32 !important;
	border:none;
	padding:0;
	margin:2px 2px 20px 2px;
	text-align:center;
}
.formItem H4, .formComments H4, .formradiobuttons H4, .formcheckboxes H4{
    height:15px;
    font:bold 12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color:#FFF;
	text-align:left;
    padding:3px 5px;
	margin:0;
}
.formItem input{    
    width:268px;
	height:20px;
    font:normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:0;
	padding:1px 0 2px 0px;
	border:none;
}
.formComments textarea{    
    width:557px;
    font:normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:0;
	padding:1px 0 2px 0px;
	border:none;
}
div.formValidators{
    clear:both;
    width:560px;
	margin:5px;
}

.formradiobuttons{
    float:left;
	clear:none;
	width:275px !important;
    width:280px;
	background:#35485B;
	border:1px solid #021A32;
	padding:0;
	margin:2px;
	text-align:center;
}
.formradiobuttons table{
    background:#FFF;
	height:20px !important;
	height:23px;
    width:274px !important;
    width:276px;
	padding:0;
	margin:0;
}
.formradiobuttons input{
	height:10px !important;
	height:15px;
}
.formradiobuttons label{
    font:normal 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.formcheckboxes{
    float:left;
	clear:none;
	width:275px !important;
    width:280px;
	background:#35485B;
	border:1px solid #021A32;
	padding:0;
	margin:2px;
	text-align:center;
}

.formcheckboxes table{
    background:#FFF;
	height:20px !important;
	height:23px;
    width:274px !important;
    width:276px;
	padding:0;
	margin:0;
}