/* REFC web site layout is based on an open source xhtml/csstemplate by 
   Andreas Viklund (http://andreasviklund.com).  
   The REFC implementation, content and design is by Dennis Brush for REFC. 
   GodIsGood. August 2005. */
/* Screen layout: */

/* primary colors:
 * Tan: R-238, G-226, B-187 #eee2bb
 * Dark Blue: R-0, G-84, B-178 #003366 
 * Light Blue: R-99, G-171, B-252 #63abfc
 */

body {
margin: 0 auto;
padding: 6px;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background-color:#000;
/*
background-color:#4A1811;
background-color:#003366;
background-color:#558877; light green
background-color:#2f2219; brown
background-color:#023a77;
background-color:#b3be9c; light olive green
 * background: #F9F9F7 url('images/a1.gif') repeat-x;
 * */
}

#wrap {
background: #ffffff;
color: #303030;
margin: 0px auto;
padding: 2px;
border: 1px solid #000;
width: 760px;
}

#header {
clear: both;
margin: 4px 0 0 0;
padding: 0;
height: 10px;
}

#header h1 {
width: 460px;
margin: 0 0 8px 0;
float: left;
font-family: Tahoma,Arial,sans-serif;
color: #286ea0;
font-size: 2.0em;
}

#header p {
width: 300px;
float: right;
text-align: center;
/*
color: #286ea0;
color: #a0a0a0;
color: #505050;
*/
margin: 0 0 1px 0;
font-size: 1.2em;
line-height: 1.4em;
}
hr { background: #003366; }

#frontphoto {
margin: 0px;
border: 1px solid #000;
}

#avmenu {
clear: left;
float: left;
width: 175px;
margin: 0 2px 10px 0;
padding: 0;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 100%;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.1em;
line-height: 1.2em;
}	

#avmenu li {
margin-bottom: 2px;
}

#avmenu li a {
display: block;
font-weight: bold;
height: 14px;
text-decoration: none;
padding: 4px 0 0 4px;
background-color: #f7f3e8;
background-color: #e0ddc5;
border-left: 4px solid #003366;
border-left: 4px solid #003366;
}	
/*
 *#A1997F == 558877
 *border-left: 4px solid #f7f3e8;
 * Tan: R-238, G-226, B-187 #eee2bb
 * Dark Blue: R-0, G-84, B-178 #003366 
 * Light Blue: R-99, G-171, B-252 #63abfc
*/
	
#avmenu li a:hover {
background: #003366;
background: #003366;
color: #f8f1df;
color: #e0ddc5;
border-left: 4px solid #e0ddc5;
}

#menubar {
width: 760px;
margin: 0 0 4px 0;
padding: 0;
}
#menubar table {
/*background: url(images/a1.gif) repeat;*/
border: 1px solid #000;
background-color: #f7f3e8;
background-color: #e0ddc5;
padding: 0;
}

#menubar td { width: 125px; }

#menubar p {	
text-align: center;
width: 100%;
margin: 0;
padding: 0;
font-size: 1.1em;
line-height: 1.2em;
}	

#menubar a {
display: block;
font-weight: bold;
/*height: 14px;*/
text-decoration: none;
padding: 0;
/*
background: #eee2bb;
border-left: 4px solid #A1997f;
border-right: 4px solid #A1997f;
*/
}	
/*
 *#A1997F
 * Tan: R-238, G-226, B-187 #eee2bb
 * Dark Blue: R-0, G-84, B-178 #003366 
 * Light Blue: R-99, G-171, B-252 #63abfc
*/
	
#menubar p a:hover {
background-color: #003366;
background-color: #003366;
color: #fff;
color: #e0ddc5;
}

/*
.announce {
margin: 5px 0 5px 0;
padding: 5px;
width: 140px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.1em;
}
*/
.announce {
margin: 5px 0 5px 0;
padding: 5px;
width: 136px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.1em;
border-left: 4px solid #cccccc;
text-align: center;
}

#extras {
background-color: #f7f3e8;
background-color: #fff;
border: 1px solid #000;
float: right;
width: 110px;
margin: 0 0 10px 5px;
padding: 1px;
font-size: 0.9em;
line-height: 1.5em;
}

