/* -------------------------------------------------------------- 
  
   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.
   
   See the Readme file in this folder for additional instructions.

-------------------------------------------------------------- */

/* Indentation instead of line shifts for sibling paragraphs. */
/*   p + p { text-indent:2em; margin-top:-1.5em; }*/

/* Ornaments on first paragraph.
   Commented out by default. Use with care.
   p:before { content: "\2767"; padding-right: 0.4em; }
   p + p:before { content: ""; padding:0; } */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;font-style: italic;font-weight: normal;}

/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {font-size: 10px;line-height: 1.44em;margin-bottom: 1.5em;}

/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
body {line-height:1.4;color:#266AA8;}
h1 {font-size: 2em;color: #F55C18;}
h2 {font-size: 1.5em;color: #F55C18;}
h3 {font-size: 1.2em;color: #F55C18;}
#breadcrumbs {margin: 5px 0 5px 10px;/*color: #3A7EBD;*/}
#breadcrumbs, #breadcrumbs a {color: #F55C18;font-weight: bold;}
#breadcrumbs a:hover {color: #000000;}
#search_box {margin-left: 10px;text-align: left;}
#search {width:145px;}
a:hover {color: #F55C18;}
.caps {font-variant: small-caps;letter-spacing: 1px;text-transform: lowercase;font-size:1.2em;line-height:1%;font-weight:bold;padding:0 2px;}
#header {}
#menu {}
#content {}
#footer {}
input,select,textarea {font:11px arial;}
label {color: #3A7EBD;}
.right {float: right}
.resources {font-size:.95em;margin-bottom:1.4em;line-height:1.4em;}
/* ADxMenu: DESIGN styles */
/* you will also need to update adxmenu_ie6.css */
.menu, .menu ul li {color: #ffffff;	background: #3A7EBD;}
.menu ul {width: 11em;}
.menu a {text-decoration: none;color: #ffffff;padding: .4em 1em;display: block;position: relative;}
.menu a:hover, .menu li:hover>a {color: #ffffff;background:#F55C18;}
/* create borders around each item */
.menu li li {border: 1px solid #ccc;}
/* and remove the top border on all but first item in the list */
.menu ul>li + li {border-top: 0;}
/* inset 2nd+ submenus, to show off overlapping */
.menu li li:hover>ul {top: 5px;	left: 90%;}
/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
/*
.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}
*/

/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */