body {  margin-top: 15px;
                background-color: #000;
		color: #cc6600;
              
               }

	A 		{ color: #111; font-family: garamond, serif; font-size:  10pt; text-decoration: none;} 
	A:link		{ color:#cc6600; text-decoration: none; } 	
        A:visited	{ color: #cc6600; text-decoration: none; } 
	A:active	{ color: #cc6600;  } 
	A:hover		{ color: green;  }

	
                       
h1 A:active {color: #cc6600;font-size: 10pt;}              
h1 A:visited {color: #cc6600;font-size: 10pt;}                                  
h1 A:link {color: #cc6600;font-size: 10pt;}
h1 A:hover {color: green; text-decoration: underline; font-size: 10pt;}
h1 {
                                                          
                font-family:garamond, serif;
		text-align: left;
                color: #660000;
		font-size: 16pt;
		margin-top: 8px;
		margin-bottom: 2px;
               	margin-left: 1px;  			
		margin-right: 1px;
		padding-top: 0px;
                padding-right: 1px;
		padding-left: 0px;
		padding-bottom: 2px;
		line-height: 105%;
		
                                  }


h2 A:active {color: #cc6600;font-size: 14pt;}              
h2 A:visited {color: #cc6600;font-size: 14pt;}                                  
h2 A:link {color: #cc6600;font-size: 14pt;}
h2 A:hover {color: green; text-decoration: underline;font-size: 14pt; }
h2 {
                                                          
                font-family:garamond, serif;
		text-align: left;
                color: #660000;
		font-size: 14pt;
		margin-top: 8px;
		margin-bottom: 7px;
               	margin-left: 1px;  			
		margin-right: 1px;
		padding-top: 0px;
                padding-right: 1px;
		padding-left: 0px;
		padding-bottom: 5px;
		line-height: 105%;

                                  }
h3 A:active {color: #cc6600; font-size: 12pt;}              
h3 A:visited {color: #cc6600; font-size: 12pt;}                                  
h3 A:link {color: #cc6600; font-size: 12pt;}
h3 A:hover {color: green; text-decoration: underline;font-size: 12pt; }
h3 {
                                                          
                font-family:garamond, serif;
		text-align: left;
                color: #660000;
		font-size: 12pt;
		margin-top: 8px;
		margin-bottom: 2px;
               	margin-left: 1px;  			
		margin-right: 1px;
		padding-top: 0px;
                padding-right: 1px;
		padding-left: 0px;
		padding-bottom: 5px;
		line-height: 105%;

                                  }


hr {
                                                          
               	border-color: #660000;
		color: #660000;
		border: 0px solid #660000;
		width: 80%;
		padding: 0px;
		margin: 0px;
                height: 2px;
                background-color: #660000;
                                  }


/* header styles */

#header {
		 
                	height: 225px;
                	width: 778px;
                	background-color: #000;
			margin: 0px;
                	padding: 0px;
                	float: left;			                 
		}

#header img{
		 
                border: 0px;		                 
		}

#header img:link{
		 
                border: 0px;		                 
		}



#headerbottomleft {
		 
                height: 37px;
                width: 212px;
                background-color: #000;
		margin: 0px;
                padding: 0px;
                float: left;			                 
		background-image: url("images/leftside-top.gif");                                                                                            
                background-position: left;
                background-repeat: no-repeat;}



/* end of header styles */


/* page border styles for outer glow or fade but not used for Roula Site */



#leftsideborder {
		 
                min-height: 550px;
        	height: auto !important;
        	height: 550px;
                width: 0px;
                
		margin: 0px;
                padding: 0px;
                float: left;			                 
		}


#rightsideborder {
		 
                min-height: 550px;
        	height: auto !important;
        	height: 550px;
                width: 0px;
                background-color: white;
		margin: 0px;
                padding: 0px;
                float: left;			                
		}


/* end of page border styles */


	
#container 	       {
		       text-align: center;
                       margin:0 auto;
                       padding:0px;
                       width: 778px;
                       background-color: transparent;
                       height: auto;                                             
		       }


#inside 	       {
		       text-align: center;
                       float: left;
                       min-height: 50px;
                       height: auto !important;
                       height: 50px;
                       margin: 0px;
                       padding:0px;
                       width: 778px;
                       border-left: 1px solid #fff;
                       border-right: 1px solid #fff; 
                       border-top: 1px solid #fff;
                       background-color: #000;
                                                                                           
			}

#centre {
                       	position: relative;
                       	float: right;
                       	width: 563px;
        		height: 353px;
                       	padding: 0px;
                       	margin: 0px;
                       	background-color: #000;
                        background-image: url('images/main-back.jpg');
                        background-repeat: no-repeat;
                        
                       	
	       }


.centre  A:active {color: #bb6600;font-size: 12pt;}              
.centre A:visited {color: #bb6600;font-size: 12pt;}                                  
.centre A:link {color: #bb6600; font-size: 12pt;}
.centre A:hover {color: green; text-decoration: underline; }


.centre {
                                                          
                font-family:garamond, arial, sans-serif;
		text-align: left;
                color: #000;
                height: 105px;
		font-size: 12pt;
		margin-top: 0px;
		margin-bottom: 0px;
                margin-left: 20px;  			
		margin-right: 0px;
		padding-top: 0px;
                padding-right: 3px;
		padding-left: 8px;
		padding-bottom: 0px;
		line-height: 150%;

                                  }


.centre-bottom {
margin-left: 2px;                                                          
width: 553px;
background-color: transparent;
  }
                                


.what-new {
float: left;                                                          
width: 330px;
font-size: 12pt;
background-color: #000;
  }
	

.what-new-top {
float: left;                                                          
width: 330px;
height: 52px;
background-image: url('images/what-new-top.gif');
background-repeat: no-repeat;
background-color: transparent;
  }
	

.what-new-middle {
float: left;                                                          
width: 330px;
height: 164px;
font-size: 12pt;
background-image: url('images/what-new-middle.gif');
background-repeat: repeat;
background-color: transparent;
  }

.what-new-middle-text {
overflow: auto; 
margin: 3px; 
padding: 5px;                                                     
width: 300px;
height: 150px;
color: #fff;
text-align: left;
font-size: 11pt;
background-color: transparent;
  }
	
.what-new-middle-text A:link, .what-new-middle-text A:visited, .what-new-middle-text A:active {
font-size: 11pt;
  }


.what-new-bottom {
float: left;                                                          
width: 330px;
height: 30px;
background-image: url('images/what-new-bottom.gif');
background-repeat: no-repeat;
background-color: transparent;
color: #fff;
  }
	
.what-new-bottom A:link{
color: #cc6600;
text-decoration: underline;
  }

.what-new-bottom A:hover{
color: #ccc;
  }

.mailing {
margin-top: 40px;
float: left;                                                          
width: 223px;
height: 202px;
background-color: transparent;
  }


.mailing-top {
float: left;                                                          
width: 223px;
height: 32px;
background-image: url('images/mailing-top.gif');
background-repeat: no-repeat;
background-color: transparent;
  }
	

.mailing-middle {
text-align: left;
padding-left: 20px;
float: left;                                                          
width: 203px;
height: 118px;
background-image: url('images/mailing-middle.gif');
background-repeat: repeat;
background-color: transparent;
  }
	

.mailing-bottom {
float: left;                                                          
width: 223px;
height: 38px;
background-image: url('images/mailing-bottom.gif');
background-repeat: no-repeat;
background-color: transparent;
  }

	
/*left column styles */


#leftside {
        float: left;
        width: 212px;
        height: 353px;
        margin: 0px;
        padding: 0px;
        background-color: transparent;
         }


#leftsidetop {
        float: left;
        width: 212px;
        height: 276px;
        margin: 0px;
        padding: 0px;
        background-color: transparent;

		}

#leftsidetop img, #leftside img {
      	margin: 0px;
        padding: 0px;
            
		}

#leftsidebottom {
        float: left;
        width: 214px;
        height: 40px;
        margin: 0px;
        padding: 0px;
        background-image: url('images/lefside-bottom.gif');
        background-repeat: no-repeat;
   	}

.link1 img {
      	margin: 0px;
        padding: 0px;
	border: 0px;
     		}

.link1 {
        float: right;
        width: 157px;
        margin: 0px;
        padding: 0px;
        border: 0px;
        float: left;
        background-color: transparent;
     	}




/* end of left column styles */


/* styles for gallery.php page */


TABLE.videos img { border: 0px; margin-right: 15px;}


/* end of styles for gallery.php page */



/* styles for classes.php page */

.classlinks ul {list-style-type: none; padding-left: 25px; padding-top: 7px; padding-bottom: 7px;margin: 0px; }    
.classlinks li {list-style-type: square; padding-left: 5px; margin: 0px; }           
.classlinks A:active {color: #cc6600;font-size: 12pt;}              
.classlinks A:visited {color: #cc6600;font-size: 12pt;}                                  
.classlinks A:link {color: #cc6600;font-size: 12pt;}
.classlinks A:hover {color: green; text-decoration: underline;font-size: 12pt; }
.classlinks {
                                                          
                font-family:garamond, serif;
		text-align: left;
                color: #bb6600;
		font-weight: bold;
		font-size: 12pt;
		margin-top: 8px;
		margin-bottom: 2px;
               	margin-left: 1px;  			
		margin-right: 1px;
		padding-top: 0px;
                padding-right: 1px;
		padding-left: 1px;
		padding-bottom: 5px;
		line-height: 100%;
		border-top: 1px dashed #000;
		border-bottom: 1px dashed #000;
		background-color: #ddd;

                                  }


.goto A:active {color: #cc6600;font-size: 10pt;}              
.goto A:visited {color: #cc6600;font-size: 10pt;}                                  
.goto A:link {color: #cc6600;font-size: 10pt;}
.goto A:hover {color: green; text-decoration: underline; font-size: 10pt; }
.goto {
                                                          
                font-family:garamond, serif;
		text-align: left;
                color: #bb6600;
		font-size: 10pt;
		margin-top: 12px;
		margin-bottom: 1px;
               	margin-left: 1px;  			
		margin-right: 1px;
		padding-top: 1px;
                padding-right: 1px;
		padding-left: 1px;
		padding-bottom: 4px;
		line-height: 100%;
                width: 60px;
		border-top: 1px dashed #bb6600;
		border-bottom: 0px dashed #aaa;
		background-color: transparent;

                                  }

TABLE.schedule A:active {color: #cc6600;font-size: 11pt;}              
TABLE.schedule A:visited {color: #cc6600;font-size: 11pt;}                                  
TABLE.schedule A:link {color: #cc6600;font-size: 11pt;}
TABLE.schedule A:hover {color: green; text-decoration: underline;font-size: 11pt; }
TABLE.schedule {
                                                          
          		background-color: transparent;
                        border: 1px solid #ddd;
                        font-size: 14px;
                        width: 100%; 
                                 }

TR.schedule1 {
                                                          
              background-color: #ddd;
              font-weight: bold;
              font-size: 14px;
                                 }

TR.schedule2 {
                                                          
              background-color: transparent;
              border: 0px solid #ddd;
                                  }

TR.schedule3 {
                                                          
              background-color: #ddd;
              border: 0px solid #ddd;
                                  }



/* end of styles for classes.php page */




#footer {
position: relative;
float: left;
width: 778px;
min-height: 25px;
height: auto !important;
height: 25px;
text-align: center;
background-color: #662200;
background-image: url('images/footer.gif');
margin: 0px;
padding: 0px;
margin-bottom: 15px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}



.footer {
                                                          
                font-family: garamond, serif;
                color:#fff;
		font-size: 11pt;
		text-align: center;
                text-transform: lowercase;	
		margin: 0px;
                padding: 4px 0px 0px 18px;
                background-color: transparent; 
                }

.footer A:active {color: #fff; font-size: 11pt;}              
.footer A:visited {color: #fff; font-size: 11pt;}
.footer A:link {color: #fff; font-size: 11pt;}              
.footer A:hover {color: #fff; font-size: 11pt; text-decoration: underline;}