/* BODY */ 
	body {
	background:#fff url(../images/body_bg2.jpg) repeat-x; color:#382d24;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;	
	border:0px;


        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;

							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:12px;
	    font-family:Verdana, arial;

    }
    
    
	div.container {
	 	margin-left:auto;
	    margin-right:auto;
		max-width:1152px;
        min-width:850px;    /* Minimum width of layout - remove line if not required */	
	}
    
    

    
    /*   TABLES	*/	
	table.container {
	border:0px solid #666;
	border-spacing: 0px;
	width:92%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	vertical-align: top;

	}
	
	td.col1 {
	vertical-align: top;
	padding-left:20px;
	padding-right:40px;



	}

    td.col2 {
	width:100%;
	padding-right:15px;
	padding-left:5px;
	vertical-align: top;

	}


	td.col3 {
	vertical-align: top;
	padding-left:10px;


	}
    

	table.nav1 {
	border:0px solid #666;
	border-spacing: 0px;

	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	vertical-align: top;

	}

    table.nav2 {
	border:0px solid #666;
	border-spacing: 0px;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	vertical-align: top;
	}


    table.pageOptions {
	border:0px;
	border-spacing: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	}
	
    table.pageOptions a {
	color:#fff;
	text-decoration:none;
	}
	
	
    td.pageOptions {
	border:0px;
	border-spacing: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-right:2px;
	color:#fff;
	}
	


	table.catTableHeader {
	width:100%;
	border: 0px solid #666;
	border-spacing: 0px;
	padding: 0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
    margin-left:0px;
    background-color:#fff;

}

	table.catTableHeader tr {

	margin-bottom:0px;
	font-size:12px;
	

}


	table tr.catTableHeaderTRtop {
	background:url(../images/button-form-purple-large.gif) repeat-x;

}

	table tr.catTableHeaderTRtrack {
	margin-bottom:0px;
	font-size:12px;

}


	table tr.catTableHeaderTRtrack:hover{
	background: url(../images/button-form-green-large.gif) repeat-x;
	
}


	table.catTableHeader td{
	padding: 7px;
}


    table.snippet {
	color: #000;
	font-family:verdana, arial;
	background-color: #F0F8FF;
	border: 1px solid #000;
	margin-bottom:35px;
	padding: 4px;
	width:95%;
}

	table.snippet font { font-size:13px; font-family: Courier New, Courier; }
	table.snippet a    { font-size:12px; font-family: Verdana, Arial;}	
	table.snippet td {padding:5px;}
	
	
    table.namingFiles {
	color: #000;
	font-family:verdana, arial;
	background-color: #fff;
	border: 1px solid #000;
	margin:4px;
	padding: 0px;
	width:90%;
	text-align:center;
	margin-right:auto;
	margin-left:auto;

}	
	
    table.namingFiles tr.head {	
		background-color: #777;
		color: #fff;
		padding: 5px;
		
	
	}
	
    table.namingFiles td {	
	width:50%;
	vertical-align:top;
		border: 1px solid #444;
	}
	
	/* FONTS  PARAGRAPHS and LINKS styles  */
	
    font.nav {
	font-size: 12px;
	font-family:Verdana;
     }
     
         font.navsmall {
     		color: #444;
			font-size: 11px;
     }
	 

	 
	 
	a {
    	color:#2D5959;	
		text-decoration:none;
		outline: none;
		font-size:12px;
	}
	
	a:hover {

		text-decoration:none;
	}

	a.tab {
    	color:#fff;	
		text-decoration:none;
	}

	
          
ul.shadetabs {
		  margin:0px;
		  padding:0px;
}


li {
	list-style-position:inside;
}

h2 {
	font-size: 16px;
	margin: 0;
	border-bottom: 0px solid #797979;
	margin-bottom: 2px;
	margin-top:6px;
	color: #354158;
}

h3 {
	font-size: 15px;
	border-bottom: 0px solid #797979;
	margin-bottom: 3px;
	margin-top:10px;
	color: #607293;
}


h3.index {
	font-size: 17px;
	font-family:Trebuchet MS,  Tahoma, Palatino Linotype, Georgia, Verdana;
	border-bottom: 0px solid #797979;
	margin-bottom: 0px;
	margin-top:12px;
	color: #515A86;
	
}


h3.page {
	font-size: 11px;
	font-family:Verdana, Arial, Palatino Linotype, Georgia;
	border-bottom: 0px solid #797979;
	margin-bottom: 10px;
	margin-top:0px;
	padding-top:0px;
	padding-left:10em;
	color: #0B2DCA;

}


h4 {
	font-size: 13px;
	border-bottom: 0px solid #797979;
	margin-bottom: 3px;
	margin-top:10px;
	color: #607293;
}

h5 {
	font-size: 12px;
	margin: 0px;
	color: #49457C;
}


