/* This section pertains to BODY of the pages. You can modify this section as you like. */
BODY   {
	color: #000000;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-size: 12px;
}

#content {width:700px; padding-left:20px;}

/*       H MENUS  */
.horizontal {
	list-style-type:none;   
	list-style:none;               /* for IE */
	text-align:right;                 /* Set the menu left, right, or center within its block. */
	display:inline; 			/* Display each item side by side rather than vertically. */
	font-size:12px;
	padding:10px;        /* Add breathing space beside each item. */
}
.horizontal a {
	text-decoration:none;		/* This is already turned off in the first line for the entire document. */
	padding:10px;        /* Add breathing space beside each item. */

}
.horizontal a:hover {

	padding:10px;        /* Add breathing space beside each item. */
}


/*      V MENUS */
.vertical {
	list-style-type:none;           /* Turn off bullets */
	list-style:none;                    /* Turn off bullets for IE*/
	font-size:12px;
	line-height:23px;
	padding-bottom:10px;
	margin-left:-20px;
}
.vertical a {
	display:block;                     /* Allows link to extend beyond the word in the li; visible when hovering. */
	text-decoration:none;		/* This is already turned off in the first line for the entire document. */

	padding:0px 4px;             /* Use same spacing here as for the hover to keep links from jumping during hover. */
}
.vertical a:hover {
	
	padding:0px 4px;             /* Use same spacing here as for the hover to keep links from jumping during hover. */
}








A:link   {
	color: #0000CC;
	text-decoration: none;

}
A:visited   {
	color: #0033CC;
	text-decoration: none
}
A:active   {
	color: #483D8B;
	text-decoration: none
}
A:hover      {
	color: Red;
	text-decoration: none;
}
H1   {
	color: #B22222;
	font-size: 18px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-weight : bold;
}
H2   {
	color: #00008B;
	font-size: 18px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-weight : bold;
}
H3  {
	color: #000080;
	font-size: 16px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-weight : bold;
}
H4   {
	color: #000000;
	font-size: 14px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-weight : bold;
}
H5   {
	color: #000000;
	font-size: 12px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	margin-left: 8px;
	font-weight: bold
}
H6    {
	color: #0000CD;
	font-weight: bold;
	font-size: 11px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	margin-left: 8px}
.boxshadow {border: thin; border-color: #00C; box-shadow: 0 5px 5px -3px black;}
.image    {
	color: 000000;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-style: italic;
}
P  {
	color: black;
	font-size: 13px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	margin-left : 8px;
	margin-right : 10px;
	
}
DIV { font-family: "Trebuchet MS", "Arial",  "sans serif" }
BR { font-family: "Trebuchet MS", "Arial", "sans serif" }
TABLE    { font-family: "Trebuchet MS", "Arial", "sans serif"; }
TH { font-family: "Trebuchet MS", "Arial", "sans serif" }
TD { font-family: "Trebuchet MS", "Arial", "sans serif"; margin-right: 8px}
OL { font-family: "Trebuchet MS", "Arial", "sans serif"; color: #000000 }
UL  { font-family: "Trebuchet MS", "Arial",  "sans serif"; }
DL { font-family: "Trebuchet MS", "Arial", "sans serif"; margin-left: 8px; margin-top: 20px}
LI {
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-size: 12px;

	font-weight: bold;
}
DD  {
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-size: 13px;
}
DT  {
	color: #B22222;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
 margin-top: 20px
}
B {font-family: "Trebuchet MS", "Arial", "sans serif"; font-weight: bold }

.floatright {  float: right; margin-left: 10px; margin-bottom: 5px}

.floatleft {  float: left; margin-right: 10px; margin-bottom: 5px}

form {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
fieldset { border:0;}

.highlight { font-size:16px; color:#06F; font-weight:bold;}
.example {font-size:9px; color:#666; margin-left:10px; padding:0;}
.alert {color:#F00; font-size:large; line-height:5px;}
.example0 {font-size:10px; color:#666; margin:0; padding:0; }


#msg { display: none; position: absolute; z-index: 200; background: url(images/msg_arrow.gif) left center no-repeat; padding-left: 7px; }
#msgcontent { display: block; background: #EAF0FF; border-left: 0; border-right: 2px solid #00C;  border-top: 2px solid #00C; border-bottom: 2px solid #00C; padding: 5px; min-width: 150px; max-width: 250px;}

#instructions {
width:200px;
background-color:#CCC;
background-image:none;
border:3px solid #33F;
border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
box-shadow: 3px 5px 15px #999;
	-moz-box-shadow: 3px 5px 15px #999;
	-webkit-box-shadow: 3px 5px 15px #999;
}