/***********************************************************/
/*** divafoundationbg.org Screen CSS Stylesheet ************/
/*** (c)2005 by Mikhail Bozgounov (michel@bluelink.net) ****/
/*** Mikhail Bozgounov (xhtml/css/php/animation/aa) ********/
/*** Elina Racholova (idea/concept/graphics) ***************/
/*** Date website released: 2005-May-31, Tuesday ***********/
/*** This CSS version 1.01a: 2005-Nov-28               ***********/
/*** Released under CC License (see URL below) *************/
/*** (http://creativecommons.org/licenses/by-nc-sa/2.0/) ***/
/***********************************************************/




/*** GENERAL ***/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #882118;
background: #FAE3B4; /*#F0D09D*/
font-size: 100.01%;
text-align: center; /* ie5-win centering */
}

h1 {position: absolute; top: -9999px; left: -9999px;}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
border-bottom: 1px solid;
margin: 19px 0 1em 0;
padding: 0 0 0 16px;
background: url(/i/subnav.gif) no-repeat 0 2px;
}
h3 {font-size: 110%;}
h4 {font-size: 100%;}

a:link {color: #E37631; text-decoration: none;}
a:visited {color: #E37631; text-decoration: none;}
a:hover {color: #DD6A1E; text-decoration: underline;}

/* unused .border {border: thin dotted #326968;} */



/****** WRAPPER, HEADER, MAIN (left, main, right), FOOTER ******/

#wrapper {
margin: 0 auto;
padding: 0;
width: 760px;
border: solid #942F23;
border-width: 0 1px;
background: url(/i/fauxcols.jpg) top left repeat-y;
}

#header {
width: 760px;
height: 100px; /*height: 110px;*/
}
#body_bg #header {
background: #872017 url(/i/header-bg.jpg) top left no-repeat;
}
#body_en #header {
background: #872017 url(/i/header-en.jpg) top left no-repeat;
}

#container {
clear: both; /* clears floats in top navigation */
width: 760px;
text-align: left; /* ie5-win centering */
}

#left {
float: left;
width: 142px; /* 142 + padding */
margin: 0;
padding: 10px 5px;
font-size: 75%;
font-weight: bold;
}

#main {
min-height: 500px;
height: 1%; /* fix for IE */
margin: 0 150px 10px 165px;
padding: 5px;
font-size: 72%;
}

#right {
float: right;
width: 127px; /* 127 + padding */
margin: 0;
padding: 10px 5px;
}

#footer {
clear: both; /* clears cols floats */
width: 760px;
height: 3.5em;
background: url(/i/footer.jpg) top left no-repeat;
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 60%;
}
#footer p {
padding: 0.4em 0 0 0;
}
#footer a, #footer a:visited {
color: #FFFFFF;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}



/*** TOPNAV (nav) & SUBNAV (left) + banners (right) ***/

/* nav */
#nav {
background: #942F23 url(/i/nav.jpg) top left repeat-x;
width: 760px;
border: solid #942F23;
border-width: 0 0 1px 0;
float: left;
font-size: 80%;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
font-weight: bold;
}
#nav li {
float: left;
margin: 0;
padding: 0;
background-image: none;
}
#nav a {
display: block;
padding: 4px 16px;
border-right: 1px solid #AAAAAA;
color: #FFFFFF;
text-decoration: none;
white-space: nowrap;
}
/* Entire clickable link in IE/Win (http://www.positioniseverything.net/explorer/escape-floats.html) */
* html #nav a {
  width: 1%;
}
#nav a:hover /* #nav #current a:hover strong, #nav #current strong */ {
/*background: #942F23;*/
background: #E66F1B;
}
#nav #en {
font-variant: small-caps;
}


/* subnav */
#left ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 1em;
}
#left li {
margin: 0;
padding: 0 0 .2em 16px;
background: url(/i/subnav.gif) no-repeat 0 2px;
}
#left li a, #left li a:visited {
text-decoration: none;
}
#left li a:hover {
text-decoration: underline;
} 
#left li.subnav-title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 110%;
font-weight: bold;
background: none;
margin: 1em 0 0.4em 0;
padding: 0;
border-bottom: 1px solid;
}


/* banners */
.banner {
width: 120px;
height: 400px;
background: #872108 url(/i/banner-loading.gif) top left no-repeat; /* needed for slow connections - while img is loading */
margin: 0 0 0 1px;
border: 1px solid #872108;
}
.banner img {
border: 0;
}



/*** ACTION APPS STYLES ***/

.article {
float: left;
width: 410px;
margin: 0 0 15px 0;
}
.article h3 {
margin: 0;
padding: 0;
text-align: left;
font-size: 1.1em;
font-weight: bold;
}
.article .date {
margin: 1em 0 0 0;
padding: 0;
font-size: 90%;
font-style: italic;
}
.article .source {
margin: 0 0 1em 0;
padding: 0;
font-size: 90%;
font-style: italic;
}
.article .author {
margin: 1em 0;
padding: 0;
font-size: 90%;
font-style: italic;
}
.article p {
margin: 0.5em 0 1em 0;
}
.article p.right {
margin-right: 2em;
text-align: right;
}
.article img {
float: left;
border: 1px solid #CCCCCC;
margin: 5px .5em 0 0;
padding: 2px;
}
.indexview .article p {
margin: 0;
}


.enclose-scroller {
float: left;
margin: 0 auto 15px 0;
padding: 2px 10px;
border: 1px dashed #F3AD77;
}





/* partners.shtml, sponsors.shtml */
/* sidenote: shadow doesn't work properly in IE if inside a FLOATING DIV (like .article is) but if .article IS NOT floating then bugs in FF... */
/* unresolved up to this moment? if anyone, any ideas, please email me at m_bozgounov(a*t)yahoo(d*ot)com - THANK YOU:))) */

.imgholder {
background: url(/i/imgholder.gif) no-repeat bottom right;
clear: left;
float: left;
margin: 10px 8px 0 4px;
padding: 0;
position: relative;
}
.imgholder img {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
display: block;
margin: -7px 5px 5px -5px;
padding: 4px;
position: relative;
}



/*** miscellaneous ***/
.hide {
display: none;
}