h4.page{
	font-size: 12px;
	border: 1px solid #2F73FF;
	border-bottom: 0px solid #2F73FF;
	margin-bottom: 3px;
	margin-top:10px;
	color: #fff;
	text-align:center;
	font-family:Verdana;
	width:120px;
	background-color:#6699FF;
	background: url(../images/nav_over_bg_purple.gif) repeat-x;
	padding:2px;
	padding-left:5px;
	cursor:pointer;
}

    p.index {
     margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:13px;
	font-family:Verdana, Trebuchet MS, Arial;
	color:#333;
	line-height:1.4em;
    }


    p.thanks {
    margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:12px;
	color:#333;
	line-height:20px;
    }
    
    p.contact {
    margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:14px;
	color:#333;
	line-height:20px;
    }



/* Browser specific (not valid) styles to make preformatted text wrap */
pre {
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */


	margin-left: 1em; 
	color: black;
	background-color: #F0F8FF;
	border: solid thin;
	padding: 1em;
}





	
	













		  
        /* DIV */
        
        
    div.artcInfo{
	font-family:Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	}
    
        
        
    div.Music{
     
		border:1px solid #000;
		
	}
        

    div.FeaturedMedia{
		background-color:transparent;
		border:0px solid #000;
		text-align:left;
		width:80%;
		margin-top:6px;
		padding:2px;
		
	}
	
	
	    div.FeaturedMediaAlt{
		background-color:#eee;
		border:0px solid #000;
		text-align:left;
		width:80%;
		margin-top:6px;
		padding:2px;
		
	}
	
	

	

	
		div.catTitle{
	font-size: 12px;
	margin: 0px;
	border: 1px solid #2F73FF;
	border-bottom: 0px solid #2F73FF;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #fff;
	text-align:center;
	font-family:Verdana;
	width:120px;
	background-color:#6699FF;
	background: url(../images/nav_over_bg_purple.gif) repeat-x;
	padding:2px;
	padding-left:5px;

		
	}

	div.catTitle:hover {background: url(../images/nav_over_bg_purple2.gif) repeat-x; }
	
	

		div.catTitleOptions{
	font-size: 12px;
	margin: 0px;
	border: 1px solid #2F73FF;
	border-bottom: 0px solid #2F73FF;
	margin-bottom: 0px;
	color: #fff;
	text-align:center;
	vertical-align:top;
	font-family:Verdana;
	width:20px;
	background-color:#6699FF;
	background: url(../images/nav_over_bg_purple.gif) repeat-x;
	padding:2px;
	cursor:pointer;
		
	}



		div.catTitleOptions:hover{
	background: url(../images/nav_over_bg_purple2.gif) repeat-x;
	
	}

		
		
	    div.pageCategory {
		border:0px solid #6633CC;
		text-align:left;
		width:95%;
		margin-top:0px;
		margin-bottom:15px;
		padding:0px;

	}
	
	

	
		div.adminPage{
		border:1px solid #00CCFF;
		width:95%;
		margin-top:2px;
		margin-bottom:15px;
		padding:10px;
		font-size:12px;	

	}
	
	

	
	
	    div.navHolder{
		border:0px solid #000;
		text-align:left;
		width:173px;
		padding-left:5px;
		padding-left:5px;
		padding-top:4px;
		padding-bottom:4px;
		margin-top:0px;
		margin-bottom:0px;


	}
	
	div.navHolder a{ font-weight:bold;}
	
		div.navHolder:hover{
		background:url(../images/nav_over_bg_blue.gif) no-repeat;
		
	}
	
		div.navHolderActive{
		border:0px solid #000;
		text-align:left;
		width:173px;
		padding-left:5px;
		padding-top:4px;
		padding-bottom:4px;
		margin-top:0px;
		margin-bottom:0px;
		background: url(../images/nav_over_bg_green.gif) no-repeat;
	}
	
	div.navHolderActive a {
	color:#444;	 
	font-weight:bold;
}




	div.navHolder2{
		border:0px solid #000;
		text-align:left;
		width:173px;
		padding-left:5px;
		padding-left:5px;
		padding-top:4px;
		padding-bottom:4px;
		margin-top:0px;
		margin-bottom:0px;
		color:#999;

	}


	
		div.galleryImage{
		border:0px;
		margin:0px;
		padding:0px;
		
	}
	
	
	div.Container {
	width: 99%;
	border: 1px solid #666;
	background-color:transparent;
	padding: 3px;
}
	
	
	div.galleryScroll {
	width: 400px;
	height:200px;
	overflow: auto;
	border: 1px solid #666;
	background-color:transparent;
	padding: 3px;
}


	div.thumbnailList {
	float:left; 
	padding:15px; 
	padding-top:0px; 
	border-right:1px dashed #666;
}


	div.thumbnailSites {
	float:left; 
	padding:20px;
    padding-top:0px;
}


	div.thumbnailInfo {
	width:40%;
	float:left; 
	padding:15px; 
	padding-top:0px; 
	border-right:0px dashed #666;

}







	/*********** FORMS and INPUTS *****************/


input.inputField{
	border: 1px solid #000;
	background-color: #eeeeee;
	background-image: url(../images/button-form-yellow.gif);
	padding: 2px;
	color:#000000;
	font-weight: normal;
	font-size: 12px;
	font-family: verdana,arial;
	margin-top:2px;
	width:150px;

}


