@charset "utf-8";
/* CSS Document */
/* path = /artman2/style/images/  */

/*======== framework ========*/
* {margin: 0; padding: 0;} /* eliminated spacing differences between browsers */   
 body {
   font-size: 0.8em;
   line-height: 1.3;
   font-family: arial, helvetica, verdana, trebuchet-ms, century-gothic, tahoma, sans-serif;
   text-align: center;
   min-width: 885px; /* keeps layout from colapsing if the browser is sixed too small */
   background-color:#123;
   /*background-image:url(/artman2/style/images/bg.jpg);*/
   }
#wrap {
   position: relative;
   background-color: #112233;
   width: 885px;  /* width must be in em or percentages to be scalable */
   margin: 1em auto; 
   text-align: left;}
#content-wrap {
   width: 885px;
   background-image: url(/artman2/style/images/columns.gif);
   padding: 1em 0;}
   
/* ===== layout style formatting ===== */
#sidebar {width: 150px;}  /* width must be in em or percentages to be scalable - size to layout*/ 
#content {width: 725px;}  /* width must be in em or percentages to be scalable - size to layout*/
#mainContent {width: 525px;background-color: #FFF;}  /* width must be in em or percentages to be scalable - size to layout*/   
#sidebar2 {width: 175px;}  /* width must be in em or percentages to be scalable - size to layout*/ 
/* ===== end layout style formatting ===== */
.block{margin: 0 1em; clear: both;}  /* all content must be included within div tags assigned this class */   
/*======== end framework ========*/

/*======== common formatting ========*/ /* browsers differences are avoided w/ universal font sizes outside content divs */
   /*======== headings ========*/
   h1 {font-size: 1.75em;}
   h2 {font-size: 1.6em;}
   h3 {font-size: 1.4em;}
   h4 {font-size: 1.3em;}
   h5 {font-size: 1em;}
   h6 {font-size: 1em;}
   h6 {margin-bottom: 0;}
   h1, h2, h3, h4, h5, h6 {margin: 0.75em 0 0.5em 0;}
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#00418B;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#4882b9;}
   h6 {margin-bottom: 0;}
   /*======== end headings ========*/
   
   /*======== text elements ========*/
   p {margin: 1em 0;}   
   blockquote {margin-left: 0 1em;}
   dl {margin: 0 1em;}  
   p a, blockquote a, dl a, abbr a, acronym a  {color: #00418B;}
   p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {color:#4882b9;}
   /*======== end text elements ========*/
   
   /*======== images ========*/
   img {border-style: none;}
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: -0.75em;}   
   div.left {float: left; margin-right: 0.5em;}
   div.right {float: right; margin-left: 0.5em;}
   /*======== end images ========*/
   
   /*======== lists ========*/
   ul, ol {margin: 1em 3em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {margin: 1em 2em;}
   ol {margin-left: 3.5em;}
   ul li, ol li {margin-bottom: 0.5em;}
   ul li a, ol li a {color: #00418B;}
   ul li a:hover, ol li a:hover {color:#4882b9;}
   /*======== end lists ========*/
   
   /*======== forms ========*/
   /* form elements */
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #fafafa;}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;}
input.checkbox { border: none; vertical-align: middle;}
select {
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #88ac0b;}
/*======== end forms ========*/

/*======== search ======== */
form.search {
	position: absolute;
	top: 15px; right: 5px;
	background: transparent;
	border: none;	
	text-align: center;}	
form.search input.textbox {
	margin: 0; padding: 0 2px;
	width: 110px;
	background: #FFF;
	color: #333;
	border: 1px #a0a0a0 solid; }
form.search input.button {
	color: #333;
	border: none;
	margin:0;
	 padding: 0 2px;	
	width: 60px; height: 18px;
	border: 1px #a0a0a0 solid; }
form.search a { 
   color: #8888a0; 
   font-size: 0.85em;
   text-decoration: underline;}
   /*======== end search ========*/   
   
   /*======== end common formatting ========*/

/* remember the margins set in common formatting above are in effect until over ridden below */

/*======== header ========*/
#header {
   position: relative;
   padding: 0;
   margin: 0;
   width: 885px;
   background-image: url(/artman2/style/images/top_header.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;
   height: 278px;
   z-index:2;}

/*======== headerMenu ========*/
   #headerMenu{
      position: absolute;
	  top: 90px;
	  right: -20px;   }
   #headerMenu ul {font-size: 1em; list-style:none;}
   #headerMenu ul li {
       float: left;  
      display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
      border-left: #fcf0c0 solid 1px; padding: 0 0.75em;}
   #headerMenu ul li.noBorder { border-left: none;}
    #headerMenu li a {
	   color: #fcf0c0; 
	   font-weight: bold;
	   text-decoration: none;}
   #headerMenu li a:hover {color: #FFF; text-decoration: underline;}
      /*======== headerMenu ========*/
	  
/*======== end header ========*/

/*======== breadcrumb ========*/
#breadcrumb {
   position: relative;
   width: 720px;
   top: 112px;
   left: 40px;
	font-size: 0.85em;}
	
*:first-child+html #breadcrumb {
 top:112px; }

* html #breadcrumb {
 top:110px;
}

#breadcrumb div, #breadcrumb span  {color: #ffffff; background: none;}
#breadcrumb a {color: #ffffff; text-decoration: underline;}
/*======== end breadcrumb ========*/
  
/*======== section2 ========*/
#section2 {
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 0;
	top: 130px;
	position:relative;
	height: 148px;
	padding: 0;
	margin:0;
	width: 885px;
   }  
     
*:first-child+html #section2 {
top:130px;
   }
   
