/* Batty Chan stylesheet*/

a:link {
	color: #ffffcc;
	text-decoration: underline;
}

a:visited {
	color: #999966;
	text-decoration: underline;
}

a:hover {
    color: #330066;
    font-weight: bold;
    background: #FFFFcc;
    text-decoration: underline;
}

a:active {
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

a:link.content
{
	color: #306;
	text-decoration: underline;
	font-size: large;
	font-weight: bold;
}

body {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: medium;
	line-height: normal;
	font-family: serif;
	color: #330066;
    background-color: #000000;

}

DIV.sidebar {
    color: #FFFFFF;
    border-right: #000000 2px solid;
    border-left: solid #660099 2px;
    border-bottom: #000000 2px solid;
    border-top: solid #660099 2px;
    background: #330066;
    float: left;
    width: 20%;
    padding: 4px;
    
}

DIV.content {
    background: #FFFFFF;
    color: #000000;   
    float: right;
    width: 75%;
    text-align: left;
    padding: 4px;
}

DIV.gallery {
    background: #FFFFFF;
    color: #000000;   
    float: right;
    width: 75%;
    text-align: center;
    padding: 4px;
}

DIV.text {
    background: #FFFFFF;
    color: #000000;   
    float: right;
    width: 75%;
    text-align: left;
    padding: 4px;
}

.small {
    font-size: small;
    text-indent: 4px;
}

IMG.gallery {
    border-right: #999999 1px solid;
    border-left: #CCCCCC 1px solid;
    border-bottom: #999999 1px solid;
    border-top: solid #CCCCCC 1px;
    padding: 2px;
}


IMG.link {
    padding: 2px;
    border: none;
}

/* Styles for period e-texts */

DIV.etext {
    background: #FFFFFF;
    color: #000000;   
    float: right;
    width: 99%;
    text-align: left;
    padding: 6px;
}

.subhead { 
    font-style: italic; 
}

P.image { 
    text-align: center; 
}

IMG.left {
	float: left;
	margin: 0 6px 0 0;
}

IMG.right {
	float: right;
	margin: 0 0 0 6px;
}