input.resetButton {
	border: 1px solid #000;
	background-color: #eeeeee;
	background-image: url(/artc/images/button-form-red.gif);
	color:#000000;
	font-weight: bold;
	font-style: inherit;
	font-size: 11px;
	font-family: inherit;
	padding:2px;
		cursor:pointer;
}	

	input.inputButton {
	border: 1px solid #000;
	background-image: url(../images/button-form-green.gif);
	padding: 2px;
	padding-top:3px;
	padding-bottom:3px;
	color:#000000;
	font-weight: bold;
	font-style: inherit;
	font-size: 11px;
	font-family: verdana, arial, geneva;
	margin-top:2px;
	width: 190px;
	text-align:center;
	cursor:pointer;
	

}

	input.inputButton:hover{
	background-image: url(../images/button-form-yellow.gif);
}



	input.inputButtonSmall {
	border: 1px solid #000;
	background-image: url(../images/button-form-green.gif);
	padding: 2px;
	color:#000000;
	font-weight: bold;
	font-style: inherit;
	font-size: 11px;
	font-family: verdana, arial, geneva;
	margin-top:2px;
	width: 120px;
	text-align:center;
	cursor:pointer;
	

}



input.inputButtonYellow{
	border: 1px solid #000;
	background-color: #eeeeee;
	background-image: url(../images/button-form-yellow.gif);
	padding: 2px;
	color:#000000;
	font-weight: bold;
	font-style: inherit;
	font-size: 11px;
	font-family: inherit;
	margin-top:2px;
	width:120px;
	text-align:center;

}


	
	
input.inputButtonYellow:hover {
 
	background-image: url(../images/button-form-yellow.gif);
}
        
        


	
	
	/* IMG */ 
	img {
		margin:0px;
		border:0px;
		padding:0px;
	}
	
	img.headlogo {
		vertical-align:top;
		float: right;
		padding-top:0px;
		margin-bottom:10px;
		
	}

	img.nav {
		vertical-align:top;
		padding-top:0px;
		margin-bottom:5px;
		margin-left:15px;
		text-align:left;
	}
	
		img.navFeaturedMedia {
		vertical-align:top;
		padding-top:0px;
		margin-bottom:5px;
		margin-left:32px;
		text-align:left;
	}
	
		img.arrow {
		vertical-align:top;
		float: right;
		padding-top:0px;
		margin-bottom:10px;
		width:32px;
		
	}

		.photo {
		border:0px solid #ff6600; 
		vertical-align:top;
		padding:2px;
		margin:1px;
		width:75px;
		height:75px;
	
	}
	




	
	/* HEADER styles */
    #header {
        clear:both;
        width:100%;
        text-align:center;
        background: url(../images/header_bg.gif) no-repeat; 
        background-position: center;
        border-top:0px solid #000;
		border-bottom:0px solid #000;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
    }

	#header img {
		margin-top:7px;
		margin-bottom:0px;

	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	
	
	
	
	
	
	
	
	
	
	/* Footer styles */
	table.footer {
        clear:both;
        float:left;
        width:100%;

		text-align:center;
		background-color:#fff;
		border-top:0px dashed #999;
		border-bottom:0px dashed #999;
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
    }

		
	img.footerCopyright {
		text-align:center;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
		border:0px;
		padding:0px;
	}
	
	div.footerCopyright {
		text-align:center;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:0px;
		padding:0px;
		
	}

	table.footerCopyright {
	 	width:100%;
		text-align:center;
		margin-right:auto;
		margin-left:auto;
		margin-top:5px;
		margin-bottom:0px;
		padding:0px;
		border:0px;
		border-top:0px solid #003399;
	}

	table.footerCopyright td{	
		text-align:center;
		margin-right:auto;
		margin-left:auto;
	padding-top:7px;
	padding-bottom:3px;
	}

	table.footerCopyright font {
  	 font-size:12px;
	 font-family:Geneva, verdana, arial;
	 color:#003399;
	 }	
	
    p.footer {
        padding:10px;
        margin:0;
		font-size:12px;
    }
    
	
	
	
	
	
	
    
	/* Photo Album styles */    
    .slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}




img.bevel { /*CSS for each image tag*/
border: 0px;
width: 100px;
height: 100px;
margin:0px;
padding:0px;
}


#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}


#navlinks a:hover{ /*CSS for currently selected navigational link*/
background-color: #888;
padding:0px;
border:0px solid #ddd;

}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #eee;
padding:2px;
border:1px solid #ddd;
margin-bottom:3px;
color:#000;
}


/* Bevel Images */


.demo { float: left; padding: 10px; }
#guru { float: none; padding: 4px; width: 99%; height: auto; text-align: center; background-color: black; }
#guru div { float: none; border: solid 3px red; padding: 4px; font-family: monospace; font-size: 1.25em; width: auto; height: auto; color: red; text-align: center; text-decoration: blink; }
.bookmarks { white-space: nowrap; width: 98%; margin: 0; padding-top: 10px; border-top: 1px dotted gray;}
    
    
    
    
    
    


#dhtmltooltip{
position: absolute;
left: -300px;

border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}