/* Feedbackward.com CSS - Matt Holland (c) 2008-2009 ad infinitum */


/* Heading image */

div#head
{
text-align: center
}

div#head a:link img
{
width: auto;
height: auto;
border: 0px
}

div#head a:visited img
{
width: auto;
height: auto;
border: 0px
}

div#head a:hover img
{
width: auto;
height: auto;
border: 0px
}

div#head a:active img
{
width: auto;
height: auto;
border: 0px
}

/* Text just below the head image */
div#subheadtext
{
text-align: center;
font-family: verdana;
font-size: 8pt;
color: #000000
}

/* Text and links on the main page. */

#maintext
{
text-align: center;
font-family: "Arial Black";
font-size: 14pt;
color: #000000;
text-transform: uppercase;
text-decoration: none;
background-color: white;
width: 100%;
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9
}

#maintextindex
{
text-align: center;
font-family: "Arial Black";
font-size: 14pt;
color: #000000;
text-transform: uppercase;
text-decoration: none;
background-color: white;
width: 100%;
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9
}

#mainicons
{
text-align: center;
font-family: arial;
font-size: 14pt;
color: #DDDDDD;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background: white;
width: 100%
}

.mainlinks a:link
{
text-align: center;
color: #708090;
text-decoration: none
}

.mainlinks a:visited
{
text-align: center;
color: #708090;
text-decoration: none
}

.mainlinks a:hover
{
text-align: center;
color: #000000;
text-decoration: none
}

.mainlinks a:active
{
text-align: center;
color: #708090;
text-decoration: none
}

/* Main page, bottom text (stuff may eventually go below though!) */

.mainbottom
{
text-align: center;
font-family: arial;
font-size: 9pt;
font-weight: bold;
color: #000000
}

.bottomlinks a:link
{
text-align: center;
font-family: arial;
font-size: 9pt;
color: #666699
}

.bottomlinks a:visited
{
text-align: center;
font-family: arial;
font-size: 9pt;
color: #666699
}

.bottomlinks a:hover
{
text-align: center;
font-family: arial;
font-size: 9pt;
color: #003366
}

.bottomlinks a:active
{
text-align: center;
font-family: arial;
font-size: 9pt;
color: #666699
}

/* The following stuff is for articles. */
/*Article Text! */
#articlebody
{
margin-left: auto;
margin-right: auto;
font-family: arial;
font-size: 10pt;
color: #000000;
width: 600px;
background: white
}

body
{
background: #FFFFFF
}

head
{
background: #FFFFFF
}

subheadtext{
background: #FFFFFF
}

maintext{
background: #FFFFFF
}

/* ^ THIS is the div id for the main body; it keeps
it centered at the specific width; P tags are needed
to align left within the div. */

.articletext
{
text-align: left;
margin-left: auto;
margin-right: auto;
font-family: arial;
font-size: 10pt;
color: #000000;
width: 600px
}

.articleC
{
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: arial;
font-size: 10pt;
color: #000000;
width: 600px
}

#articleheading
{
font-weight: bold;
text-align: left;
font-size: 20pt
}

#articlesubheading
{
color: gray;
font-family: arial;
font-size: 8pt;
font-weight: bold
}

#articlesupersubheading
{
font-size: 10pt;
text-align: left;
font-weight: bold;
text-decoration: underline
}

.articlebold
{
font-weight: bold;
text-align: left
}

.articlefat
{
font-weight: bold;
text-align: left;
font-size: 20pt
}

.articlehuge
{
font-weight: bold;
text-align: left;
font-size: 32pt
}

.articlefatC
{
font-weight: bold;
text-align: center;
font-size: 20pt
}

.articleitalic
{
font-style: italic;
text-align: left
}

.articleitalicC
{
font-style: italic;
text-align: center
}

.articleitalicR
{
font-style: italic;
text-align: right
}

.articleunderline
{
text-align: left;
text-decoration: underline
}

.articlebolditalic
{
font-style: italic;
font-weight: bold;
text-align: left
}

.articleboldunderline
{
text-align: left;
font-weight: bold;
text-decoration: underline
}

.smallgrey
{
color: gray;
font-family: arial;
font-size: 8pt;
font-weight: bold
}

.smallgreyplain
{
color: gray;
font-family: arial;
font-size: 8pt
}

.smallgreyplainC
{
color: gray;
font-family: arial;
font-size: 8pt;
text-align: center
}

.smallblack
{
color: #000000;
font-family: arial;
font-size: 8pt;
font-weight: bold
}

.smallblackplain
{
color: #000000;
font-family: arial;
font-size: 8pt
}

.smallblackplainC
{
color: #000000;
font-family: arial;
font-size: 8pt;
text-align: center
}

.subheading
{
font-size: 14pt;
font-weight: bold
}

hr.articlehr
{
color: #000000;
background-color: #000000;
border: 1px solid #000000;
width: 90%;
}

.postfat
{
font-weight: bold;
text-align: left;
font-size: 20pt
}

.updatefat
{
font-weight: bold;
text-align: left;
font-size: 12pt
}

/* Structural divs */

.inlinetextboxL
{
display: inline;
background-color: #F5F5F5;
border: 1px dashed #DCDCDC;
width: 289px;
height: auto;
margin: auto;
float: left;
padding: 4px
}

.inlinetextboxR
{
display: inline;
background-color: #F5F5F5;
border: 1px dashed #DCDCDC;
width: 289px;
height: auto;
margin: auto;
float: left;
padding: 4px
}

.guidemenu
{
background-color: #F5F5F5;
border: 1px dashed #DCDCDC;
width: 100%;
height: auto;
margin-bottom: 4px;
float: left;
padding: 4px
}