#extras h3 {
text-align: center;
background-color: #003366;
background-color: #e0ddc5;
color: #fff;
color: #003366;
color: #003366;
}
#extras p {
margin: 0 0 1.5em 0;
text-align: center;
}

/*
#extras h3 {
background-color : #f4f4f4; 
text-align: center;
}
*/

#content2 {
margin: 4px 4px 4px 180px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 2px 0 2px;
line-height: 1.2em;
text-align: left;
/*display:inline;*/
}
body>#content2 {display:inline;}

#content2 img {
padding: 1px;
background: #cccccc;
border: 1px solid #000;
}
#content2 .image2 {
height: 300px;
float: right;
padding: 1px;
background: #cccccc;
border: 1px solid #000;
}
#staff_tbl {
    border: 1px solid #000;
}

#content2 .name2_td {
    padding: 2px;
    width: 80px;
    text-align: center;
    vertical-align: top;
    font: 0.75em Verdana,Tahoma,Arial,sans-serif;
}
#content2 .name_td {
    padding: 2px;
    width: 100px;
    text-align: center;
    vertical-align: top;
    font: 0.75em Verdana,Tahoma,Arial,sans-serif;
}
#content2 #bio_td {
    width: 400px;
    height: 510px;
    padding: 2px;
    border: 0px solid #000;
    background-color: #fafafa;
}

#content2 h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}
#content2 h4 {
font-size: 1.1em;
margin: 0 0 0.5em 0;
}
#content2 p {
font: 102% Verdana,Tahoma,Arial,sans-serif;
}

#content1 {
margin: 0 120px 20px 180px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 2px 0 2px;
line-height: 1.3em;
text-align: left;
}
#content1 img {
padding: 1px;
/*display:inline;*/
background: #cccccc;
border: 1px solid #000;
display: inline;
}
#content {
margin: 0 120px 20px 180px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 2px 0 2px;
line-height: 1.3em;
text-align: left;
/*display:inline;*/
}
body>#content {display:inline;}

#content h1 {
font-size: 1.8em;
}
#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#content img {
padding: 1px;
/*display:inline;*/
background: #cccccc;
border: 1px solid #000;
}

#content .image2 {
float: right;
padding: 0px;
/*display:inline;*/
background: #cccccc;
border: 1px solid #000;
}
#content .image3 {
padding: 0px;
/*display:inline;*/
background: #cccccc;
border: 0px solid #000;
}
/* used on mops page */
#content .image4 {
float: right;
padding: 4px;
background: #fff;
border: 0px solid #000;
}
#content .image5 {
float: left;
padding: 0px 2px 4px 2px;
background: #fff;
border: 0px solid #000;
}
#content .image6 {
float: center;
padding: 0px;
margin: 6px 2px 2px 2px;
/*display:inline;*/
background: #fff;
border: 1px solid #000;
}
#content .image7 {
float: none;
padding: 0px;
margin: 0px 2px 2px 2px;
/*display:inline;*/
background: #fff;
border: 1px solid #000;
}

h3 {
font-size: 1.1em;
margin: 0 0 10px 0;
}

a {
text-decoration: underline;
/*color: #003366;*/
color: #003366;
color: #003366;
}

a:hover {
text-decoration: underline;
text-transform: uppercase;
font-size: 0.8em;
/*color: #003366;*/
color: #0757b4;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 0;
border-top: 1px solid #a0a0a0;
width: 760px;
text-align: center;
color: #000;
font-size: 0.9em;
}

#footer a {
color: #808080;
text-decoration: none;
}

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

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.uline {
text-decoration: underline;
}

.hide {
display: none;
}

.today {
color : #424242; 
font-size: 1.0em;
font-weight: bold;
padding: 0;
margin: 0;
}

.quote {
font-size: 0.9em;
}

.atbl {
    padding:0;
    font-size: 0.8em;
    border : 1px solid #424242;
    width: 100%;
    margin: 0 0 4px 0;
}

