body {

margin:0;

top:0;

background-color:#eeece3;/*#deecc1;*/

}



div.storyboard {

font-family:Arial, Helvetica, sans-serif;

/*'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;*/

/*font-size:10pt;  I commented this out 9/10/08 so IE would respond to view/text larger and smaller */

height:100%;

top:0;

right:0;

bottom:0;

margin:0;

position:relative;



}

div.my-header

{

	margin:0;

	background-color:#006600;/*#d5ead5;*/

	line-height:1.25em;

	padding-right:0em;

		padding-top:1em;

			padding-bottom:1em;



border-top:2px solid #c78a0c;

border-bottom:1px solid #deecc1;

	border-right:0px solid yellow;

	text-align:center;

	font-size:1.0em;
	font-weight:bold;

	vertical-align:middle;

	color:white;

	/*							border-left:2px solid yellow;*/

}

div.my-header-login

{

	margin:0;
	background-color:#006600;/*#d5ead5;*/
	line-height:.75em;
	padding-right:0em;
	border-top:2px solid #c78a0c;
	border-bottom:1px solid #deecc1;
	font-size:0.9em;
}

div.login {
	top:0;
		padding-right:2em;
		padding-top:.25em;
		link-style:white;
  height:1.7em;
  margin:0%; 
	text-align:right;
	font-size:0.9em;
	vertical-align:middle;
	background-color:#006600;/*#d5ead5;*/
	color:white;
	/*							border-left:2px solid yellow;*/
}

.logo span {
color:red;
width:6em;
}
div.banner {
border-left:1px solid #b9ca3e;
	border-right:1px solid #006600;
	border-top:2px solid #006600;
min-width:99%;
overflow:hidden;
background-image:url(Images/banner_img4.jpg);  /*OTR_logo_final.jpg*/
height:120px;
}

div.logo {

position:absolute;

margin-left:2em;

padding-top:.75em;

vertical-align:bottom;

background-color:transparent;

/*padding-top:0.6em;*/

text-align:left;

width:100%;

}

div.bannerimg {

float:right;

width:100%;

vertical-align:middle;

/*padding-top:0.6em;*/

text-align:right;

 background-position:center;

height:120px;

background-image:url(Images/Member_pics/banner_img.jpg);  /*OTR_logo_final.jpg*/

background-repeat:no-repeat;

background-color:#617b3c;

}

div.cleardiv {

	border-bottom:0px solid #d5e08f;

  clear: both;

  height: 0;

  margin: 0;

  padding: 0;

  line-height: 0;

  font-size: 0.1em;

}

div.cleardiv2 {

	border-bottom:2px solid #d5e08f;

  clear: both;

  height: 0;

  margin: 0;

  padding: 0;

  line-height: 0;

  font-size: 0.1em;

}

div.leftright {

height:100%;
background-color:#c2db8e;  /*#99cc99;*/

/*border:2px solid black;#3a6263;*/



}

div.colLeft {

  position: absolute;

  overflow:visible;

  left:0%; top:auto;

  width: 80%; height: 100%;

  margin:0%; padding:0%;

  background-color:#c2db8e;  /*#99cc99;*/

	border-left:1px solid white;

/*		border-right:1px solid #3a6263;



background-color:#99cc99;*/

height:inherit;



}

div.keywords {

clear:both;

float:left;

width:13%;

color:gray;

margin-right:0;

padding-top:2.25em;

background-color:#c2db8e; /*#b4d273#99cc99;*/

}



div.feature {

font-family:Arial, Helvetica, sans-serif;

border-left:1px solid #c78a0c;

margin-left:0px;

float:right;

background-color:#eef7dd;  /*#deecc1#d5ead5;*/

width:86%;

}

div.feature strong {

font-size:1.1em;



}

div.titleold h1 {

font-size:.85em;

font-variant:small-caps;

color:#006600;

font-weight:bolder;

margin:0 1.4em 0 1em;

border-bottom:0.1em solid green;

font-family:Arial, Helvetica, sans-serif;

background-color:white;

}

div.title {

margin:0;

text-align:left;

}



div.title h1 {

font-size:1em;

font-variant:small-caps;

color:#006600;

font-weight:900;

margin:0 0em 0 4em;

padding-left:0.5em;

padding-right:4.5em;

border-bottom:0.1em solid green;

font-family:Arial, Helvetica, sans-serif;

background-color:#cceeee;  /*#f7f9e8;*/

line-height:1.3em;

}

div.feature p {

font-size:1.0em;

line-height:140%;

margin-left:1.2em;

margin-right:20em;

}

div.calendar {

background-color:#deecc1;

margin:.1em .2em 0em .2em;

padding:.5em;

text-align:left;

border-bottom:1px solid yellow;/*#005400;*/

}

div.calendar span {

margin:0em;

}

div.calendar h1 {

font-size:1.1em;

font-variant:small-caps;

font-weight:bold;

margin:0em;

padding-top:.3em;

border-top:0.1em solid green;

color:#006600;



}

div.calendar p {

color:#006600;

font-weight:bold;

text-align:left;

font-size:1em;

line-height:120%;

}

