/* ~~~~~~~~~~~~ UNIVERSAL TAGS ~~~~~~~~~~~~~~~~~~ */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #336633;
color: #000;
margin: 10px;
}

table {display: table;}
tr {display: table-row;}
td {
display: table-cell;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
word-spacing: 2px;
}

td h2 {
font: bold medium Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
color: #000;
}

td h3 {
font: bold x-small Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
color: #000;
margin: 0 0;
}

img {border: 0;}

/* ~~~~~~~~~ PAGE HEAD ELEMENTS ~~~~~~~~~~~~~~~~~~~ */
div#title {
height: 60px;
width: 760px;
background: url(http://www.qrtsufi.org/images/dependant/allah.gif) 50px -10px no-repeat;
}

div#title h1 {
margin: .75em 0 0 175px;
font: large Verdana, Arial, sans-serif;
background-color: transparent;
color: #fff;
}

div#title a, a:active, a:visited {
text-decoration: none;
background-color: transparent;
color: #fff;
}

div#images {
border: solid 1px #FFF;
background-color: #000;
color: inherit;
height: 135px;
width: 760px;
}

div#images img {border-right: 1px solid #FFF;}

/* ~~~~~~~~~~ CONTAINER TABLE ~~~~~~~~~~ */
table#ContentTable {
width: 760px;
background-color: #FFF;
color: inherit;
border: 1px solid #FFF;
}

/* ~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~ */
td#leftsidebar {
width: 175px;
background-image: url(images/dependant/tile.gif);
border-right: 1px solid #FFFFFF;
}

div#nav {
margin: 25px .5em .5em .5em;
font-size: 7pt;
line-height: 1.5em;
text-transform: uppercase;
}

div#nav ul {margin: 0; padding: 0;}

div#nav ul li {list-style-type: none;}

div#nav strong {
font-size: 8pt;
font-weight: bold;
font-variant: small-caps;
line-height: 2em;
text-transform: capitalize;
}

div#nav a, a:visited, a:active {
background-color: transparent;
color: #006600;
text-decoration: none;
}

div#nav a:hover {
background-color: transparent;
color: #FF0000
}

/* ~~~~~~~~~ PAGE CONTENT ~~~~~~~~~~~~~~~~~~ */
td#content {
vertical-align: top;
padding: 25px 10px 10px 10px;
width: 365px;
font-size: x-small;
}

td#content a, a:active, a:visited {
background-color: transparent;
color: #006600;
text-decoration: underline;
}
td#content a:hover {
background-color: transparent;
color: #FF0000;
}

/* ~~~~~~~ RIGHT SIDEBAR ~~~~~~~~~~~~~~~ */
div#flavor {
border: 1px solid #666;
vertical-align: top;
width: 169px;
margin: 55px 10px;
padding: 3px;
font-size: x-small;
}

div#flavor a, a:active, a:visited {
background-color: transparent;
color: #006600;
text-decoration: underline;
}
div#flavor a:hover {
background-color: transparent;
color: #FF0000;
}

div#crest {
text-align: center;
margin: 20px 20px;
}

/* ~~~~~~~ UTILITIES ~~~~~~~~~~~~~~~ */
div#utils {
font-size: x-small;
text-decoration: none;
text-align: right;
margin: 3px;
width: 760px;
background-color: transparent;
color: #FFF;
}

div#utils a, a:visited, a:active {
background-color: transparent;
color: #fff;
text-decoration: underline;
}

div#utils ul {margin: 0; padding: 0;}

div#utils ul li {
display: inline;
list-style-type: none;
}