body
{
    font-family             : Arial, Helvetica, sans-serif;
	background       		: #A0A996;
}

#pageWrapper
{
    background      		: #FFFFB7; 
    width					: 800px;
    padding                 : 10px;  
	margin                  : auto; 
	text-align				: center;
    overflow                : auto;
}

#pageBody
{
    margin-top				: 0px;
    padding-left            : 1px;
    padding-right           : 1px;
}

#pageHeadArticles
{
    position                : relative;
    height					: 132px;
    background				: #369 url(../mainimg/ac_headerarticles.jpg) top left no-repeat;			
}
#horizontalMainmenubar
{
	height					: 100px;
	position				: relative;
	background				: #AA0000 url(../mainimg/articlesbackground.gif);
  	
}
#horizontalMainmenubar img
{
     border                  :0px; 
}

#articledivider
{
	height					: 7px;
	position				: relative;
	background				: url(../mainimg/articlehoridivider.gif);
}
             
                

#articleWrapper
{
    float:left; 
    font-family             : Arial, Helvetica, sans-serif; 
	width               	: 798px;
    overflow                : auto;
    background              : url(../mainimg/articlesbackground.gif);
    padding-top             : 20px;
    padding-bottom          : 20px;  
}


#articleContent
{
   
 	float      				: left;
    margin-left             : 25px;
    width               	: 545px;
    overflow                : auto;
    
}

#articlehead{float:left;background:url(../mainimg/articlehead.gif)  top left no-repeat; font-size:14px;padding:15px 5px 5px 15px;height:70px;width:525px;text-align:left;}

#articlebody{float:left;background:url(../mainimg/articlebody.gif); padding:15px; width:515px; font-size:12px; color:#495340;text-align:justify;}

#articlefoot{float:left;background:url(../mainimg/articlefoot.gif) bottom left no-repeat;padding:0px 10px 0px 10px;height:20px;width:525px;}


#articleMenu
{
 	float      				: right;
    margin-right            : 20px;
	width               	: 180px;
    overflow                : auto; 
}

#articleMenuhead
{
    background              : url(../mainimg/articlemenuhead.gif)  top left no-repeat;
    height                  : 65px; 
    padding-top             : 15px; 
	width               	: 180px;
}
#articleMenubody
{
    background              : url(../mainimg/articlemenubody.gif) repeat-y;
	width               	: 170px;
    padding                 : 5px 5px 15px 5px; 
    color                   : #FFFFC6;
    overflow				: auto; 
}

#articleMenutail
{
    background              : url(../mainimg/articlemenutail.gif) bottom left no-repeat;
    width               	: 180px;
    height                  : 20px; 
}

