/*===========================*/
/* CSS for pnwmg.org website */
/*===========================*/

/*============*/
/* Basic Page */
/*============*/

html {
margin-left: 0px;
padding: 0px;
}

body {
width: 760px;
font-family: "Times New Roman", serif;
font-size: 12pt;
color: #333333; 
/* color: #000000;  */
background-color: #ffffff;
vertical-align: top;
text-align: left;
margin-left: 5px;
}

/*========*/
/* Tables */
/*========*/

/* Main Table */
table.main {
width: 760px;
border-collapse: collapse;
border: none;
}

/* Heading Cell */
/* bottom padding provides space for the menu */
/* (padding order is top, right, botton, left) */
.headingcell {
text-align:center;
background-color: #cccc99;
padding: 0px 0px 39px 0px;
}


/* Left Cell */
/* top padding lines keeps clear of the menu */
/* (padding order is top, right, botton, left) */
.leftcell {
background-color: #cccc99;
vertical-align: top;
padding: 25px 5px 0px 5px;
}

/* Content Cell */
/* top padding lines up with left cell text */
/* (padding order is top, right, botton, left) */
.contentcell {
vertical-align: top;
padding: 15px 0px 0px 10px;
}

/* 100% Wide Content Table */
/* used for calendar */
/* (padding order is top, right, botton, left) */
table.onehundredtable {
width: 100%;
border-style: none;
padding: 3px 3px 3px 3px;
}

/* Table Data Cells */
td.five {
width:5%;
}
td.ten {
width:10%;
}
td.fifteen {
width:15%;
}
td.twenty {
width:20%;
}
td.twentyfive {
width:25%;
}
td.thirty {
width:30%;
}
td.thirtyfive {
width:35%;
}
td.forty {
width:40%;
}
td.fortyfive {
width:45%;
}
td.fifty {
width:50%;
}
td.fiftyfive {
width:55%;
}
td.sixty {
width:60%;
}
td.sixtyfive {
width:65%;
}
td.seventy {
width:70%;
}
td.seventyfive {
width:75%;
}
td.eighty {
width:80%;
}
td.eightyfive {
width:85%;
}
td.ninety {
width:90%;
}
td.ninetyfive{
width:95%;
}
td.onehundred {
width:100%;
}

/* Sets Table Background Color */
.coloredcell {
background-color: #cccc99;
}

/*==========*/
/* Headings */
/*==========*/
/* text colors used are web-safe colors */

h2 {
font-size:xx-large;
font-style: italic;
font-weight: bold;
color: #000000;
}

h3 {
font-size:x-large;
font-style: italic;
font-weight: bold; 
color: #663300;
}

h4 {
font-size:large;
font-style: italic;
font-weight: bold;
color: #000000;
} 

/* medium is the same size as the default font */
h5 {
font-size:medium;
font-style: italic;
font-weight: bold; 
color: #663300;
}

/*====================*/
/* General Formatting */
/*====================*/

/* Smaller Text */
.smalltext {
font-size:small;
}

/* large Colored Text */
.largecoloredtext {
font-size: large;
font-style: italic;
font-weight: bold;
color: #663300;
} 

/* Centers Text or Element */
.centered {
text-align: center;
}

/* Right Justify Text or Element */
.rightjust {
text-align: right;
}

/* Top Left Justify Text or Element */
.topleft {
text-align: left;
vertical-align: top;
}



/*=====================*/
/* Calendar Formatting */
/*=====================*/

/* Body */
body.calendar {
width: 700px;
font-family: "Times New Roman", serif;
font-size: 12pt;
background: #ffffff;
margin-left: 5px;
margin-top: 0px;
}

/* calendar text */
p.calendar {
margin-top: 0px;
}

/* Event Calendar Cell on Home Page */
/* (padding order is top, right, botton, left) */
.eventcalendar {
vertical-align: top;
/* background: #cccc99; */
background: #999966;
/* padding: 5px 10px 10px 10px; */
padding: 4px 4px 4px 4px;
}



/*===================*/
/* Block Formatting */
/*===================*/

/* Red double line around a block */
.redbox {
border: medium double red
}


/*===================*/
/* Glossary Formatting */
/*===================*/
dt{
text-transform: capitalize;
font-size: large;
font-style: italic;
font-weight: bold;
color: #000000;
/* color: #663300; */
}

/*===================*/
/* Image Positioning */
/*===================*/

/* Image floats to left of text */
/* (margin order is top, right, botton, left) */
img.floatleft {
float:left;
margin:3px 10px 3px 0px;
}

/* Image floats to right of text */
/* (margin order is top, right, botton, left) */
img.floatright {
float:right;
margin:3px 0px 3px 10px;
}