body
{
background: #4b090c url(../images/bGrad.jpg) repeat-x;
margin: 0;
padding: 0;
width: 100%;
}

.container
{
width: 1000px;
height: 700px;
margin: 0 auto;
position: relative;
display: block;
background-image: url(../images/container.png);
background-repeat: no-repeat;
font: 0.75em Tahoma, "Trebuchet MS", sans-serif;
}

.sub_container
{
width: 953px;
height: 678px;
display: block;
padding-top: 0px;
background: white url(../images/lGrad.png) 0px 360px repeat-x;
}

.main_logo
{
width: 589px;
height: 436px;
display: block;
position: relative;
top: 135px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
}

.main_logo1
{
width: 589px;
height: 489px;
display: block;
position: relative;
top: 145px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
filter:alpha(opacity=05);
opacity:0.05;
-moz-opacity:0.05;
}

.petals
{
position: absolute;
width: 953px;
height: 80px;
top: 590px;
background: white url(../images/petals.png) no-repeat;
}

/*CONTENT*/
.content
{
position: absolute;
width: 712px;
height: 440px;
top: 90px;
left: 142px;
}

.content h3
{
border: 1px solid #4b090c;
color: white;
position: relative;
display: inline;
font-size: 1em;
padding: 0.25em 0.5em 0.25em 0.5em;
margin: 0;
}

.folder
{
border-top: 1px solid #FFFFFF;
position: relative;
display: block;
top: 3px;
height: 410px;
background: #fdfeff url(../images/folderGrad.png) bottom center no-repeat;
}

.folder p
{
position: relative;
color: #4b090c;
font-size: 1.1em;
margin: 0 4em 0 2em;
padding-top: 1.5em; 
line-height: 1.5em;
}

.contentLarge
{
position: absolute;
width: 856px;
height: 488px;
top: 64px;
left: 68px;
}

.contentLarge h3
{
border-top: 1px solid #4b090c;
border-left: 1px solid #4b090c;
border-right: 2px solid #4b090c;
color: white;
position: relative;
display: inline;
font-size: 1em;
padding: 0.25em 0.5em 0.25em 0.5em;
margin-left: 0;
}

.folderLarge, .folderLargeText, .folderLargeSmallText
{
position: absolute;
display: block;
top: 18px;
height: 488px;
width: 855px;
background: url(../images/folderGradLarge.png) bottom center no-repeat;
z-index: 3;
}

.folderLargeBack
{
position: absolute;
display: block;
top: 18px;
height: 488px;
background-color: white;
z-index: 1;
}

.folderLarge p
{
position: relative;
color: #4b090c;
font-size: 1.1em;
margin: 0 4em 0 2em;
padding-top: 1.5em; 
line-height: 1.5em;
}

.folderLarge table
{
margin: 0 2em 1em 2em;
}

.folderLargeSmallText table
{
margin: 0 2em 0 2em;
}

.folderLarge caption
{
width: 12em;
margin: 1.5em 2em 1em 2em;
padding: 0.25em 3em 0.25em 0.25em;
background-color: #4b090c;
text-align: left;
color: white;
font: 900 1.25em Tahoma, "Trebuchet MS", sans-serif;
}

.folderLargeSmallText caption
{
width: 14em;
margin: 1.5em 2em 1em 2em;
padding: 0.25em 3em 0.25em 0.25em;
background-color: #4b090c;
text-align: left;
color: white;
font: 900 1em Tahoma, "Trebuchet MS", sans-serif;
}

.folderLarge th, .folderLargeSmallText th
{
padding-bottom: 1em;
}

.folderLarge td, .folderLargeSmallText td
{
color: #4b090c;
font-size: 0.85em;
}

.folderSound
{
border-bottom: 1px solid gray;
border-right: 1px solid gray;
padding: 0.25em;
font-size: 0.85em;
}

.folderData
{
border-bottom: 1px solid gray;
padding: 0.25em;
margin: -1em;
font-size: 0.85em;
}

.folderLargeText ul
{
margin-left: 2.2em;
padding: 0.25em;
color: #4b090c;
font-size: 1em;
list-style: none;
}

.folderLargeText ul ul
{
font-size: 0.9em;
}

.folderLarge ul
{
margin-left: 2.2em;
padding: 0.25em;
color: #4b090c;
font-size: 0.85em;
list-style: none;
}

.folderLarge ul ul
{
font-size: 0.95em;
}

.folderLarge li
{
padding: 0.15em 0em 0.15em 0.15em;
}

.folderLarge img
{
border: none;
}

.header
{
margin-bottom: 1em;
font-weight: bold;
}

.header ul li
{
font-weight: normal;
}