* html #section2 {
top:130px;
   }
      
#section2 h4 {
      letter-spacing: 0.03em;
	  margin-bottom: 0.2em;
	  font-size: 1.1em;
   }
#section2 span {   
      position: relative;
	  float: right;
	  top: 10px; 
	 right:25px;
	  z-index: 3;
   }
#section2 p {   
   line-height: 1.2em;
   margin-top: 0.2em;
   width: 320px;      
   }
/*======== end section2 ========*/

/*======== sidebar ========*/

#sidebar {margin-bottom:0.75em;}
#sidebar h3, #mainContent h3, #sidebar2 h3, #sidebar h4, #mainContent h4, #sidebar h4 {color: #00418B;}
#sidebar div.rss {
   background-image: url(/artman2/style/images/webfeed.gif);
   background-repeat: no-repeat;
   padding-left: 2em;
   font-weight: normal;}
#sidebar div.rss a {color: #00418B;}
#sidebar div.rss a:hover {color: #fa9c39;}
#sidebar .ad {margin:5px 0px; margin-top:1px;}

#sidebar div.nav-box, ul.altmenu, div.catMenu-0, div.catMenu-1 {margin:0; padding:0;}
#sidebar ul {margin-right: 0;}
#sidebar ul li {margin-left: 0;}
#sidebar h1 {font-size: 1.75em; color:#00418B;}
#sidebar h2 {font-size: 1.6em; color:#00418B;}
#sidebar h3 {font-size: 1.4em;}
#sidebar h4 {font-size: 1.1em;}
#sidebar h5 {font-size: 1em;}
#sidebar h6 {font-size: 1em;}
#sidebar h6 {margin-bottom: 0;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {margin: 0.75em 0 0.5em 0;}
#sidebar h1 a, #sidebar h2 a, #sidebar h3 a, #sidebar h4 a, #sidebar h5 a, #sidebar h6 a{color:#00418B;}
#sidebar h1 a:hover, #sidebar h2 a:hover, #sidebar h3 a:hover, #sidebar h4 a:hover, #sidebar h5 a:hover, #sidebar h6 a:hover {color:#4882b9;}
h6 {margin-bottom: 0;} 
#sidebar {font-size: 0.95em;}
/*======== nav-box styles ========*/ 
/* remember the margins set above are in effect until over ridden by id calls */
#sidebar div.nav-box {
   font-weight: bold;
   width: 140px;
   padding: 1em 0 1em 0.5em;}
#sidebar div.nav-box div.altmenu {margin-bottom: 1em;}
#sidebar div.nav-box div.altmenu div.catMenu-0{
   display: block;
  margin: 0;
  padding: 0;  
  padding-left: 0.5em;
  border-bottom: 2px #B5D8FF solid;}
#sidebar div.nav-box div.altmenu div.catMenu-0:hover, #sidebar div.nav-box div.altmenu div.catMenu-1:hover, #sidebar div.nav-box div.altmenu div.catMenu-2:hover, #sidebar div.nav-box div.altmenu div.catMenu-3:hover { background-color: #fff; border-bottom: 2px #2363aa solid;}   
#sidebar div.nav-box div.altmenu div.catMenu-0 a, #sidebar div.nav-box div.altmenu div.catMenu-1 a,  #sidebar div.nav-box div.altmenu div.catMenu-2 a, #sidebar div.nav-box div.altmenu div.catMenu-3 a{
   color: #00418B;
   text-decoration: none;
  width: 100%;
  line-height: 2em;}
 
/*=========== sub-menu ===========*/
#sidebar div.nav-box div.altmenu div.catMenu-1{
   font-weight: normal;
   font-size: 0.9em;
   background-color: #8DC1FD;
  margin-right: 0;
  padding-left: 1.75em;
  border-bottom: 2px #d5e3fb solid;
  /*display: none;*/}
