body 
{
    text-align:center;
    background-color:#9999cb;
}

body
{
    text-align: -moz-center;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8.5pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    background-color:#9999cb;
    
}

a
{
    text-decoration:underline;
    COLOR: #003366;    
}

a:hover
{
    text-decoration:none;
    COLOR: #003366;    
}

h1
{
    font-size:12pt;
    margin-top:0px;
    margin-bottom:0px;    
}


#Header
{
   width:785px; 
}

.img0
{
    border:solid 0px #fff;
    vertical-align:middle;    
}

#Header .Header1
{
     /*background-image: url(../gfx/skoool_logo_02.jpg);  */
     width:240px;
     height:72px;
     border: solid 0px #000000;
}

#Header .Header2
{
    /*background-image: url(../gfx/top_spacer_03.gif);  */
    width:182px;
    height:72px;   

}

#Header .Header3
{
    /*background-image: url(../gfx/intel_04.gif);  */
    width:117px;
    height:72px; 
    
}

#Header .Header4
{
     /*background-image: url(../gfx/adoptaskul_05.gif);  */
     width:116px;
     height:72px; 
}

#Header .Header5
{
     /*background-image: url(../gfx/deped_06.jpg);  */
     width:129px;
     height:72px;
     
    
}

.ClearBoth
{
    clear:both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height:0px;
    display:block;
        
}


#ButtonMain
{
    float:left;
    margin-left:10px;
    background-color:#7a7bbb;
    width:775px;
    height:22px;
}

#ButtonMain .CornerTopLeft
{
   background-image: url(../gfx/crner_top_left_09.gif); 
   width:24px;
   height:22px;  
   float:left;  
   background-color:#7a7bbb;
}

.FloatLeft
{
    float:left;  
    display:block;
}

.FloatRight
{
    float:right;  
    display:block;
}

.PhilFlag
{
    background-image: url(../gfx/flag_10.jpg); 
    width:30px;
    height:15px;
    margin-left:23px;
    float:left;
    margin-top:4px;       
}


.skoool
{
   /*background-image: url(../gfx/skoool.jpg); */
   width:115px;
   height:80px;  
}


.ButtonContainer
{
    margin-top:2px;
    margin-left:130px;
}

#ContentMain
{
    background-color:#7a7bbb; 
    float:left;
    margin-left:10px; 
}

#ContentMain .SubMain
{
    margin-left:2px;   
    vertical-align:top; 
}

.WhiteTopCorner
{
    background-image: url(../gfx/corner_white_top_17.gif);    
    width:16px;
    height:17px;       
    margin-top:1px;
    background-color:#fff;
}

.SubMain .WhiteBottomCorner
{
    background-image: url(../gfx/corner_white_bottom_17.gif);    
    width:16px;
    height:18px; 
    background-color:#fff;  
      
    
}

.WhiteLeftCorner
{
   background-color:#ffffff;
   width:638px;
   height:18px;
   
   
}

.SubMain .WhiteBack
{
    background-color:#ffffff; 
    width:653px; 
    
}


#FooterMain
{
    float:left;
    margin-left:10px;
    margin-bottom:10px; 
        
}

#FooterMain .CornerBootomLeft
{
    background-image: url(../gfx/corner_bottom_left.gif); 
    width:24px;
    height:22px;
    float:left; 
    background-color:#7a7bbb;
}

#FooterMain .Footer
{
    background-color:#7a7bbb;
    width:751px;
    height:22px; 
    float:left;   
    
}

#Content
{
    margin:0px 1px 0px 8px; 
    text-align:left;
    
    
}



#Content #TopRight 
{
     
    float:left;  
}





#BottomLeft
{
    float:left;          
}

.TextNews
{     
    width:326px;  
    margin-top:6px;
    margin-bottom:6px;
}

 


 .NewOnSkool
{
    background-image: url(../gfx/download_bg_29.gif);
    width:159px;
    height:148px;
    padding-top:4px;
   
}

 .Text1
{
    width: 157px;
    margin: 14px 3px 3px 3px;
}

.Text2
{
    width: 140px;
    margin: 10px 3px 3px 20px;
}

#Participate
{
    background-image: url(../gfx/participate_29.gif);
    width:159px;
    height:146px;
    text-align:left;
    
}

#Participate h1
{
    font-size: 11pt;
    margin: 0px 0px 0px 35px;  
    padding-top:8px; 
    padding-left:0px; 
}

 .NewOnSkool h1
{
    font-size: 9pt;
    margin: 8px 0px 0px 10px;    
}

.NewOnSkool span
{
    font-size: 11pt;
   
}

 #Participate .Text
{
    width: 154px;
    margin: 15px 3px 3px 3px;
    text-align:left;
   
}

#Participate .RadioButton
{ 
    margin: 15px 0px 0px 25px;    
}


#BottomRight
{
  
     
       
}

#BottomRight .img1
{
    background-image: url(../gfx/myskoool_banner_22.gif);
    width:152px;
    height:213px;
}


#BottomRight .img2
{
    background-image: url(../gfx/science_facts_23.gif);
    width:152px;
    height:213px;
    
}

.FooterContent 
{
    margin-top:4px;
    text-align:left;
    margin-left:100px;
}

.FooterContent .GrayFont
{
    color:#9baab1; 
}

