body {background-color:#fff; padding:0px; margin:0px}

/* INDEX PAGE BELOW */

#main {margin:0px auto 0px auto; width:760px}
#head {height:120px; width:100%;  background:url("/images/header_bg.jpg") repeat-x;}
*html #head {margin-bottom:-2px}
.header_div {background:url("/images/header_div.jpg") repeat-x; height:30px}

.content { font:normal 11pt arial;  text-align:justify}
.content h1,h2 {font:bold 12pt Trebuchet MS,Arial; color:#620500;text-transform:capitalize}
.content ul li {margin-left:15px;}
.content a {text-decoration:underline; color:#0303E5; }
/* END INDEX */

/* TEST AREA BELOW */

#test {
text-align:right;
font: bold 9pt verdana,arial;
background:url("/images/header_div.jpg") repeat-x;
behavior:url("/csshover.htc");
height:30px;

}

/* * html #test {
margin-bottom:-3px
} */

#test ul,li
{
margin:0;
padding:0;
border:0;
}

#test li {
position:relative;
display:inline; 
}

#test ul li a {
color: #FFA5BF;
width: auto;
padding-right: 12px;
padding-left:12px;
padding-top:10px;
height:30px;
vertical-align:middle;
text-decoration:underline;
}

#test li a:hover{
color: #fff;

}

#test ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: none;
}


#test ul li:hover ul {
display:block;
float: none;
width:auto;
margin-top:4px;
left:-34px
}

* html #test ul li:hover ul {
top:14px;
margin-left:40px
}


/* Sub level menu links style */

#test ul li ul li a{
display: block;
padding: 2px 12px;
text-decoration:none;
background:#ccc url("/images/search_bg_sub.jpg") repeat-x;
width:300px;
height:15px;
color:#515151;
border-bottom:1px #FAEBDE solid;
border-left:1px #faebde solid;
border-right:1px #faebde solid;
font: bold 8pt arial;


}


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

	
/* Holly Hack for IE \
* html #test ul li { float: left; height: 1%; }
* html #test ul li a { height: 1%; }
*/


/* End */

.left {
background:url("/images/menu-bg.jpg") repeat-y ;
width:220px;
float:left;
clear:right;
height:auto;
text-align:left;
padding:0px;
top:0px;
}

.par {
/* margin-left: 255px; */
padding-top:20px;
width:523px;
/* position:absolute;  */
height:auto;
font:normal 11pt arial;
float:right;
}

/*
* html .par {
left:225px;
top:180px;
position:absolute;
}
*/

.par h1 {
text-align:right; 
color: #C86B3E;
font:bold 12pt trebuchet ms, verdana,arial;
margin:0;
padding:0;
}

.par h2 {
text-align:left;
color:#787777;
font:bold 8pt verdana;
text-transform:capitalize;
}

.par_p {
text-align:justify;
height:auto;
padding:0px 20px 10px 15px;
}

.par_p ul {
padding-left:15px
}

.par_p h2.serendipity_title {
text-align:right; 
color: #7b0f18;
font:bold 12pt trebuchet ms, verdana,arial;
margin:0;
padding:0;
}

.par_p h3 {
text-align:left; 
color: #787878;
font:bold 10pt verdana,arial;
text-transform:capitalize;
margin-bottom:10px;
padding:0;
}

.par_p h2.serendipity_title a {
color:#7b0f18;
text-decoration: none}

.par_p h2.serendipity_title a:hover {
text-decoration: underline}



.par_p h4.serendipity_title {
text-align:center;
font:bold 14pt trebuchet ms, arial;
color: #7b0f18;
text-decoration:none;
}

.par_p h4.serendipity_title a{
color: #7b0f18;
text-decoration:none;
}

#content {margin-left:245px; margin-right:55px; font:normal 11pt arial; }
#content a {color:#0303E5; text-decoration:underline}
#content p { text-align:justify; margin-left:330px}
#content h1 {font:bold 16pt arial;text-transform:capitalize}
#content ul {margin-left:330px}
#content ul li {margin-left:15px; list-style-type:disc}
*html #content ul li {text-indent:15px}

#content_mod {margin-left:235px; width:70%  }
#content_mod a {color:#0303E5; text-decoration:underline}
#content_mod p { text-align:left; font:normal 11pt arial;/* margin-right:365px */}
#content_mod h1 {font:bold 16pt arial;text-transform:capitalize}
/*  #content_mod ul {margin-right:360px;} */
#content_mod ul li {margin-left:15px; padding-right:10px; list-style-type:disc;  font:normal 11pt arial;}
*html #content_mod ul li {text-indent:15px}


#content .table {font:normal 9pt arial; margin-left:330px }
#content .table h3 {font:bold 12pt arial}

.footer { 
font:normal 8pt MS Sans serif,arial; 
color:#aaa;
text-align:center;
padding-top:20px;
clear:left;
}
.footer a:hover { text-decoration:underline}
.footer a { color:#aaa; text-decoration:none}

.flags { white-space: nowrap; padding-bottom:5px; }
.flags a img { margin: 0 1px 0 0px; border:none; display:inline}

.serendipity_comments {font-size:8pt}

.serendipity_left {font-size:8pt}