body { 
	background-color:#663333; 
	font-family:Arial; font-size:12px; color:#333333; margin:0px;
}

a {
	color:#663333; text-decoration:none;
}

li.foto {
	text-decoration:none; direction:ltr; display:inline; 
	margin:10px;
}

li.mediaLink {
	list-style:none; text-indent:20px;
	background-image:url(../img/midi_icon.png);
	background-position:left top; background-repeat:no-repeat;
}


/* some utility classes */
h1.mainTitle {
	font-family:Arial; color:#eee; background-color:#fff; display:block;
	text-indent:5px; background-image:url(../img/h1bg.gif); font-weight:lighter;
	margin:0px;
}

h1.dianaLogo {
    font-family:Arial; color:#FFFFFF; font-size: 50px;
    margin-top: 10px; margin-left: 10px; font-weight: lighter;
    letter-spacing: 5px;;
}


h2.subTitle {	
	font-family:Arial; color:#663333; text-indent:5px; font-weight:lighter;
	margin:0px; font-size:14px; letter-spacing:10px;
}

h3.section {
	color:#fff; margin:0px; text-indent:5px; letter-spacing:5px;
	display:block; background-color:#ccc;
}

p.stdParagraph {
	font-family:Arial; color:#666; font-size:12px; text-align:justify;
	text-indent:10px;
}

.cdFolder {
	position:relative; width:100%; height:auto; 
	border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;
	background-image:url(../img/body_bg.gif); background-color:#eee;
}

/*
.cdCover {
	position:absolute; width:250px; height:250px; 
	left:0px; top:0px;
}

.cdTrackList {
	position:absolute; width:250px; height:250px; 
	left:0px; top:0px;
}
*/

/* the 3 main divisions of layout */
div#top {
	position:absolute; top:0px; left:0px; width:100%; height:100px;
	background-color:#c4c4c4;
	background-image:url(../img/toptile.gif); background-position:top left; background-repeat:repeat-x; 
}

div#ads {
	position:relative; position:absolute; top:0px; left:50%; width:700px; height:auto;
	background-color:#5E3734; color:#FFFFFF; margin-left:-350px; text-align:center;
}

div#content {
	position:relative; top:100px; left:0px; width:100%; height:auto;
	background-color:#f4f4f4;
	background-image:url(../img/fundo2.jpg); background-position:top left; background-repeat:repeat-x;
}

div#bottom {
	position:absolute; top:100%; left:0px; width:100%; height:auto;
	background-image:url(../img/bottomtile.gif); background-position:top left; background-repeat:repeat-x;
	font-family: Arial; font-size:11px; color:#eee; text-align:center;
}

/* Other divs */
div#Downtile {
	position:absolute; left:0px; top:100%; width:100%; height:80px;
	margin-top: -80px;
	background-image:url(../img/downtile.gif);
	background-position:top left; background-repeat:repeat-x; z-index:2;
}

div#centerContent {
	position:relative; width:720px; height:auto; left:50%; top:0px; margin-left:-360px;
	border-left: 1px dashed #ccc; border-right: 1px dashed #ccc; z-index:1;
}

div#flashSlides {
	position:absolute; border:2px solid #ccc; top:65px; left:9px; width:300px; height:505px;
}

div#mainText {
	position:relative; border-left:1px solid #ccc; border-right:1px dashed #ccc; 
	left:325px; top:65px; width:380px; background-color:#eee;
}

div#topLogo {
	position: absolute; left:50%; top:0px; width:720px; height:100px; 
	margin-left:-360px;
}

div#topMenu {
	position:absolute; left: 350px; height: 100px; top:0px; width:420px;
	font-family:Arial; font-size:14px; color:#f4f4f4;
	vertical-align:middle; 
}