.atbl tr {
    width: 100%;
    padding:0;
}
.atbl th {
    width: 75px;
    text-align: right;
    padding: 0 4px 0 0;
    border: 0px dashed #00f;
    color: #000;
}
.atbl td {
    width: 275px;
    padding: 0 0 0 2px;
    border: 0px dotted #0f0;
    background-color: #f7f3e8;
background-color: #e0ddc5;
}
.atbl .aplay {
    width: 125px;
    padding:0;
    text-align: center;
    /*background: #33cccc;*/
    border: 0px dotted #f00;
    background-color: #fff;
}
.stbl {
    padding:0;
    margin:0;
    font-size: 0.8em;
    /*background: #cccccc;*/
    /*background-repeat: no-repeat;*/
    border : 1px solid #424242;
    width: 100%;
}
.stbl tr {
    padding:0;
}
.stbl th {
    width: 75px;
    text-align: right;
    padding: 0 4px 0 0;
    border: 0px dashed #00f;
    /*background-color: #eaeaea;*/
    background-color: #cacebf;
    color: #000;
}
.stbl td {
    width: 375px;
    padding: 0 0 0 2px;
    border: 0px dotted #0f0;
    background-color: #cacebf;
}

#rt {
text-align : center; 
padding : 0px;
margin : 0px 0px 10px 0px; 
font-size : 0.9em; 
color : #424242; 
} 
#rt table {
/*background-color : #f4f4f4; */
float : right; 
background-repeat : no-repeat; 
border : 1px solid #424242; 
width : 100%; 
} 
#rt td {
border-bottom : 1px dashed #424242; 
border-right : 0px solid #424242; 
} 
#rt th {
font-weight : bold; 
border-bottom : 1px solid #424242; 
background-color: #003366;
background-color: #003366;
color: #fff;
}
#list {
border: 1px solid #424242;
    background-color: #b6c9c1;
    color: #424242;
    padding: 2px;
}
#list p {
    font-size: 0.8em;
}
#list p:first-letter {
    font-family : 'courier new', tahoma,Arial,sans-serif;
    font-size: 1.9em;
    font-weight : bold;
    margin-right: 2px;
    padding: 1px;
color: #424242;
}

.zbox {
background: #f4f4f4;
font-size: 0.9em;
border: 1px solid #424242;
margin: 2px 0 2px 0;
/*display: block;*/
padding: 0px;
}
.abox {
/*width: 150px; */
border: 1px solid #000;
text-align: center;
margin: 2px 0 4px 0;
display: block;
padding: 0px;
}
.abox p {
margin: 0 0 2px 0;
font-size: 1.1em;
}

.abox h3 {
padding: 1px 0 1px 0;
background-color: #003366;
background-color: #e0ddc5;
color: #fff;
color: #003366;
color: #003366;
}
.abox img {
border: 1px solid #000;
}
.abox .image8 { border: 0px; }

.Ibox {
text-align: left;
border: 1px solid #424242;
margin: 2px 0 4px 0;
display: block;
padding: 0px;
}
.Ibox h3 {
text-align: center;
padding: 1px 0 1px 0;
background-color: #003366;
background-color: #e0ddc5;
color: #fff;
color: #003366;
}

.Ibox p {
margin: 0 0 2px 0;
}
.Ibox p:first-letter {
    font-family : 'courier new', tahoma,Arial,sans-serif;
    font-size: 1.8em;
    font-weight : bold;
    margin-right: 1px;
    padding: 0px;
}

/* box with rounded corners */
.announcebox {
width: 150px; 
margin: 6px 0 6px 0;
background: url(images/abox_bg.gif) repeat;
display: block;
}

/* background images for corners */
.abtop div  { background: url(images/abox_tl.gif) no-repeat top left; }
.abtop      { background: url(images/abox_tr.gif) no-repeat top right; }
.abbot div  { background: url(images/abox_bl.gif) no-repeat bottom left; }
.abbot      { background: url(images/abox_br.gif) no-repeat bottom right; }

/* height and width details of top/bottom that have rounded corners */
.abtop div, .abtop, .abbot div, .abbot {
/*width: 100%;*/
height: 14px;
font-size: 1px;
}
/* content of announcbox */
.abcontent  { 
text-align: center;
margin: 2px;
padding: 2px;
color: #505050;
line-height: 1.1em;
border: 0px solid #000;
}