/* Body and box-like elements */
body {
    margin: 0;
    padding: 10px;
    background: #822;
    font: normal 105%/1.3em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif; }
/* MacIE5 commented backslash hack \*/
body { font: normal 86%/1.4em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif; }
/* End */
  #frame { /* large rectangle, goes around all other elements */
    margin: 0 auto;
    padding: 0px;
    width: 670px;
    border: 1px solid #ccc;
    background: #fff; } 


#min {height: 90px;
		padding-top: 10px;
		padding-left: 95px;
		font: normal 125% "monaco", Verdana, sans-serif;
		color: red;
		background: url(images/logokk1.jpg) no-repeat;}
 

#pagedescription { /* container for current issue articles on the front page */
    display: block;
    margin: 0 0 0px 0;
    padding: 0px 0px 0px 0px;
    background: #fff;
    border-bottom: transparent url(images/1dot.gif) repeat-x; }


#nav {
	float: left;
	width: 670px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 82%;
	border-top: 1px solid #A2BD43;
	border-bottom: 3px solid #355A10;
	background: #AE1414;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0 0px 0 0;
	list-style: none;
	background: #AE1414;
	}
#nav a {
	float: left;
	padding: 5px 6px;
	text-decoration: none;
	color: #fff;
	}
#nav a:hover, #nav a.active {
	color: #fff;
	background: #171D3A;
	}
#nav a.active {
	font-weight: bold;
	background: #171D3A;
	}
li#t-home a {
	margin-left: 40px;
	background: #AE1414;
	}
	
#content{
		width: 670px;
		background: #fff;
		padding: 0;
		margin: 0;
		}
  
		
.content#green {
				background: #fff;
				border-top: 0px;
				}
				
.content#green1 {
				background: #fff;
				border-top: 0px;}			
.content#orange {
				background: #fff;
				border-top: 0px;}
				
.content#blue {
				background: #fff;
				border-top: 0px;}
				
.content#yellow {
				background: #fff;
				border-top: 0px;}
				
.content#magenta {
				background: #fff;
				border-top: 0px;}
				
.content#lime {
				background: #fff;
				border-top: 0px;}

		
.left { 	
		display: block;
		float: left;
		width: 330px;
		padding: 0;
		padding-top: 5px;
		margin: 0;
     	} 
     	
	     	
		
.right {
		display: block;
		float: right;
		width: 330px;
		padding-left: 10px;
		padding-top: 5px;
		margin: 0;
		}
		
.left h2{	
    			padding: 0px;
    			margin-left: 15px;
    			margin-bottom: 0px;
    			margin-top: 5px;
    			padding-bottom: 0px;
    			color: #000;
    			font: bold 16px/1.3em "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", sans-serif;
    			}

    	
.left h3{	
    			padding: 0px;
    			margin-left: 15px;
    			margin-bottom: 0px;
    			margin-top: 0px;
    			padding-bottom: 0px;
    			color: #3A810B;
    			font: bold 14px/1.3em "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", sans-serif;
    			}
    			
.left em{	
    			padding: 0px;
    			margin-left: 80px;
    			margin-bottom: 0px;
    			margin-top: 0px;
    			padding-bottom: 0px;
    			color: #AE1414;
    			font: bold 14px/1.3em "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", sans-serif;
    			}
    			
.right h4 { 
    			
        		padding: 0px;
    			margin-right: 15px;
    			margin-bottom: 0px;
    			margin-top: 0px;
    			padding-bottom: 2px;
    			color: #F66E1C;
    			font: bold 14px/1.3em "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", sans-serif;
    			}
   
    	
.left p {display: block;
    	padding-left: 0px;
    	padding-right: 0px;
    	padding-top: 0px;
    	padding-bottom: 20px;
    	margin-left: 15px;
    	margin-top: 5px;
    	text-align: justify;
    	font: normal 12px/1.6em "Lucida Grande", "Verdana", sans-serif;
    	color: #444; 
    	border-top: 1px solid #ccc;
    	background: transparent url(images/h3.gif) bottom left repeat-x; }

    	
