/* Site Colors:
    #D0E4ED - background light blue
    #1A446C - blue grey
*/
html
{
    height: 100%;
    width: 100%;
}
body
{
    background-image: url(../images/backing.gif);
    background-repeat: repeat-y;
    background-attachment:fixed;
    background-position: top center;
    width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; line-height: 15px;
    background-color: #D0E4ED;
}
img
{
    border: none;
}
table, tr, td
{
    font-family: Verdana;
    font-size: 10px;
    border-collapse: collapse;
    vertical-align: top;
    font-size: 13px;
    line-height: 15px;
    margin-left: auto;
    margin-right: auto;
}
table.divider
{
    background-image: url(../images/separator.gif);
    background-repeat: repeat-y;
}
table.padded
{
    border-collapse: separate;
    margin-left: auto;
    margin-right: auto;
}
table.contentheading
{
    background-image: url(../images/mw_heading_blue_bg.png);
    background-repeat: repeat-x;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}
a
{
    color: #1A446C;
}
textarea
{
    overflow:auto;
}

DIV.contentheader
{ 
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
DIV.textbox { border:1px; border-color: #666666;}
DIV.sideheader { font-family: Arial; font-weight: bold; font-size: 12px; color: #820000; }
DIV.sidesubheader { font-family: Arial; font-size: 11px; color: #666666; }
DIV.maintext {font-family: Arial; font-size: 11px; color: #333333; text-align:justify;}
DIV.title { font-family: Arial; font-weight: bold; font-style: italic; font-size: 14px; color:#686868;}
DIV.mainitalics {font-family: Arial; font-size: 10px; color: #333333; font-style: italic; text-align: justify;}
DIV.mainbold {font-family: Arial; font-size: 10px; color: #333333; font-weight: bold;}
DIV.contact { font-family: Arial; font-size: 14px; color: #494949;}
DIV.shia { font-family: Arial; font-size: 9px; color: #666666; }

#sidebar {
position: relative;
left: 10px;
top: 15px;
width: 160px;
font-size: .8em;
}
#navlist {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#navlist a, #navlist a:visited {
display: block;
padding: 2px 2px 2px 24px;
letter-spacing: normal;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #3A5A95;
color: #EEE;
text-decoration: none;
}
#navlist a:hover {
background-color: #5F78A8;
color: #2D1E2D;
}
#sidebar #navlist .uberlink {
background-color: #b64033;
color: #333 !important;
letter-spacing: normal;
cursor: default;
}
/* Drop down menu */
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
opacity: .8;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

/* Header to Footer */
#header { margin: 0px; padding: 0px; text-align: left;
    background: #808080; color: #D4E6F4; }
#header h1 { margin: 0px;}
#main { margin: 0px; padding: 0px; width: 100%; }
#structure { width: 100%; text-align: left;}
#footer { margin: 0px;  background: #C0C0C0;}

/* Navigation */
#navigation { padding: 1em 2em; color: #D4E6F4; background: #A9A9A9; }
#navigation a { color: #D4E6F4; text-decoration: none; }
ul.subjects { padding-left: 0; list-style: none; }
ul.pages { padding-left: 2em; list-style: square; }
.selected { font-weight: bold; }

/* Page Content */
#contentleft { width:auto; float:left; padding: 1em 2em 1em 1em }
#contentmiddle { width: auto; float:left; padding: 1em 1em 1em 1em }
#contentright { width: auto; float: right; padding: 1em 1em 1em 1em }
#page { padding-left: 2em; vertical-align: top; text-align: left;}
#page h2 { color: #000000; margin-top: 1em;}
#page h3 { color: #000000; }