.FooterContent .FooterButton
{
   margin-left:20px; 
}


.FooterContent .FooterButton a
{
    color:#ffffff;
    text-decoration:underline;
}

.FooterContent .FooterButton a:hover
{
    text-decoration:none;
}

.RadioButton span
{
    line-height:20px; 
    margin-left:30px;   
    
}

.HeaderTitle
{ 
  font-weight:bold; 
  border-bottom: solid 1px #003366;   
  margin-bottom:8px; 
  text-align:left;
  margin-right:5px;
  margin-left:0px;
}

#PageHeader
{
   border-bottom: solid 1px #003366;
   margin-bottom:10px;
   padding-bottom:8px;
   text-align:left;
   width:640px;
}

.RightContent
{
    margin-left:8px;
    margin-right:7px;
    background-image: url(../gfx/bg_splat2.gif);
    
}

.RightContent p
{
    margin-top:0px; 
    margin-left:0px;
    margin-right:0px;   
}

.AlignCenter
{
    text-align:center;    
}

.TextSubject
{
    margin:8px 10px 5px 15px;   
    width:280px;
    text-align:left;
      
}

#DottedRight
{
    border-right: dotted 1px #003366;   
}

.DottedTop
{
    
    border-top: dotted 1px #003366;   
    margin-top:5px;
    margin-left:0px;
    margin-right:5px;
   
}

.TopicItems
{
    vertical-align:top; 
    text-align:left; 
    background-color:#ebebfc;
    padding:0px 0px 0px 0px;
    border-left: solid 1px #c0c0c0;    
    border-right: solid 1px #c0c0c0;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
}



.TopicAlternate
{
    vertical-align:top; 
    text-align:left; 
    background-color:#f2f2fd;
    padding:0px 0px 0px 0px;
    border-left: solid 1px #c0c0c0;    
    border-right: solid 1px #c0c0c0;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
}




.SubjectList
{
    margin-top:30px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:5px;
    text-align:left;
    font-weight:bold;    
    margin-left:5px;
    font-size:9pt;
}

.flash
{
    margin-top:10px;
        
}

.LeftCont
{
    display:block;
    float:left;
    margin-right:10px; 
    
}

.SolidBorder
{
    border-top: solid 1px #c0c0c0;
    margin-right:7px;
    
    
}

.View
{
    float:left;
    display:block;
    margin-right:180px;
    margin-top:12px; 
    
}

.ViewRight
{
    float:left;
    display:block;   
    margin-top:12px; 
   
}

#Item
{
    margin-right:7px;    
}

#Alternate
{
    margin-right:7px;    
}

.MarginRight
{
   margin-right:5px; 
}

.TableTopic
{
    border-collapse:collapse;  
    padding:0px 0px 0px 0px;
    border:solid 0px #f0f0f0;
    width:100%;  
    margin-right:0px;
}   

.TableTopic td
{
   
    padding:10px 10px 10px 10px;
   
}

.textheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #333366;
	text-decoration: none;

}

.textheader2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
	padding-left:15px;

}

.BackUrl
{
    text-align:right;
    margin-bottom:3px;
    
}

.StudyNotes
{
    margin-left:10px; 
    margin-right:10px;
    text-align:left;   
}

.StudyNotes .table2
{
    border: solid 1px #333366;
    border-collapse:collapse
}
.StudyNotes .table2 td
{
    border-right: solid 1px #333366;
   
}

.StudyNotes .table1
{
    border solid 1px #333366;
    border-collapse:collapse
}

.StudyNotes .table1 td
{
    border: solid 1px #333366;
}

.StudyNotes  p
{
    margin-top:5px;
    margin-bottom:5px;
}

.MarginLeft
{
    margin-left:5px;    
}

.textsub
{
    font-weight:bold;    
}

.SideHeaderScroll
{
    background-image:url(../gfx/hp_updates_top.gif);
    width:117px;
    height:22px;
    margin-left:2px;
    background-repeat:no-repeat;
        
}

.SideFooterScroll
{
    background-image:url(../gfx/hp_update_bottom.gif);
    width:117px;
    height:16px;
    margin-left:2px;
    margin-bottom:0px;
    padding-bottom:0px;
    background-repeat:no-repeat;
    clear:both;
}

.SideMainScroll
{
    background-image:url(../gfx/hp_updates_bg.gif);
    width:117px;
    margin-left:2px;
    background-repeat:repeat-y;
    
}

.TxtAll
{
    margin-right:8px;
    
    
}

.TxtAll2
{
    margin-left:12px;
    
}
.TxtAll3
{
    margin-right:12px;
    
}

.table1
{
    border:solid 1px #c0c0c0;
    border-collapse:collapse;    
}

.table1 td
{
     border:solid 1px #c0c0c0;
    border-collapse:collapse;  
    padding: 3px 3px 3px 3px;  
}

.NoLearningObject
{
    font-style:italic;    
}

.MainUL
{
   list-style-type:upper-alpha;
   font-weight:bold;
   line-height:20px;
}

.SubUL
{
    font-weight:normal;
    list-style-type:decimal;
    line-height:16px;
    padding-left:10px;    
}

.ChildUL
{
    list-style-type:none;
    margin-left:0px;
    padding-left:10px;
}