#sidebar div.nav-box div.altmenu div.catMenu-1:hover, #sidebar div.nav-box div.altmenu div.catMenu-2:hover, #sidebar div.nav-box div.altmenu div.catMenu-3:hover {
   background-color: #fff;
  border-bottom: 2px #B5D8FF solid;}
#sidebar div.nav-box div.altmenu div.selected {border-bottom: 2px #2363aa solid;}
#sidebar div.nav-box div.altmenu div.selected a{ font-weight: bold;}

 /*======== sub-sub-menu styles ========*/ 
 #sidebar div.nav-box div.altmenu div.catMenu-2{
   font-weight: normal;
   background-color: #b2d4fb;
  font-size: 0.9em;
  margin-right: 0;
  padding-left: 2.5em;
  border-bottom: 2px #fff solid;
  /*display: none;*/}
 /*======== sub-sub-sub-menu styles ========*/  

#sidebar div.nav-box div.altmenu div.catMenu-3{
   font-weight: normal;
   background-color: #c8e0fc;
  font-size: 0.9em;
  margin-right: 0;
  padding-left: 3.25em;
  border-bottom: 2px #fff solid;
  /*display: none;*/}
/*======== end nav-box styles ========*/
/*======== end sidebar ========*/

/*======== content (container) ========*/
#content {   /* alone for a 1 column layout, main column in a left or right 2 column layout, 
contains mainContent & sidebar2 in a 3 column display*/
}
   /*======== mainContent ========*/
   #mainContent h1 {font-size: 1.75em; color:#00418B;}
   #mainContent h2 {font-size: 1.6em; color:#00418B;}
   #mainContent h3 {font-size: 1.4em; color:#00418B;}
   #mainContent h4 {font-size: 1.3em; color:#00418B;}
   #mainContent h5 {font-size: 1em;}
   #mainContent h6 {font-size: 1em;}
   #mainContent h6 {margin-bottom: 0;}
   #mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {margin: 0.75em 0 0.5em 0;}
   #mainContent h1 a, #mainContent h2 a, #mainContent h3 a, #mainContent h4 a, #mainContent h5 a, #mainContent h6 a{color:#00418B;}
   #mainContent h1 a:hover, #mainContent h2 a:hover, #mainContent h3 a:hover, #mainContent h4 a:hover, #mainContent h5 a:hover, #mainContent h6 a:hover {color:#4882b9;}
   h6 {margin-bottom: 0;} 
   
   #mainContent a, #mainContent a:visited {color:#00418B; text-decoration:none;}
   
   #mainContent a:hover, #mainContent a:active {color:#fa9c39; text-decoration:underline;}
   
   #mainContent form table {font-size:.90em;}
   
   #mainContent div.block form table {width:350px;}
   
   #mainContent div.block form {width:350px;}   
   
   /*======== end mainContent ========*/

     /*======== sidebar2 ========*/ 
   #sidebar2 {font-size: 0.95em;}  /* right column in a 3 column layout */
   
   /*======== nav-box styles ========*/ 
/* remember the margins set above are in effect until over ridden by id calls */
#sidebar2 div.nav-box {
   font-weight: bold;
   width: 140px;
   padding: 1em 0 1em 0.5em;}
#sidebar2 div.nav-box div.altmenu {margin-bottom: 1em;}
#sidebar2 div.nav-box div.altmenu div.catRightMenu-2{
   display: block;
  margin: 0;
  padding: 0;  
  padding-left: 0.5em;
  border-bottom: 2px #B5D8FF solid;}
#sidebar2 div.nav-box div.altmenu div.catMenu-0:hover, #sidebar2 div.nav-box div.altmenu div.catMenu-1:hover, #sidebar2 div.nav-box div.altmenu div.catRightMenu-2:hover, #sidebar2 div.nav-box div.altmenu div.catRightMenu-3:hover { background-color: #fff; border-bottom: 2px #2363aa solid;}   
#sidebar2 div.nav-box div.altmenu div.catMenu-0 a, #sidebar2 div.nav-box div.altmenu div.catMenu-1 a,  #sidebar2 div.nav-box div.altmenu div.catRightMenu-2 a, #sidebar2 div.nav-box div.altmenu div.catRightMenu-3 a{
   color: #00418B;
   text-decoration: none;
  width: 100%;
  line-height: 2em;}
 
/*=========== sub-menu ===========*/
#sidebar2 div.nav-box div.altmenu div.catRightMenu-3{
   font-weight: normal;
   font-size: 1em;
   background-color: #8DC1FD;
  margin-right: 0;
  padding-left: 1.75em;
  border-bottom: 2px #d5e3fb solid;
  /*display: none;*/}
#sidebar2 div.nav-box div.altmenu div.catMenu-1:hover, #sidebar2 div.nav-box div.altmenu div.catMenu-2:hover, #sidebar2 div.nav-box div.altmenu div.catRightMenu-3:hover {
   background-color: #fff;
  border-bottom: 2px #B5D8FF solid;}
