/* Start of CMSMS style sheet 'Home' */
body {
          padding: 0; margin: 0;
		  font-size: small;
		  font-family: Arial, Helvetica, sans-serif;
		  background: black;
		  color: #CC0000;
		  margin-left: auto;
		  margin-right: auto;
		  width: 900px;
		  text-align: center;
}

a {
        color: #CC0000;
		text-decoration: none;

}

a:hover {
             text-decoration: underline;
}

a img {

			border: none;

}

#container {    
				float: left;
				margin: 0;
                padding: 0;
                width: 900px;
				height: 600px;
				background: url(uploads/Graphics/johari-backgroundimage-h.jpg) 0 50px no-repeat;
				
}

#header {
                float: left;
				margin: 0;
				padding: 0;
				width: 900px;
				height: 50px;
				text-align: left;

}

#Twitter {      height: 110px; overflow: auto;

}

#Twitter img { width: 65px; height: auto; margin-left: 5px;

}

#middle {
                 float: left;
				 margin: 0;
				 padding: 0;
				 height: 500px;
				 width: 900px;
				 
}



#footer {
                 text-align: center;
				 margin: 0;
				 padding: 0;
				 height: 50px;
}

#copyright {
				float: left;
				margin: 0;
				padding: 0;
				width: 900px;
				font-size: 85%;
}

#copyright ul {  float: left;
 				 margin: -20px 0 0 550px;
				 padding: 0;
                 list-style: none;
				 width: 900px;
}

#copyright li {
                 float: left;
				 margin: 5px 10px 0 5px;
}
/*This is for home page only*/

#header img {
				margin: 10px 0 0 36px; padding: 0;

}
h1 { float: right; margin: 10px 12px 0 0; padding: 0;
}
h2 {      position: relative; left: 326px; top: 104px;
          

}

#news {  width: 230px; height: 324px;
            float: left; margin: 20px 0 0 658px; padding: 0;
			background: url(uploads/Graphics/newsbackground.png);
			text-align: left;
			color: black;
                        overflow: none;
			
}

#news h1, h2, h3, h4 {
              padding: 5px; margin: 0;
}

#news p {
              padding: 5px; margin: 0;
}

#newscontent {
                          height: 212px; overflow: auto; border-bottom: #CC0000 2px solid;
}
#menu {  
         text-align: center;
        padding: 0; 
		 
           
}

#menu ul {   
              float: left;
			  margin: 3px 0 0 30px; padding: 0;
			  list-style: none;
}

#menu li {
               float: left;
			   margin: 0; padding: 0 30px 0 0;
}


a#about img {height: 47px; width: 61px; border-width: 0;}
a#teaching img {height: 47px; width: 86px; border-width: 0;}
a#gallery img {height: 47px; width: 72px; border-width: 0;}
a#video img {height: 47px; width: 51px; border-width: 0;}
a#press img {height: 47px; width: 56px; border-width: 0;}
a#outofthebox img {height: 47px; width: 148px; border-width: 0;}
a#contact img {height: 47px; width: 80px; border-width: 0;}

a#about img {background:url(uploads/Graphics/about-hm.gif) top left no-repeat;}
a#teaching img {background:url(uploads/Graphics/teaching-hm.gif) top left no-repeat;}
a#gallery img {background:url(uploads/Graphics/gallery-hm.gif) top left no-repeat;}
a#video img {background:url(uploads/Graphics/video-hm.gif) top left no-repeat;}
a#press img {background:url(uploads/Graphics/press-hm.gif) top left no-repeat;}
a#outofthebox img {background:url(uploads/Graphics/outofthebox-hm.gif) top left no-repeat;}
a#contact img {background:url(uploads/Graphics/contact-hm.gif) top left no-repeat;}

a#about:hover img {background:url(uploads/Graphics/about-hm-h.gif) top left no-repeat;}
a#teaching:hover img {background:url(uploads/Graphics/teaching-hm-h.gif) top left no-repeat;}
a#gallery:hover img {background:url(uploads/Graphics/gallery-hm-h.gif) top left no-repeat;}
a#video:hover img {background:url(uploads/Graphics/video-hm-h.gif) top left no-repeat;}
a#press:hover img {background:url(uploads/Graphics/press-hm-h.gif) top left no-repeat;}
a#outofthebox:hover img {background:url(uploads/Graphics/outofthebox-hm-h.gif) top left no-repeat;}
a#contact:hover img {background:url(uploads/Graphics/contact-hm-h.gif) top left no-repeat;}


/* End of 'Home' */