#mainPanel 
{   
    height: 500px;
    background-color: #55cc18;
    width: 1000px;
    padding:10px;
}

#mainPanel #baseLeft
{   
    float:left;
    width:490px;
    height:100%;
}

#mainPanel #baseLeft div.title
{
    color:white;    
    font-size:18px; 
    margin-bottom:20px;   
}

#mainPanel #baseRight
{   
    float:right;
    background-color:white;
    width:490px;
    height:100%;
    font-size:13px;
}


#mainPanel #baseRight div.header
{   
	font-size:18px;
    color:white;
    background-color:#4D3926;	
}


#mainContents span.title
{
    font-size:16px;
	color:#ffffff;
}

#mainContents ul.list
{
    list-style-type:none;
    padding-left:10px;
}

#mainContents ul.list li
{
    font-size:16px;
}

dl.dllist {
    margin: 0;
    padding: 0;
}
dl.dllist dt {
    float: left;
    clear: left;
    width: 60px;
    padding: 2px;
}
dl.dllist dd {
    padding: 2px;
}











#layoutPanel 
{   
    background-color: #55cc18;
    width: 1000px;
    padding:0px;
    margin:0px;
    height:auto;
}



#layoutPanel div#commonLayoutPanel
{
    height:600;
}


#layoutPanel div#subMenuLayout
{
    height: 800px;
    width: 680px;
    margin:10px;

    background-color: royalblue;
}

#layoutPanel div#baseLeftLayout
{
    height: 800px;
    width: 680px;
    margin:10px;
    
    background-color: red;
}


#layoutPanel div#previewLayout
{
    float:right;
}


#layoutPanel div#previewLayout div#preview
{
    background-color: white;
    margin:10px;
    height:480px;
    width: 280px;
}