.imgbundle
{
width: auto;
height: auto
}

.infoboxR
{
display: inline;
background-color: #F5F5F5;
border: 1px dashed #DCDCDC;
width: 150px;
height: auto;
margin: 4px;
float: right;
padding: 4px;
text-align: center
}

.infobundle
{
width: auto;
height: auto
}

/* Links in an article. */
.articletext a:link
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.articletext a:visited
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.articletext a:hover
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #666699
}

.articletext a:active
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.mainlinks a:link img
{
border: 0px
}

.mainlinks a:visited img
{
border: 0px
}

.mainlinks a:hover img
{
border: 0px
}

.mainlinks a:active img
{
border: 0px
}

#mainicons a:link img
{
border: 0px
}

#mainicons a:visited img
{
border: 0px
}

#mainicons a:hover img
{
border: 0px
}

#mainicons a:active img
{
border: 0px
}

.articlebold a:link
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.articlebold a:visited
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.articlebold a:hover
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #666699
}

.articlebold a:active
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.smallgreyplain a:link
{
color: #003366
}

.smallgreyplain a:visited
{
color: #003366
}

.smallgreyplain a:hover
{
color: #666699
}

.smallgreyplain a:active
{
color: #003366
}

.smallgreyplainC a:link
{
color: #003366
}

.smallgreyplainC a:visited
{
color: #003366
}

.smallgreyplainC a:hover
{
color: #666699
}

.smallgreyplainC a:active
{
color: #003366
}

.smallblack a:link
{
color: #003366
}

.smallblack a:visited
{
color: #003366
}

.smallblack a:hover
{
color: #666699
}

.smallblack a:active
{
color: #003366
}


.smallblackplain a:link
{
color: #003366
}

.smallblackplain a:visited
{
color: #003366
}

.smallblackplain a:hover
{
color: #666699
}

.smallblackplain a:active
{
color: #003366
}

.smallblackplainC a:link
{
color: #003366
}

.smallblackplainC a:visited
{
color: #003366
}

.smallblackplainC a:hover
{
color: #666699
}

.smallblackplainC a:active
{
color: #003366
}


.articlefatC a:link
{
color: #003366;
text-decoration: none
}

.articlefatC a:visited
{
color: #003366;
text-decoration: none
}

.articlefatC a:hover
{
color: #666699;
text-decoration: none
}

.articlefatC a:active
{
color: #003366;
text-decoration: none
}

.articlefat a:link
{
color: #000000;
text-decoration: none
}

.articlefat a:visited
{
color: #000000;
text-decoration: none
}

.articlefat a:hover
{
color: #696969;
text-decoration: none
}

.articlefat a:active
{
color: #000000;
text-decoration: none
}

.postfat a:link
{
color: #000000;
text-decoration: none
}

.postfat a:visited
{
color: #000000;
text-decoration: none
}

.postfat a:hover
{
color: #696969;
text-decoration: none
}

.postfat a:active
{
color: #000000;
text-decoration: none
}

.updatefat a:link
{
color: #000000;
text-decoration: none
}

.updatefat a:visited
{
color: #000000;
text-decoration: none
}

.updatefat a:hover
{
color: #696969;
text-decoration: none
}

.updatefat a:active
{
color: #000000;
text-decoration: none
}

.imgbundle a:link
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.imgbundle a:visited
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.imgbundle a:hover
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #666699
}

.imgbundle a:active
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.articleitalicC a:link
{
color: #003366
}

.articleitalicC a:visited
{
color: #003366
}

.articleitalic a:link
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.articleitalic a:visited
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}

.articleitalic a:hover
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #666699
}

.articleitalic a:active
{
text-align: center;
font-family: arial;
font-size: 10pt;
color: #003366
}


/* Images that are linked, no borders. */
.articletext a:link img
{
width: auto;
height: auto;
border: 0px
}

.articletext a:visited img
{
width: auto;
height: auto;
border: 0px
}

.articletext a:hover img
{
width: auto;
height: auto;
border: 0px
}

.articletext a:active img
{
width: auto;
height: auto;
border: 0px
}

.articleC a:link img
{
width: auto;
height: auto;
border: 0px
}

.articleC a:visited img
{
width: auto;
height: auto;
border: 0px
}

.articleC a:hover img
{
width: auto;
height: auto;
border: 0px
}

.articleC a:active img
{
width: auto;
height: auto;
border: 0px
}

/* Standard image, black border */

div.imagecenter img
{
width: auto;
height: auto;
border: 1px solid #000000
}

div.imagecenter
{
text-align: center
}

div.imageright img
{
width: auto;
height: auto;
border: 1px solid #000000
}

div.imageright
{
text-align: right
}

div.imageleft img
{
width: auto;
height: auto;
border: 1px solid #000000
}

div.imageleft
{
text-align: left
}


/* Image embedded in text (with and without border) */

div.Fimageright img
{
width: auto;
height: auto;
border: 1px solid #000000
}

div.Fimageright
{
text-align: right;
float: right;
width: auto;
height: 1%;
margin-left: 5px;
margin-right: 5px;
display: inline;
overflow: hidden;
}

div.FimageleftnoB
{
text-align: left;
float: left;
width: auto;
height: 1%;
margin-left: 5px;
margin-right: 5px;
display: inline;
overflow: hidden
}

div.FimageleftnoB img
{
width: auto;
height: auto;
border: 0px solid #000000
}

div.Fimageleft
{
text-align: left;
float: left;
width: auto;
margin-right: 10px;
display: inline;
overflow: hidden
}

div.Fimageleft img
{
width: auto;
height: auto;
border: 1px solid #000000
}

/* Special Divs! */