body {  margin-top: 15px;
                background-color: #000;
		color: #000;
              	scrollbar-face-color:#000066;
		scrollbar-arrow-color:#FFFFFF;
		scrollbar-track-color:#fff;
		scrollbar-shadow-color:'';
		scrollbar-highlight-color:'';
		scrollbar-3dlight-color:'';
		scrollbar-darkshadow-Color:'';
               }

	A 		{ color: #111; text-decoration: none;} 
	A:link		{ color:#111; text-decoration: none; } 	
        A:visited	{ color: #111; text-decoration: none; } 
	A:active	{ color: #111;  } 
	A:hover		{ color: green;  }

	
                       
hr {
                                                          
               	border-color: #660000;
		color: #660000;
		border: 0px solid #660000;
		width: 475px;
		padding: 0px;
		margin: 0px;
                height: 1px;
                background-color: #660000;
                                  }


/* header styles */

#header {
		 
                	height: 207px;
                	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 #666;
                       border-right: 1px solid #666; 
                      border-top: 1px solid #666;
                       background-color: #000;
                                                                                           
			}

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


.centre  A:active {color: #957CAC; font-size: 12pt;}              
.centre A:visited {color: #957CAC; font-size: 12pt;}                                  
.centre A:link {color: #957CAC; font-size: 12pt;}
.centre A:hover {color: #ff9900; text-decoration: underline; }
.centre h1 {color: #957CAC; padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px; margin-top: 0px; font-size: 20pt; text-decoration: none; font-weight: 500;}
.centre h2 {color: #957CAC; padding-top: 0px; padding-bottom: 0px; margin-bottom: 5px; margin-top: 5px; font-size: 16pt; text-decoration: none; font-weight: 500;}
.centre h3 {color: #957CAC; padding-top: 0px; padding-bottom: 0px; margin-bottom: 5px; margin-top: 10px; font-size: 14pt; text-decoration: none; font-weight: 500;}
.centre h4 {color: #fff; padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px; margin-top: 18px; font-size: 12pt; text-decoration: none; font-weight: 500;}
.centre li {font-size: 12pt; list-style: square; padding: 0px; margin: 0px;}  
.centre ul {font-size: 12pt; margin: 0px; padding-left: 15px;}  
.centre hr {background: #957CAC; border-color: #957CAC; padding-top: 0px; margin-bottom: 15px;margin-top: 0px; color: #957CAC; }


.centre {
                                                          
                font-family:garamond, serif;
		text-align: left;
                color: #fff;
                font-size: 12pt;
		margin-top: 0px;
		margin-bottom: 0px;
                margin-left: 20px;  			
		margin-right: 0px;
		padding-top: 30px;
                padding-right: 15px;
		padding-left: 8px;
		padding-bottom: 10px;
		line-height: 150%;

                                  }

#fluff-top {
                                                          
                background-image: url('images/fluff-top.gif');
                background-repeat: no-repeat;
                height: 23px;
                width: 490px;
                margin: 0px;
                padding: 0px;
                position: relative;

                                  }

#fluff-middle {
                                                         
                background-image: url('images/fluff-middle.gif');
                background-repeat: repeat;
                height: 400px;
                width: 490px;
                margin: 0px;
                padding: 0px;
		float: left;
                
                                  }

.fluff-middle-text {
	padding: 15px 15px 15px 15px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 14px; !important
}

.fluff-middle-text a {
	color: #6666CC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; !important
	font-size: 14px; !important

}

.fluff-middle-text a:hover{
	text-decoration: underline;

}

.fluff-middle-text a:visited{
	color: #6666CC;
}
.fluff-middle-text a:active{
	color: #6666CC;
}


#fluff-middle-left {
float: left;
text-align: center;
margin-top: 40px;
height: 290px;
width: 120px;
border-right: 0px dashed #777;
margin-right: 10px;
padding: 0px 5px 5px 5px;
overflow: auto; 

     }


#fluff-middle-right{
text-align: right;
margin-top: 5px;
width: 319px;
float: left;
border-right: 0px dashed #555;
margin-right: 10px;
padding: 5px 5px 5px 5px;
                }




#fluff-bottom {
                                                          
                background-image: url('images/fluff-bottom.gif');
                background-repeat: no-repeat;
                height: 22px;
                width: 490px;
                padding: 0px;
                margin-top: 0px;
                margin-bottom: 25px;
                float: left;                  }

.classinfotable li {list-style: circle; }  




.videos li {list-style-image: url('images/video-icon.gif');
            margin-left: 2px;}  

.videos ul {margin: 5px 5px 5px 60px;} 

.photocaption   {          
font-family:arial, sans-serif;
font-size: 9pt;
text-align: left;
color: #fff;
padding: 1px;
margin: 1px; }                     




.top   {          
font-family:arial, sans-serif;
font-size: 8pt;
padding: 1px;
margin: 1px; }  


.top A:visited  {          
font-family:arial, sans-serif;
font-size: 8pt;
} 

.top A:link  {          
font-family:arial, sans-serif;
font-size: 8pt;
} 


.top A:hover  {          
font-family:arial, sans-serif;
font-size: 8pt;
} 



	
TABLE.classestable {
font-family: verdana, sans-serif; 
border: 1px solid #444; 
padding: 0px; 
margin: 0px; 
width:520px; 
height: auto; 
font-size: 9pt;
line-height: 130%;}


TABLE.classestable A:active {font-family: verdana, sans-serif; color: #cc99cc;font-size: 9pt;}              
TABLE.classestable A:visited {font-family: verdana, sans-serif; color: #cc99cc;font-size: 9pt;}                                  
TABLE.classestable A:link {font-family: verdana, sans-serif; color: #cc99cc; font-size: 9pt;}
TABLE.classestable A:hover {font-family: verdana, sans-serif; color: #ff9900; text-decoration: underline; font-size: 9pt;}






	
/*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;
        border: 0px solid white;
     
		}

#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: #bb6600;font-size: 12pt;}              
.classlinks A:visited {color: #bb6600;font-size: 12pt;}                                  
.classlinks A:link {color: #bb6600;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: #bb6600;font-size: 10pt;}              
.goto A:visited {color: #bb6600;font-size: 10pt;}                                  
.goto A:link {color: #bb6600;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.projectstable A:active {}              
TABLE.projectstable A:visited {}                                  
TABLE.projectstable A:link {}
TABLE.projectstable A:hover {}
TABLE.projectstable img {border: 0px; }
TABLE.projectstable h3 {padding: 3px; margin: 0px;}
TABLE.projectstable {
                                                          
          		border: 1px solid #777;
                        width: 475px;
                        padding: 0px;
                        margin: 0px;         }






TABLE.schedule A:active {color: #bb6600;font-size: 11pt;}              
TABLE.schedule A:visited {color: #bb6600;font-size: 11pt;}                                  
TABLE.schedule A:link {color: #bb6600;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-image: url('images/burg-bg.gif');
margin: 0px;
padding: 0px;
margin-bottom: 15px;
border-right: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
}



.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;}