/*********************************************************************************************************/
/* PEOI.CSS: Provides common style definitions.                                                          */
/*********************************************************************************************************/
/* Copyright 2007, Professional Education Organization International - ALL RIGHTS RESERVED               */
/* Author  : Yves Beaudoin - Webpraxis Consulting Ltd. - post@webpraxis.ab.ca                            */
/* History : v1.0.0 - April 10, 2007 - Original release.                                                 */
/*********************************************************************************************************/

BODY {
    background-color:       #FFFFFF;
    scrollbar-face-color:   darkgoldenrod;
    scrollbar-track-color:  #E8C782;
    text-align:             center;
}

A:link,
A:visited,
A:active {
    color:                  blue;
    text-decoration:        none;
}
A:hover {
    background-color:       white;
    color:                  navy;
    cursor:                 pointer;
    text-decoration:        none;
}

A.heading:link,
A.heading:visited,
A.heading:active {
    color:                  white;
    font-family:            times,serif;
    font-weight:            bold;
    width:                  100%;
    filter:                 progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=darkgoldenrod, EndColorStr=gray);
}
A.heading:hover {
    color:                  navy;
    background-color:       white;
    filter:                 progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=white, EndColorStr=white);
}

A.option:link,
A.option:visited,
A.option:active {
    color:                 black;
    background-color:       #E8C782;
    font-family:            times,serif;
    font-size:              9pt;
    font-weight:            bold;
    margin: auto;
    width:                  100%;
}
A.option:hover {
    background-color:       white;
    color:                  navy;
    align:                  center;
}

DIV.body {
    margin-left:            10px;
    margin-right:           10px;
    width:                  800px;
}

DIV.bodyTop {
    background-image:       url(Resources/Parthenon_EastFrieze.gif);
    background-attachment:  fixed;
    background-repeat:      no-repeat;
    background-position:    bottom center;
    margin-left:            10px;
    margin-right:           10px;
    width:                  800px;
}
DIV.bodyBottom {
    background-image:       url(Resources/The_School_of_Athens_(Medium).jpg);
    background-attachment:  fixed;
    background-repeat:      space ;
    background-position:    center center;
    background-align:       center;
    margin-left:            10px;
    margin-right:           10px;
    width:                  800px;
}



DIV.heading {
    background-color:       darkgoldenrod;
    letter-spacing:         0.5em;
    line-height:            30px;
    text-align:             center;
}
DIV.info {
    background-color:       #E8C782;
    font-family:            Arial, sans-serif;
    font-size:              x-small;
    padding:                10px;
}
DIV.merit {
    filter:                 progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=darkgoldenrod, EndColorStr=gray);
    font-family:            times,serif;
    font-weight:            bold;
    letter-spacing:         0.2em;
    line-height:            30px;
    text-align:             center;
    width:                  100%;
}

P {
    font-family:            Arial, sans-serif;
    font-size:              x-small;
}


TD {
    font-family:            Arial, sans-serif;
    font-size:              x-small;
}

P.info {
    background-color:       #E8C782;
    font-family:            Arial, sans-serif;
    font-style:             oblique;
    font-size:              x-small;
}

P.guide {
    font-family:            Time New Roman;
    font-size:              12pt;

}

UL.guide {
    font-family:            Time New Roman;
    font-size:              12pt;

}


LI.guide {
    font-family:            Time New Roman;
    font-size:              12pt;

}

TABLE.menu {
	border-width: 1px;
	border-spacing: ;
	border-color: darkkhaki;
	border-collapse: separate;
	background-color: darkgoldenrod;
}

TH.option_chosen {
    background-color:       royalblue;
    color:                  white;
    font-family:            Arial, sans-serif;
    font-size:              9pt;
    font-weight:            bold;
    padding-left:           2px;
    padding-right:          2px;
    width:                  100%;
}

TD.goal {
    font-family:            Arial, sans-serif;
    font-size:              xx-small;
    font-style:             oblique;
    padding-left:           10px;
    padding-right:          10px;
    text-align:             justify;
}

TD.info {
    
    background-color:       #E8C782;
    font-family:            Arial, sans-serif;
    font-size:              x-small;
}

TD.peoi {
    background-color:       navy;
    line-height:            2em;
    text-align:             center;
}

/*********************************************************************************************************/
/* Copyright 2007, Professional Education Organization International - ALL RIGHTS RESERVED               */

*/

   /* css reset */ 
 * { 
  padding: 0px; 
  margin: 0px; 
  } \n ");
          /* Menu logic */ 

           /* Hide the menu-item */ 
           .menu-item { 
               display: none; 
           } 

           /* Hide the submenu */ 
           .submenu { 
               display: none; 
           } 

           /* Display the submenu when hovering on the label */ 
           .menu-item:hover .submenu { 
               display: block;  
               position: absolute; 
               align: left;
           background: #E8C782;
                border: 1px solid #ababab;


           } 
           .submenu input:hover {
           background: #ffffff; 
           }

           /* Make elements in submenu appear one below another */ 
           .submenu li { 
               display: block; 
               padding 10px 60px; 

           }  
           /* Make elements in menu appear side by side, also allow display:block of the submenu */
          .menu-item {

               float: left; 
               padding: 10px; 
           } 
           /* Clearfix for menu */ 
           .menu:after { 
               content: \".\";  
               visibility: hidden;  
               display: block;  
               height: 0;  
               clear: both; 
           } 
           /* Styling */ 
           .menu { 
               width: 100%; 
               background-color: #E8C782;
               border-radius: 3px; 
               border: 1px solid #ababab; 
               list-style: none; 
           } 
           .menu-item { 
               padding: 10px 0px; 
           } 
           .menu-item: hover { 
               background-color: #ffffff;
               list-style: none; 
           } 
td.info: hover { 
background-color: #ffffff; 
}

li.menu-item { 
list-style: none; 
}

           .submenu{ 
               margin-top: 10px; 
               padding: 10px 10px 10px 10px; 
               background-color: #ffffff; 
               border: 1px solid #ababab; 
               font-style:             bold;
                font-size:              18pts;

           } 

           .submenu input {

          border: none;
           box-shadow: none;
           padding: 5px;
           background: #E8C782;

           width: 100%;
           }
            
           .submenu: hover { 
               background-color: #ffffff; 
           } 
ul.submenu: hover { 
background-color: #ffffff; 
}


           .submenu-item{ 
               margin: auto;
           } 

           ul.submenu-item: hover { 
               background-color: #ffffff;
               font-style:             bold;
               list-style: none; 
               margin: auto;
           }