#sidebar2 div.nav-box div.altmenu div.selected {border-bottom: 2px #2363aa solid;}
#sidebar2 div.nav-box div.altmenu div.selected a{ font-weight: bold;}

 /*======== sub-sub-menu styles ========*/ 
 #sidebar2 div.nav-box div.altmenu div.catMenu-2{
   font-weight: normal;
   background-color: #b2d4fb;
  font-size: 0.9em;
  margin-right: 0;
  padding-left: 2.5em;
  border-bottom: 2px #fff solid;
  /*display: none;*/}
 /*======== sub-sub-sub-menu styles ========*/  

#sidebar2 div.nav-box div.altmenu div.catMenu-3{
   font-weight: normal;
   background-color: #c8e0fc;
  font-size: 0.9em;
  margin-right: 0;
  padding-left: 3.25em;
  border-bottom: 2px #fff solid;
  /*display: none;*/}
/*======== end nav-box styles ========*/
 
   #sidebar2 h1 {font-size: 1.75em; color:#00418B;}
   #sidebar2 h2 {font-size: 1.6em; color:#00418B;}
   #sidebar2 h3 {font-size: 1.4em; color:#00418B;}
   #sidebar2 h4 {font-size: 1.1em; color:#00418B;}
   #sidebar2 h5 {font-size: 1em;}
   #sidebar2 h6 {font-size: 1em;}
   #sidebar2 h6 {margin-bottom: 0;}
   #sidebar2 h1, #sidebar2 h2, #sidebar2 h3, #sidebar2 h4, #sidebar2 h5, #sidebar2 h6 {margin: 0.75em 0 0.5em 0;}
   #sidebar2 h1 a, #sidebar2 h2 a, #sidebar2 h3 a, #sidebar2 h4 a, #sidebar2 h5 a, #sidebar2 h6 a{color:#00418B;}
   #sidebar2 h1 a:hover, #sidebar2 h2 a:hover, #sidebar2 h3 a:hover, #sidebar2 h4 a:hover, #sidebar2 h5 a:hover, #sidebar2 h6 a:hover {color:#4882b9;}
   h6 {margin-bottom: 0;} 
   
   /*======= block =======*/
    #sidebar2 div.block {}
	
	#sidebar2 div.block a, #sidebar2 div.block a:visited  {color:#00418B; text-decoration:underline;}
	
    #sidebar2 div.block a:hover, #sidebar2 div.block a:active {color:#fa9c39; text-decoration:underline;}
   /*======= end block =======*/
	
	/*======= quotes ======*/
	#sidebar2 div.block p.quotes {
	font-family:"trebuchet ms" sans serif;
	border-top:solid 1px #00418B;
	border-bottom:solid 1px #00418B;
	padding:5px 2px;
	}
	
	#sidebar2 div.block p.quotes em {
	font-variant:normal;
	}
	/*====== end quotes ======*/
	
	
   
   /*======== blog ========*/ 
#sidebar2 div.blog {
   background-color:#c8e0fc;
   margin: 0.5em;
   padding:0em 0em 0.5em 0em;}
   
#sidebar2 div.blog h4 {
text-align:center; 
border-bottom: solid 2px #00418B; 
background-color:#8DC1FD;
margin-top:0px;
padding: 0;}

#sidebar2 div.blog p {color:#00418B;}
 #sidebar2 div.blog a {
    color:#00418B;
	padding:0em 0.5em 0em 0.5em}
	 #sidebar2 div.blog a {
    color:#00418B;}
#sidebar2 div.blog a:hover { color:#4981ba;}
#sidebar2 div.blog dl {
       color:#00418B;
	  position: relative;
	  margin: 0;
	  padding:1em 0;}
 #sidebar2 div.blog dt {padding: 1em 1em 1.5em 1em;}
  #sidebar2 div.blog dd {text-align: right; padding-right:0.5em;}
   #sidebar2 div.blog dd em {font-weight:bold;}    
   /*======== end blog ========*/ 
   
   /*======== end sidebar2 ========*/
   
/*======== end content (container) ========*/

/*======== footer ========*/
#footer {
   color: #555;
   clear: both;
   padding: 0.5em 0.5em;
   text-align: center;
   background-image:url(/artman2/style/images/footer.jpg);
   background-repeat:no-repeat;
   background-color:#123;
   border-top:4px solid #0651a3;
   height:70px;}
#footer a {color: #55A;}
#footer a:hover {color: #fa9c39;}
#footer h5 a:hover, #footer h6 a:hover {color: #fa9c39;}
#footer h5 {font-size: 0.9em;}
#footer h6 {font-size: 0.8em;}
/*======== end footer ========*/

/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
   display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;}     /* further ensures the period is not visible */
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* ======== end float clearing method ======*/