.right p {display: block;
    	padding-left: 0px;
    	padding-right: 0px;
    	padding-top: 10px;
    	margin-left: 30px;
    	margin-top: 5px;
    	text-align: justify;
    	font: normal 12px/1.6em "Lucida Grande", "Verdana", sans-serif;
    	color: #444; 
    	}	
	  	
/* contents background */	 	
  .contents {
	background : #fff;	
	margin : 5px;
	margin-top: 35px;
	margin-right: 15px;
	padding : 15px;
	}
    	
 .contents#TE60 {
	background : url(images/TE6011.jpg) no-repeat;	
	margin-left: 110px;
	height: 150px;
	margin-top: 55px;}
 		
 .contents#PE61 {
	background : url(images/PE61.jpg) no-repeat;	
	margin-left: 110px;
	height: 150px;}
	
 .contents#TE70 {
	background : url(images/TE70.jpg) no-repeat;	
	margin-left: 110px;
	height: 150px;}
	
 .contents#PE71 {
	background : url(images/PE71.jpg) no-repeat;	
	margin-left: 110px;
	height: 150px;}
	
 .contents#TE80 {
	background : url(images/TE80.jpg) no-repeat;	
	margin-left: 110px;
	height: 150px;}
	
 .contents#PE81 {
	background : url(images/PE81.jpg) no-repeat;	
	margin-left: 110px;
	height: 150px;}
	
	
 .contents#purple {
	background : url(images/KK1.jpg) no-repeat;	
	margin-left: 110px;
	height: 150px;}
	
 .contents#brown {
	background : url(images/ER3.jpg) no-repeat;	
	margin-left: 120px;
	height: 150px;}
	
 .contents#maroon {
	background : url(images/utensils.jpg) no-repeat;	
	margin-left: 40px;
	height: 150px;
	margin-top: 55px;}
	
 .contents#black {
	background : url(images/IMG_1353.jpg) no-repeat;	
	margin-left: 40px;
	height: 150px;
	margin-top: 55px;}

 .contents#silver {
	background : url(images/bowls4.jpg) no-repeat;	
	margin-left: 90px;
	height: 150px;
	margin-top: 55px;}

 .contents#silver1 {
	background : url(images/IMG_1352.jpg) no-repeat;	
	margin-left: 20px;
	height: 150px;
	margin-top: 50px;}
	


#footer { /* bottom of all pages */
    display: block;
    clear: both;
    height: 5px;
    border-top : 2px solid #000;
    padding: 0px;
    background: #ccc;
    margin: 15px 0 0 0; }
    
    
.article { /* featured articles on main page */
    background: #fff;
    text-align: justify;
    float: left;
    width: 400px;
    margin: 0 0 0 0px;
    padding: 10px 0 5px 0; 
    padding-left: 10px;}
    


/* */
#sidenav2 { /* constant, but secondary, navigation */
    float: right;
    width: 225px;
    margin: 0 0 0 5px;
    padding-top: 28px;
    padding-right: 10px;
    background: #fff;}
/* \*/
#sidenav2 { margin: 0 0px 0px 0; }

/* Top navigation: an unordered list */
ul.nav {
    margin: 0;
    padding-left: 150px;
    height: .5em;
    background: #eee; }

/* MacIE5 has a browser bug where the normal background image, ul.gif,
causes bands without color to appear inside the unordered list.  This is
an undocumented bug, so I was forced to hack around it. */
/* MacIE5 commented backslash hack \*/

ul.nav {
    height: 1.6em;
	color: red;
	font: normal 80%/1.2em "Trebuchet MS", "Verdana", sans-serif;
    background: url(images/footer.gif); }
/* End */

ul.nav li {
    list-style-type: none;
	display: block;
    float: left;
    margin: 2px 0 0 0;
    font-size: small;
    padding: .4em 0;}
/* MacIE5 commented backslash hack \*/
ul.nav li { padding: .2em 0; }
/* End */

ul.nav li a {
    padding: .8em;
    margin: 0;
    color: #003767;
    text-decoration: none;
    font: bold small/0 "Verdana", sans-serif; }
    
ul.nav li#current {
	margin: 2px;
  	}
    