div.calendar ul {

text-align:left;

margin:0.1em;

}

div.calendar li {

list-style-type:none;

text-align:left;

font-size:.85em;

line-height:1.3em;

/*color:#008f00;*/

}

div.albumbar {

background-color:#828d52;

margin:0em .15em 0em .2em;



border-bottom:2px solid #005400;
padding:.25em;
text-align:center;

}

div.albumbar p {

text-align:center;

font-size:.85em;

color:white;

}

div.albumbar h1 {

font-size:0.85em;

font-variant:small-caps;

font-weight:bolder;

margin:0 0 0 0em;

border-top:0.1em solid green;

text-align:left;

color:white;

}

div.forum h1 {

font-size:0.85em;

font-variant:small-caps;

font-weight:bolder;

margin:0 0 0 0em;

border-top:0.1em solid green;

text-align:center;

}

div.colRight {

  background-color:#828d52;  /*#828d52;*/

  position: absolute;

  /*overflow:visible;  commented 9-7-09*/

  right:0; top:auto;

  width: 250px; height: 100%;

 margin: 0%; padding: 0%; 

	border-left:1px solid black;


}

div.forum {

background-color:#deecc1;

margin:.1em .2em 0em .2em;

padding:.5em;

text-align:right;

border-bottom:1px solid #005400;

}

div.clearme {

background-color:transparent;

clear: both;

  margin: 0;

  padding: 0;

  line-height: 0;

  font-size: 0.1em;

}

div.myfooters {

clear:left;

font-size:0.75em;

text-align:center;

bottom:0;

height:100%;

}

.content {

font-family:Arial, Helvetica, sans-serif;

  font-size: 1em;

  color: #000000; background: #dddddd;

  margin: 2px; padding: 2px;

  border-left:1px solid #cccccc;

  border-top:1px solid #cccccc;

  border-right:1px solid #333333;

  border-bottom:1px solid #333333;

}

div.keywords p {

font-size:.85em;

text-align:right;

line-height:140%;

color:#3d3830;

}

div.login a {

color:white;

}

div.keywords h5 {

margin:0;

font-size:.85em;

text-align:right;

margin-right:.4em;

line-height:140%;

color:#3d3830;

}

div p {

font-size:1em;

line-height:140%;

margin:0.5em;

}

div.feature p {

font-size:1.0em;

line-height:140%;

margin-left:1.2em;

}

div.myfooter {

clear:both;

margin:0;

 background-color:#eeece3;

 /*#99cc99;*/

 /*border-top:3px solid #ffffbf;*/

 text-align:center;

 color:black;

 line-height:20px ;

 font-size: 70%;

 height:2em;

 margin-left:0px;

 padding-left:15px;

  border-top:2px solid #c78a0c;

}

/*div.colRight p {

font-size:0.85em;

line-height:140%;

}*/

html, address,

blockquote,

body, dd, div,

dl, dt, fieldset, form,

frame, frameset,

h1, h2, h3, h4,

h5, h6, noframes,

ol, p, ul, center,

dir, hr, menu, pre   { display: block }

li              { display: list-item }

head            { display: none }

table           { display: table }

tr              { display: table-row }

thead           { display: table-header-group }

tbody           { display: table-row-group }

tfoot           { display: table-footer-group }

col             { display: table-column }

colgroup        { display: table-column-group }

td, th          { display: table-cell }

caption         { display: table-caption }

th              { font-weight: bolder; text-align: center }

caption         { text-align: center }

body            { margin: 8px }

h1              { font-size: 2em; margin: .67em 0 }

h2              { font-size: 1.5em; margin: .75em 0 }

h3              { font-size: 1.17em; margin: .83em 0 }

h4, p,

blockquote, 

fieldset, form,

ol, dl, dir,

menu            { margin: 1.12em 0 }

h5              { font-size: .83em; margin: 1.5em 0 }

h6              { font-size: .75em; margin: 1.67em 0 }

h1, h2, h3, h4,

h5, h6, b,

strong          { font-weight: bolder }

blockquote      { margin-left: 40px; margin-right: 40px }

i, cite, em,

var, address    { font-style: italic }

pre, tt, code,

kbd, samp       { font-family: monospace }

pre             { white-space: pre }

button, textarea,

input, select   { display: inline }

big             { font-size: 1.17em }

small, sub, sup { font-size: .83em }

sub             { vertical-align: sub }

sup             { vertical-align: super }

table           { border-spacing: 2px; }

thead, tbody,

tfoot           { vertical-align: middle }

td, th          { vertical-align: inherit }

s, strike, del  { text-decoration: line-through }

hr              { border: 1px inset }

ol, ul, dir,

menu, dd        { margin-left: 40px }

ol              { list-style-type: decimal }

ol ul, ul ol,

ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }

u, ins          { text-decoration: underline }

br:before       { content: "\A" }

:before, :after { white-space: pre}

center          { text-align: center }

:link, :visited { text-decoration: underline }

:focus          { outline: thin dotted invert }





/*.colCenter {

  position: absolute;

  overflow:visible;

  left:25%; top:auto;

  width: 50%; height: auto;

  margin: 0%; padding: 0%;

  background: transparent;

}*/