/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF; color:#FFFFFF;
	font:normal 13px/20px Georgia, "Times New Roman", Times, serif;
	margin:0; padding:0; height:100%;}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

#container {
   min-height:100%;
   position:relative;
   height:100%;
}

/* -- top navigation start -- */
#topNav{
	width:800px; margin:0 auto; height:37px;}
#topNav ul{
	width:800px; margin:0 auto;}
#topNav ul li{
	height:37px; float:right;
	background:url(images/bg.gif) repeat-x 0 0 #A8A8A8; color:#DEDEDE;
	font:bold 12px/37px Arial, Helvetica, sans-serif;}
#topNav ul li a{
	padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
	background:url(images/bg.gif) repeat-x 0 0 #A8A8A8; color:#DEDEDE;
	font:bold 12px/37px Arial, Helvetica, sans-serif;}
#topNav ul li a:hover{
	background:url(images/top_btn_h.gif) no-repeat center bottom;}
#topNav ul li a.hover{
	padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
	background:url(images/top_btn_h.gif) no-repeat center bottom; color:#FFFFFF;
	font:bold 12px/37px Arial, Helvetica, sans-serif;}
/* -- top navigation start -- */

/* -- body start -- */
#body{
	width:800px; margin:0 auto;
	background:url(images/header_bg.gif)
        no-repeat top #FFFFFF; color:#171717; padding:10px;
        padding-bottom:60px;   /* Height of the footer */}
#body img.logo{
	border:none; padding:60px 0 0 0;}
#body h1{
	background:url(images/blank.gif) no-repeat 0 0 #FFFFFF; color:#171717;
	width:0px; height:10px; text-indent:-20000px;}
#body div.bodyText{
	padding:0px 0 0 0;}
#body div.bodyText h2{
	font:bold italic 24px/34px Georgia, "Times New Roman", Times, serif; color:#A8A8A8;}
#body div.bodyText h2 span{
	color:#000000; background-color:#FFFFFF;}
#body div.bodyText h3{
	font:normal 24px/34px Arial, Helvetica, sans-serif; color:#A8A8A8;}
#body div.bodyText h4{
	font:normal 20px/24px Georgia, "Times New Roman", Times, serif; color:#000000;
	background-color:#FFF7DE; padding:0 0 0 0px;}
#body div.bodyText h5{
	font:normal 12px/15px Arial, Helvetica, sans-serif; color:#3e3e3e;}
#body div.bodyText h5 a{
	font:normal 12px/15px Arial, Helvetica, sans-serif; color:#797979; text-decoration:none;}
#body div.bodyText p{
	font:normal 13px/20px Arial, Helvetica, sans-serif; color:#171717;
	padding:7px 0 0 100; background-color:#FFFFFF;}
#body div.bodyText p a{
	font:normal 13px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#B7B7B7; padding:5px 5px 5px 5px;}
#body div.bodyText p a:hover{
	font:normal 13px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#B0B0B0; padding:5px 5px 5px 5px;}
#body div.bodyText subNav{
	font:normal 13px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#959595; padding:5px 5px 5px 5px;}




#body div.category{
	padding: 30px 0 0 0;}
	
.kwicks {  
    list-style: none;  
    position: relative;  
    margin: 0;  
    padding: 0;  
}  
.kwicks li{  
    float: left;  
    width: 175px;  
    height: 175px;  
    margin-right: 0px;  
}
 
#kwick1 {   
    background-color: #ffffff;
    background-image: url('images/PAINTINGS_nav_off.png');
    background-repeat: no-repeat;
}
#kwick1.active {   
    background-color: #a9a9a9;
    background-image: url('images/PAINTINGS_nav_off.png');
    background-repeat: no-repeat;
}
#kwick1.active a{   
    background-color: #a9a9a9;
    background-image: url('images/PAINTINGS_nav.png');
    display: block;
    height: 175px;
    width: 300px;
}
#kwick2 {  
    background-color: #ffffff;  
    background-image: url('images/SASW_nav_off.png');
    background-repeat: no-repeat; 
}
#kwick2.active {  
    background-color: #a9a9a9;  
    background-image: url('images/SASW_nav_off.png');
    background-repeat: no-repeat; 
}
#kwick2.active a{   
    background-color: #a9a9a9;
    background-image: url('images/SASW_nav.png');
    display: block;
    height: 175px;
    width: 300px;
}
#kwick3 {  
    background-color: #ffffff;  
    background-image: url('images/OBJECTS_nav_off.png');
    background-repeat: no-repeat; 
}
#kwick3.active {  
    background-color: #a9a9a9;  
    background-image: url('images/OBJECTS_nav_off.png');
    background-repeat: no-repeat; 
}
#kwick3.active a{   
    background-color: #a9a9a9;
    background-image: url('images/OBJECTS_nav.png');
    display: block;
    height: 175px;
    width: 300px;
}
#kwick4 {   
    background-color: #ffffff;  
    background-image: url('images/WOP_nav_off.png');
    background-repeat: no-repeat; 
    margin-right: none;  
}
#kwick4.active {   
    background-color: #a9a9a9;  
    background-image: url('images/WOP_nav_off.png');
    background-repeat: no-repeat; 
    margin-right: none;  
}
#kwick4.active a{   
    background-color: #a9a9a9;
    background-image: url('images/WOP_nav.png');
    display: block;
    height: 175px;
    width: 300px;
}  	
	

.floatLeft{
	float:left;}
/* -- body end -- */

/* footer start -- */
#footer{
	background-color:#878787;
	border-top:1px solid #CCCCCC;
	bottom:0;
	font-size: 10px;
	color:#ffffff;
	left:0;
	opacity:0.9;
	padding:10px 10px;
	position:fixed;
	width:100%;
	z-index:1000;
}

#footer p{
	margin:0 auto; color:#C1C1C1; background-color:#878787;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p a{
	margin:0 auto; font:bold 11px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#878787; padding:0 3px;}
#footer p a:hover{
	margin:0 auto; font:bold 11px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#484848; padding:0 3px;}

/* footer end -- */