ul.nav li a:hover {
    color: green;
	}
    
ul.nav li#current a, ul.nav li#current a:hover {
    color: red;
    text-decoration: none;
    font-weight: bold;
    cursor: default; }    
    

/* Heading tags */
h1 { /* background for main logo */
    display: block;
    padding: 5px;
    margin: 0;
    font-size: 140%;
    color: #fff;
    background: #FFFFFF; }
    
h1 a { /* main logo, with image replacement */
    display: block;
    padding: 0 0 15px 0;
    margin: 0;
    width: 550px;
    height: 60px;
    text-indent: -5000px;
    text-decoration: none;
    color: #444;
    background: #F1F1F1; }
  
h1 a:hover { text-decoration: none; border: 0; }
    
h2 { /* main heading for the page, or article title */
    padding: 10px 0 0 0;
    margin: 0px 0 8px 0;
    font: bold 100% "Trebuchet MS", Verdana, sans-serif;
    color: #822;
    }
    
h2 em { /* emphasized with color */
    float: right;
	font: normal 80% "Trebuchet MS", Verdana, sans-serif;
    color: #859EEC; }
    
h2 em a { text-decoration: none; color: #D26800; }
h2 em a:hover { text-decoration: underline; color: #D26800; }

h3 { /* side navigation header */
    color: #822;
    background: transparent;
    font: bold 105%/1em "Trebuchet MS", "Verdana", sans-serif; }


h4 { /* side navigation header... pretty much the same thing as h3 without the background */
    color: #222;
    background: transparent;
    font: bold 105%/1em "Trebuchet MS", "Verdana", sans-serif; }

h4 a {text-decoration: none;
	color: #222;
	font: bold 100%/1em "Trebuchet MS", "Verdana", sans-serif;}
h4 a:hover { text-decoration: none; color: #355A10; }

h5 a {text-decoration: none;
	color: #222;
	font: bold 100%/1em "Trebuchet MS", "Verdana", sans-serif;}

h5 a:hover { text-decoration: none; color: #355A10; }




/* paragraph and link styles */
p {
    margin: 0 0 2.5em 0;
    padding: 0;
    color: #222;
    font: normal 85%/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif; }

    
#pagedescription p { /* at the top of the page under the main header */
    margin: 0;
    padding: 0;
    color: #222;
    font: normal 86%/1.4em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif; } 

.article p {
    margin: 0 0 1.5em 0;
    padding: 0; }
p a { color: #822; text-decoration: none;}
p a:hover { color: #859EEC; text-decoration: none;}

.article p span { /* read me link, in fake small caps */
    font-size: 85%;
    color: #444; }
    
.article p span a { color: #444; text-decoration: none; border: 0; }
.article p span a:hover { color: #D26800; text-decoration: none; border: 0; }

.article ul {
    margin: 0 0 2.5em 0;
    padding-left: 15px;
    color: #222;
    font: normal 80%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif; }
   
#sidenav2 p {
    margin: 0 0 1.5em 0;
    padding: 0; }
#sidenav2 p a { padding-left: 0px;
		color: #822; text-decoration: none;}
#sidenav2 p a:hover { color: #859EEC; text-decoration: none;}

    
#sidenav2 h3 {
    margin: 0px;
    padding: 0 0 6px 0;
    background: transparent url(images/sidenav.gif) bottom left repeat-x; }
#sidenav2 h4 {
    margin: 0px;
    padding: 5px 0 0 0;
    }
    
#sidenav2 p {
			padding: 5px 0 0 0;
			border-bottom: 1px dotted #ccc; }