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

  

   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; }

   form p + p  { text-indent: 0; } /* Don't want this in forms. */

   



/* 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/] */

   

.caps { 

  font-variant: small-caps; 

  letter-spacing: 1px; 

  text-transform: lowercase; 

  font-size:1.2em;

  line-height:1%;

  font-weight:bold;

  padding:0 2px;

}



/* =========================================================================== */

body {font-size:100%;color:#222;background:#fff;font-family:"Georgia", "Times New Roman", Times, serif;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}


.backgr1 {
	background-attachment: scroll;
	background-image: url(images/layout2_01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 182px;

}
.backgr2 {
	background-attachment: scroll;
	background-image: url(images/layout2_02.jpg);
	background-repeat: repeat-y;
/*	display:block; */
/*	height: 166px; */
}
.backgr3 {
	background-attachment: scroll;
	background-image: url(images/layout2_03.jpg);
	background-repeat: no-repeat;
	display:block;
	height: 77px;
}
.blue {
	color:#0000FF;
}

.red {
	color:#FF0000;
}
.header-text {
	font-style: oblique;
	font-weight:bold;
	text-align:center;
}

.box {padding:1.5em;margin-bottom:1.5em;
	background-color:#FFFFFF;
	border-color:#CC0000;
	border-style: dashed;
	border-width:thick;
}
.box2 {
	padding:1.5em;margin-bottom:1.5em;
	background-color: #FFFFCC;
	border-color:#CCCCCC;
	border-style: dashed;
	border-width:thin;
}

.box3 {
	padding:1.5em;margin-bottom:1.5em;
	background-color: #CCCCFF;
	border-color:#999999;
	border-style: dashed;
	border-width:thin;
}

#submit_1 {
    
    border-style: solid;
    border-color: #CCCCCC;
    border-collapse: collapse;
    border-width: 1px;
    background-color: #FFCCCC;
    width: 470px;
}