@import url(http://yui.yahooapis.com/2.3.0/build/reset/reset-min.css);

html {
}

body {
  font-family : Verdana, Helvetica, Arial, Sans-Serif;
  font-size   : small;
  background  : #2B1831;
}

div#accessibility {
  display : none;
}
div#page {
  background  : #F4F4F0 url(style/body.png) repeat-y 0 0;
}
  div#page div#head {
    height        : 160px;
    background    : #FFFFFF url(style/head.png) no-repeat 188px 1px;
    border-bottom : 1px solid #61486A;
    overflow      : hidden;
  }
    div#page div#head h1 {
      text-indent : -8000px;
      float       : left;
    }
    div#page div#head img {
    	margin  : 0;
    	padding : 0;
    }
  div#page div#nav {
    float       : left;
    width       : 188px;
    font-size   : 1.2em;
    background  : url(style/nav.png) no-repeat 0 0;
  }
    div#page div#nav ul {
      margin : 50px 0 0;
    }
      div#page div#nav ul li {
        height     : 1.75em;
        background : #D8D7D8;
        margin     : 0 0 10px;
      }
        div#page div#nav ul li a {
          display         : block;
          padding         : 0 15px 0 10px;
          line-height     : 1.75em;
          height          : 1.75em;
          color           : #293454;
          background      : url(style/link.png) repeat-y 0 0;
          text-decoration : none;
          letter-spacing  : -1px;
        }
        	div#page div#nav ul li a:hover {
        		font-weight : bold;
        	}
        	div#page div#nav ul li a.active {
        		text-align : right;
        	}
        		div#page div#nav ul li a.active:hover {
	        		font-weight : normal;
	        	}
	  
  div#page div#content {
    float      : left;
    width      : 580px;
    padding    : 60px 0 3em 22px;
    background : url(style/content.png) no-repeat 0 0;
  }
  	div#page div#content h2 {
  		color					 : #4A2954;
  		letter-spacing : 3px;
  		font-family    : "Times New Roman", Times, Serif;
  		font-size      : 3em;
  		border-bottom  : 1px dotted #DFD66C;
  	}
  		div#page div#content h2 span {
  			position : relative;
  			bottom   : -.15em;
  			display  : block;
  		}
  			div#page div#content h2 span:first-letter,
  			div#page div#content h2 span::first-letter {
  				display    		 : block;
  				float      		 : left;
  				background 		 : #F4F4F0;
  				font-size  		 : 1.3em;
  				padding				 : .1em 0 0;
  				position       : relative;
  				bottom         : -.15em;
  			}
  	div#page div#content h3.subtitle {
  		font-size  : .8em;
  		text-align : right;
  		font-style : italic;
  		margin		 : 0 0 1em 0;
  		clear      : none;
  		border     : none; 
  	}
  	div#page div#content h3 {
  		clear         : both;
  		font-size     : 1.3em;
  		margin        : 1em 30px;
  		color					: #2B1831;
  		border-bottom : 1px dotted #D8D6D7;
  	}
  	div#page div#content p {
  		margin      : 1em 0 0 50px;
  		line-height : 1.5;
  	}
  
  div#page div#foot {
    clear      : both;
    border-top : 1px solid #000033;
    background : #2B1831;
    bottom		 : 0;
    width			 : 100%;
  }
  	div#page div#foot ul.menu {
  		margin 		 : 10px 0 0 188px;
  		width  		 : 602px;
  		text-align : center;
  	}
  		div#page div#foot ul.menu li {
  			display   : inline;
  			font-size : 1.1em;
  		}
  		div#page div#foot ul.menu li a {
  			color			      : #F6FAFA;
  			text-decoration : none;
  	  }
  	  	div#page div#foot ul.menu li a::before {
  	  		content : "-";
  	  		padding : 0 1em;
  	  	}
  	  		div#page div#foot ul.menu li:first-child a::before {
  	  			content : "";
  	  		}
	div#page div#foot p {
		margin     : 10px 0 0 188px;
		width  		 : 602px;
		text-align : center;
		font-size  : .8em;
		color			 : #B7B6C4;
	}
	
	
ul.contacts {
  list-style-type : none;
  margin          : 0 80px 0;
  padding         : 0;
}
  ul.contacts li.vcard {
    margin  : 0;
    padding : .5em 0;
    clear   : both;
  }
    ul.contacts li.vcard .fn {
      padding       : 0 10px .25em 0;
      margin        : 0 0 .5em 0;
      text-align    : left;
      float         : left;
      width         : 12em;
      font-size     : 1.1em;
    }
    ul.contacts li.vcard a,
    ul.contacts li.vcard span {
      padding : 0 1em 0 0;
    }

  .vcard a.email {
    color           : #793F85;
    text-decoration : none;
  }
    .vcard a.email:hover {
      color           : #A46AB1;
      text-decoration : underline;
    }
    
.vcard .implied {
  display : none;
}

address.vcard {
  text-align : center;
  font-style : normal;
  margin     : 0 auto;
  width      : 20em;
  padding    : .25em 1em;
  clear      : both;
}
  address.vcard .org { 
    display       : block;
    font-size     : 1.2em;
    margin        : 0;
  }
  address.vcard .adr { display : block; }
  address.vcard .adr .address { display : block; }
  address.vcard .adr .location { 
    display : block;
    margin  : 0 0 .5em 0;
  }
  address.vcard .tel { display : block; }
  address.vcard .email { 
    margin  : .5em 0 0 0;
    display : block;
  }

  div#page div#content ul.toc {
    float           : right;
    margin          : .5em 1.5em 0 .25em;
    width           : 10em;
    list-style-type : none;
    padding         : .25em 0 0 1em;
    font-size       : 1.1em;
  }
    div#page div#content ul.toc li {
      padding : 0 0 1em;
    }
      div#page div#content ul.toc li a {
         color           : #000000;
         text-decoration : none;
      }
        div#page div#content ul.toc li a:hover {
          text-decoration : underline;
        }
  div#page div#content div#intro {
  	margin : -20px 0 0 40px;
  }
		div#page div#content div#intro h2 {
			text-align : center;
		}
			div#page div#content div#intro h2 span {
				position : static;
				bottom   : 0;
				display  : inline;
			}
				div#page div#content div#intro h2 span:first-letter,
				div#page div#content div#intro h2 span::first-letter {
					display    		 : inline;
					float      		 : none;
					background 		 : transparent;
					font-size  		 : 1em;
					padding				 : 0;
					position       : static;
					bottom         : 0;
				}
		div#page div#content div#intro p {
			text-align : center;
			margin     : 1.5em 0 0 0;
		}				
		div#page div#content div#intro ul#features {
			margin  : 0 0 0 10px;
			padding : 0 0 0 10px; 
			float   : right;
			width   : 290px;
			border-left : 1px dotted #DFD66C;
		}
			div#page div#content div#intro ul#features li {
				font-size   : 1.2em;
				margin      : 1em 0;
				font-weight : bold;
				color				: #2B1831;
			}
		div#page div#content div#intro ul#services {
			clear      : both;
			border-top : 1px dotted #DFD66C;
			margin     : 0;
			padding    : 0;
		}
			div#page div#content div#intro ul#services li {
					width       : 150px;
					padding     : 15px 10px;
					float       : left;
					font-size   : 1.3em;
					text-align  : center;
					height      : 80px;
					border-left : 1px dotted #DFD66C;
					color				: #293454;
			}
				div#page div#content div#intro ul#services li:first-child {
					border : none;
				}
				
/* Annoying IE6 Hacks */
	* html div#page div#content h2 span {
		position : static;
		bottom   : 0;
		display  : inline;
	}
		* html div#page div#content h2 span:first-letter,
		* html div#page div#content h2 span::first-letter {
			display    		 : inline;
			float      		 : none;
			background 		 : transparent;
			font-size  		 : 1em;
			padding				 : 0;
			position       : static;
			bottom         : 0;
		}