/* FF7 CITADEL - CSS Document */

body {
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    font-family: verdana,arial,helvetica,sans-serif;
    color: #FFFFFF;
    }

div.contentContainer {
    padding-left: 8px; 
    padding-right: 8px;
    font-size: 12px;
    margin: 0;
    line-height: 120%;
    }
    
/* use the following for Greymatter popup windows only! */
    
div.popupContainer {
	padding: 8px;
    font-size: 10px;
    margin: 0;
    line-height: 120%;
    }
    
/* use the following for nested tables 642 pixels wide! */
    
div.contentContainer2 {
    padding-left: 8px; 
    margin: 0;
    line-height: 88%;
    }
.monstersleft {
	position: relative;
	left: 0px;
	top: 0px;
}

.monstersright {
	position: relative;
	left: 50%;
	top: 0px;
}
    
p {
    font-size: 10px;
    _margin-top: 2px;
    _margin-bottom: 4px;
    }

.margin {
    padding-left: 8px; 
    padding-right: 8px;
    }

.break {
    margin-bottom: 2px;
    }

.updates {
    font-size: 12px;
    line-height: 140%;
    }

.updatesgreen {
    font-size: 12px;
    color: #009900;
    margin: 0;
    }
    
.textgreen1 {
	color: #006600;
	}
	
.textgreen2 {
	color: #009933;
	}
	
.textyellow {
	color: #FFFF99;
	}
    
.headeryellow {
    font-size: 12px;
    line-height: 140%;
    color: #FFFF99;
    background: url(strategy/st_images/bullet.jpg) no-repeat;
    padding-left: 13px;
    }

.bodytable10 {
    font-size: 10px;
    line-height: 140%;
    }
    
.characters {
    font-size: 10px;
    line-height: 140%;
    padding-left: 8px;
    }
    
.characters {
    font-size: 10px;
    line-height: 140%;
    padding-left: 8px;
    }

.cell_l {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	border-bottom: 1px solid #676767;
	}
	
.cell_r {
	padding-top: 8px;
	padding-bottom: 8px;
	border-left: 1px solid #676767;	
	padding-left: 8px;
	border-bottom: 1px solid #676767;
	}

.bcell_l {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	}
	
.bcell_r {
	padding-top: 8px;
	padding-bottom: 8px;
	border-left: 1px solid #676767;	
	padding-left: 8px;
	}
	
.bodytext10 {
    font-size: 10px;
    text-indent: 3em;
    }

.bodytext12 {
    font-size: 12px;
    text-indent: 3em;
    }
    
.leftcolumn {
    line-height: 14px;
    background: url(graphics/leftcolumn.png) top left no-repeat;
    }

.menu {
    font-weight: bold;
    font-size: 10px;
    }
    
.menumargin {
    font-weight: bold;
    font-size: 10px;
    padding-left: 8px; 
    padding-right: 8px;
    _margin-top: 2px;
    _margin-bottom: 4px;
    }
	
.fanArtGallery{
	display:none;
	font-size: 12px;
	}

a:link {
    color: #009900;
    }

a:visited {
    color: #009900;
    }

a:active {
    color: #CCCCCC;
    }

a:hover {
    color: #CCCCCC;
    }

a.name:link {
    color: #FFFFFF;
    }
    
h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    line-height: 125%;
    }

    
h2 {
    font-size: 14px;
    color: #009900;
    margin: 0px;
    }