.maintitle{font-family: Arial, Helvetica, sans-serif; font-size: 18px;color:#FFFFCA;}
.maintitle a,.maintitle a:visited {color:#FFFFCA;text-decoration:none;}
.maintitle a:hover{color: #CAE6E4;}

.essaytitle{ background:url(../mainimg/essaytitle.gif) top left no-repeat;margin-top:20px;width:150px;padding:5px 10px 5px 10px;font-size:12px;font-weight:bold;}
.essaytitle a, .essaytitle a:visited {color:#661A25;text-decoration:none;}
.essaytitle a:hover{color: #FFFFB7;}
.essaytitleactive{background:url(../mainimg/essaytitleactive.gif) top left no-repeat;margin-top:20px;width:150px;padding:5px 10px 5px 10px;font-size:12px;font-weight:bold;}
.essaytitleactive a, .essaytitleactive a:visited {color:#661A25;text-decoration:none;}
.essaytitleactive a:hover{color: #FFFFB7;}
.essaysumm {background:#F9E9DF;width:150px;padding:5px 10px 5px 10px;font-size: 11px; color: #495340; text-align: justify;  }
.essaysummactive {background:#F2F5F7;width:150px;padding:5px 10px 5px 10px;font-size: 11px; color: #000080; text-align: justify;}
.essaysummtail {float:left;background:url(../mainimg/essaysumm.gif) bottom left no-repeat;width:170px;height:10px;}


.stilllifehori {position:relative;float:left;margin:16px 8px 8px 40px;width:85px;height:67px;background: url(../mainimg/menustilllifeover.jpg);}
.stilllifehori img{background: url(../mainimg/menustilllife.jpg);}
.stilllifehori:hover img{background: url(../mainimg/menustilllifeover.jpg);}

.portraithori{position:relative;float:left;margin:16px 8px 16px 15px;width:85px;height:67px;background: url(../mainimg/menuportraitsover.jpg);}
.portraithori img{background: url(../mainimg/menuportraits.jpg);}
.portraithori:hover img{background: url(../mainimg/menuportraitsover.jpg);}

.landscapehori {position:relative;float:left;margin:16px 8px 16px 15px; width:85px;height:67px;background: url(../mainimg/menulandscapesover.jpg);}
.landscapehori img{background: url(../mainimg/menulandscapes.jpg);}
.landscapehori:hover img{background: url(../mainimg/menulandscapesover.jpg);}

.flowerhori {position:relative;float:left;margin:16px 8px 16px 15px; width:85px;height:67px;background: url(../mainimg/menuflowersover.jpg);}
.flowerhori img{background: url(../mainimg/menuflowers.jpg);}
.flowerhori:hover img{background: url(../mainimg/menuflowersover.jpg);}

.wildlifehori {position:relative;float:left;margin:16px 8px 16px 15px;width:85px;height:67px;background: url(../mainimg/menuwildlifeover.jpg);}
.wildlifehori img{background: url(../mainimg/menuwildlife.jpg);}
.wildlifehori:hover img{background: url(../mainimg/menuwildlifeover.jpg);}

.head{FONT-SIZE: 22px; COLOR: #990000;}
.subhead{FONT-SIZE: 13px; COLOR: #990000;}


.author{font-size: 11px; COLOR: #006666;}
.author a:hover {color:#ff6600; text-decoration: underline} 

.articlethumbnail img{ width:150px; border-style:solid; border-width:2px; border-color:#d9ffff; margin-right:15px; }
.articlethumbnail:hover img{border-style:solid; border-width:2px; border-color:#ffba00; }

.thumbnail img{float:right; height:48px;border: solid 2px #d9ffff; margin-right:15px; }
.thumbnail:hover img{border:solid 2px #ffba00; }

.imageboxright {background-color:#FBEBB5; width:230px;padding:10px; float:right;margin:10px 0px 10px 10px;}
.imageboxleft {background-color: #FBEBB5; width:230px;padding:10px; float:left; margin: 10px 10px 10px 0px;}
.imageboxright img {width:230px;border:0px}
.imageboxleft  img {width:230px;border:0px}

.captiontitle {font-size: 12px; color: #660000; }
.captiondimen {font-size: 11px; font-style: italic;color: #009999;}
.captiontext  {font-size: 11px; font-style: italic; color: #495340;text-align:justify;}


#articleFooter
{
	position				: relative;
    float                   : left;
    margin-left             : 1px;  
    color					: #fff;
	width					: 798px;
	height					: 80px;
    background				: #369 url(../mainimg/articlefooter.jpg) top left no-repeat;			
    
}


.articlesFooterControls {   
                           position   : relative;
                           float      : left;
                           height     : 70px;
                           width      : 558px;
                           padding-top: 18px;
                           padding-left:30px;
                          }
.previousArticle{         position   : relative;
                          float      : left;
                          width      :150px;
                          display     :block;
                            }

.currentArticle{   
                           position   : relative;
                           float      : left;
                           width      : 250px;
                           display     :block;
                        
                           }

.nextArticle{   
                           position   : relative;
                           float      : left;
                           width      :150px;
                           display     :block;
                        
                           }
       
.arttitle{ font-size:  14px; color:#FAF5AB;text-align:center;}
.arttitle a, .arttitle a:visited
{
color:#FFFFC6;
text-decoration:none;
}

.arttitle a:hover
{
color:#80FFFF;
}
                           
.publishdate{ font-size:  10px; color: #ffffff;text-align:center;}

.next {font-size:12px; color: #cce0ff; text-align:center;}
.next a, .next a:visited {color:#cce0ff;text-decoration: none;}
.next a:hover {color:#ffcc66; text-decoration: underline} 

.muntingnayon{ font-size:  11px; color: #cce0ff;text-align:center;}
.muntingnayon a,.muntingnayon a:visited{color: #cce0ff; text-decoration:none;}
.muntingnayon a:hover{color: #cce0ff;text-decoration:underline;} 

.textmenubarhori1{position:relative;float:right;margin-top:4px;margin-right:6px;width:87px;height:67px; font-size:14px;}
.textmenubarhori2{position:relative;float:right;margin-top:4px;margin-right:20px;width:87px;height:67px; font-size:14px;}

.menuitem {width:87px;height:20px;margin-top:8px;background:url(../mainimg/menuitemover.gif) top left no-repeat;}
.menuitem a, .menuitem a:visited
{
display:block;
color: #FAF5AB;
height: 20px;
line-height: 20px;
text-align: center;
text-decoration: none;
width: 87px;
background: url(../mainimg/menuitem.gif) top left no-repeat;
}
.menuitem a:hover {
background:url(../mainimg/menuitemover.gif) top left no-repeat;
color:#E11D06;
text-decoration: none;
}

.botmenubarhori1{position:relative;float:right;margin-top:12px;margin-right:4px;width:80px;height:65px; font-size:12px;}
.botmenubarhori2{position:relative;float:right;margin-top:12px;margin-right:28px;width:80px;height:65px; font-size:12px;}

.botmenuitem {width:80px;height:14px;margin-top:3px; background: url(../mainimg/botmenuitemover.gif) top left no-repeat;}

.botmenuitem a,.botmenuitem a:visited 
{
display:block;
color: #FAF5AB;
height: 14px;
line-height: 14px;
text-align: center;
text-decoration: none;
width: 80px;
background: url(../mainimg/botmenuitem.gif) top left no-repeat;
}

.botmenuitem a:hover {
background:url(../mainimg/botmenuitemover.gif) top left no-repeat;
color:#E11D06;
text-decoration: none;
}

#panauhinContent
{
   
 	float      				: left;
    margin-left             : 25px;
    width               	: 525px;
    overflow                : auto;
    padding                 : 0px 10px 10px 10px;
    color                   : #004080; 
    
}

.panauhinhead{float:left;background:url(../mainimg/panauhinulo.gif)  top left no-repeat; font-size:14px;padding:15px;height:50px;width:450px;text-align:left;margin:0px 0px 0px 23px;}
.panauhinbody{float:left;background:#FFFBFB;padding:0px 20px 20px 20px; width:440px; font-size:12px; color:#004080;text-align:left;margin-left:23px;}
.panauhinfoot{float:left;background:url(../mainimg/ipos.gif) bottom left no-repeat;height:12px;width:480px;margin:0px 0px 30px 23px;}
.nagan
{width:380px;float:left;font-size:15px;color:#800000;}
.aldaw
{width:380px;float:left;font-size:12px;color:#1C5053;}


.ipos{background: url(../mainimg/ipos.gif) top left no-repeat;width:480px;height:12px;margin:0px 20px 30px 23px;}


#artistWrapper
{
    font-family             : Arial, Helvetica, sans-serif; 
	width               	: 798px;
    background              : url(../mainimg/articlesbackground.gif);
    padding-top             : 20px;
    padding-bottom          : 20px;  
}

.artistMenuWrapper{width:180px;display:block;}

.artistname{ background:#F0B88E;width:162px;margin-right:0px; margin-top:0px;padding:4px;font-size:12px;font-weight:bold;text-align:center;}
.artistname a, .artistname a:visited {color:#661A25;text-decoration:none;}
.artistname a:hover{color: #FFFFB7;}

.artistphoto {background:#F7D8C1;width:162px; margin-right:0px;margin-top:20px; padding:4px; font-size: 11px; color: #000080; text-align: justify;  }
.aristphoto img{border:0px;}
.artistphoto:hover img{background:#FFFFB3;}

#artistsmenu
{
    background              : #C16242;
 	float      				: right;
    margin-right            : 20px;
    padding-top             : 15px; 
    padding-bottom          : 15px; 
	width               	: 180px;
    font-size               : 13px;
    color                   : #FFFFBB;
    overflow				: auto; 
}

#artistPaintings
{
 	float      				: left;
    margin-left             : 25px;
    width               	: 525px;
    font-size               : 11px;
    text-align              : justify;   
    overflow				: auto;
    padding                 : 0px 10px 10px 10px;
    color                   : #004080; 
}