.photo
{
display: block;
position: relative;
top: 35px;
left: 22px;
width: 400px;
height: 400px;
}

.photoText
{
display: block;
position: relative;
top: 35px;
left: 52px;
width: 400px;
height: 400px;
text-align: justify;
}

.photo img
{
position: absolute;
margin: 0;
}

.smallText p
{
color: #4b090c;
font-size: 0.85em;
}

.inline {display: inline;}
.leftfloat {float:left;}
.clearfloat {clear: both;}


/*SCROLL BARS*/
#mycustomscroll
{
/* Typical fixed height and fixed width example */
height: 475px;
width: 848px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
margin: 0.2em 0;
padding: 0;
position: relative;
background-color: transparent;
}

/*NAVIGATION*/
.nav_container
{
display: block;
position: absolute;
width: 953px;
height: 27px;
z-index: 999;
}

#nav, #nav ul, #list, #list ul 
{
float: left;
margin: 1.75em 0 0 1em;
padding: 0;
width: 953px;
list-style: none;
line-height: 1;
font: 13px Tahoma, "Trebuchet MS", sans-serif;
}

#nav a, #list a
{
display: block;
color: gray;
text-decoration: none;
text-align: left;
}

#nav li, #list li
{
float: left;
padding: 0;
margin: 0 2.5em 0 2.5em;
}

#nav li ul, #list li ul 
{
position: absolute;
margin: 0 0 0 -0.65em;
padding: 0.5em 0 0 0.25em;
left: -999em;
height: auto;
width: 7em;
}

#nav li li 
{
padding: 0.1em 0.25em 0.1em 0.25em;
margin: 0;
width: 8em;
border-left: 2px solid #4b090c;
border-right: 2px solid #4b090c;
border-bottom: 1px solid #4b090c;
background-color: #FFFFFF;
}

/*POP  LISTS*/
.popContainer
{
display: block;
position: absolute;
width: 600px;
height: 27px;
}

#list, #list ul 
{
margin: 1em 0 0 0;;
padding: 0;
width: 708px;
list-style: none;
line-height: 1;
font: 13px Tahoma, "Trebuchet MS", sans-serif;
}

#list a
{
display: block;
color: gray;
text-decoration: none;
}

#list li
{
padding: 0 1.2em 0 1.2em;
margin: 0;
text-align: center;
}

#list li ul 
{
position: absolute;
margin: 0 0 0 -0.65em;
padding: 0.5em 0 0 0.25em;
left: -999em;
height: auto;
width: 650px;;
z-index: 999;
} 

/*TAGLINE*/
.tagline p
{
font-size: 0.85em;
width: 953px;
display: block;
color: #999999;
padding-top: 0px;
text-align: left;
}

.tagline p #tag 
{
display: block;
margin: -12px 0 0 0;
text-align: right;
}

/*NAVIGATION*/
#nav li:hover ul {left: auto;}
#nav li li:hover ul {left: auto;} 
#nav li.snohover ul {left: auto;} 
#nav li li.snohover ul {left: auto;} 

#nav li a:hover {color: black;}
#nav li a:active {color: black;}

#subNav li a:link {color: #4b090c;}
#subNav li a:visited {color: #4b090c;}
#subNav li a:hover {color: #FFFFFF;}
#subNav li a:snohover {color: #FFFFFF;}
#subNav li:hover {background-color: #4b090c;}
#subNav li:snohover {background-color: #4b090c;}

/*FOLDER ACTIONS*/
h3 a:link {color: gray; text-decoration: none;}
h3 a:visited {color: gray; text-decoration: none;}
h3 a:hover {text-decoration: none;}
h3 a:active {text-decoration: none;}
.content h3:hover, .contentLarge h3:hover {color: #FFFFFF; background-color: #e5e5e5; text-decoration: none;}
.content h3:active, .contentLarge h3:active {color: #FFFFFF; background-color: #e5e5e5; text-decoration: none;}

/*GENERAL ACTIONS*/
a#genlink:link {color: white; text-decoration: none;}
a#genlink:visited {color: white; text-decoration: none;}
a#genlink:hover {color: #CCCCCC; text-decoration: underline;}
a#genlink:active {color: #CCCCCC; text-decoration: underline;}

#list li:hover ul {left: auto;}
#list li li:hover ul {left: auto;} 
#list li.snohover ul {left: auto;} 
#list li li.snohover ul {left: auto;} 

a:link {color: #4b090c; text-decoration: none;}
a:visited {color: #4b090c; text-decoration: none;}
a:hover {color: black; text-decoration: underline;}
a:active {color: black; text-decoration: underline;}