@charset "utf-8";
/* CSS Document */
/* body & wrapper*/
body {margin: 0px auto 0px auto; background-image:url('../images/main_bg.jpg'); background-color:#436781; background-position:top; background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}
#wrapper {width:950px; height:auto; margin: 0px auto 0px auto; text-align:left;}
#wrappert {width:950px; background-color: #fcfcfc; height:auto; margin: 0px auto 0px auto; text-align:left;}
@media only screen and (max-width: 480px) {

}	
/* navigation area */
#head { background-image:url('../images/lodod.png'); background-repeat:no-repeat; display:block; height:110px;  visibility:visible;}
@media only screen and (max-width: 660px) {
#head { background-image:url('../images/lodod-sm.png'); background-repeat:no-repeat; height:60px; }
}
/* banner & backgrounds*/
#banner {background-image:url('../images/portland.png'); background-repeat:no-repeat; height:242px;  }
@media only screen and (max-width: 660px) {
#banner { background-image:url('../images/portland-sm.png'); background-repeat:no-repeat; height:120px; background-position:left; }
}		
/* footer */
#content { padding:15px;}
#contentr { width:40%; float:right;}
@media only screen and (max-width: 480px) {
	#contentr { width: 100%; }
}
/* #footer { width:100%; height:75px; float:left; background-color:#e5e5e5;}*/
/*#footer_content {width:100%; height: 60px; margin: 0px auto 0px auto; font-size:11px;}*/
/*#footernav {position:relative; bottom:50px; width:100%;}*/
/* link styles */
a:link {color:#3a81e6; text-decoration:underline;}  
a:visited {color:#3a81e6; text-decoration:underline;} 
a:hover {color:#00d1a9; text-decoration:underline;}/* mouse over */
a:active {color:#3a81e6; text-decoration:underline;}	
/* head styles*/
h1 {font-size:24px; padding-top:0px; margin:0px; margin-top:4px;margin-bottom:15px; font-weight:normal;}
h2 {font-size:20px; margin-top:4px; margin-bottom:15px; font-weight:normal}
h3 {font-size:14px; line-height:16px; margin:0px; font-weight:normal;}
h4 {font-size:14px; line-height:18px; margin:0px; padding-top:10px; font-weight:normal;}
p  { }
/*list styles */
.list {position:relative; left:20px; float:left;}
li {letter-spacing:0px; font-weight:normal;}
ul {list-style:disc;}
ol {letter-spacing:0px;}
/* font styles */
.bodytexthd {font-size:18px; color:#525252; font-weight:bold;}
.bodytextwhite {font-size:12px; color:#ffffff;}
.bodytextred{font-size:18px; color:red;}
.bodytext {font-size:14px; color:#000000;}
.bodytextsmall {font-size:11px; color:#000000;}
.bodytextbig {font-size:12px; line-height:18px; margin:0px; font-weight:bold}
.bodytextbigger {font-size:12px; line-height:18px; margin:0px; font-weight:bold;}
.fancy {text-shadow:#666 0.2em 0.1em 0.2em; font-size:26px; color:#000; line-height:32px; margin-top:15px; margin-bottom:15px; font-weight:bold; padding-left:10px;}
.headertext {font-size:16px; color:#000000;}
.title_small{font-size:12px; color:#000; font-weight:bold;}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col { cursor: pointer;
	background-image:url(../images/dsao-member.png); background-repeat:no-repeat; background-position:center;
	height:75px;
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}
.col2 { cursor: pointer;
	background-image:url(../images/board-member.png); background-repeat:no-repeat; background-position:center;
	height:75px;
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col, .col2 { 
		margin: 1% 0 1% 0%;
		background-position:left;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}