@charset "utf-8";
/* CSS Document */

/* PAGE STRUCTURE */

* {margin:0; padding:0; text-decoration:none;}  /* Turns off these attributes on all elements. */


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

margin:0 auto;
padding:0;
color:#ffff;
}

#container {	/* Block to hold all other blocks (columns, and rows). */
width:800px;  /* Total width is 920 = 900px + 10px left/right padding of elements inside the page div */
margin:0 auto; 
padding:30px;
background-image:url(images/logoY-300.jpg);
background-repeat:no-repeat;
background-position: left top;
background-color:#fff;


}


#content { 
min-height:450px; 
margin-left:230px; 
margin-top:50px;
padding-left:20px; 
padding-right:20px; 


}
#instructions {
float:right;
width:125px;
padding:10px;
margin:130px  0px 0 10px ;
background-color:#ffffff;
background-image:none;
border:3px solid #ff9900;
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 #003300;
	-moz-box-shadow: 3px 5px 15px #003300;
	-webkit-box-shadow: 3px 5px 15px #003300;
}

#instructions p {
	color:#000;
	font-size: 11px;
	font-family: "Trebuchet MS", "Arial", "sans serif";}

#nav {
float:left; 
width:150px; 
padding:5px; 
min-height: 350px;
margin-top:175px;

}
#footer {

	clear: both;}


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

}
ul.horizontal li a:hover {

color:#C00;
padding:5px;        /* Add breathing space beside each item. */
}


/*      V MENUS */
ul.vertical {
list-style-type:none;           /* Turn off bullets */
list-style:none;                    /* Turn off bullets for IE*/
}
ul.vertical li {
font-size:12px;
line-height:23px;
padding-bottom:10px;
}
ul.vertical li 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. */
}
ul.vertical li a:hover {

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

/* TEXT STYLES */
h1 {	color: #000;
	font-size: 20px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-weight : bold;}

h2 {	color: #000;
	font-size: 18px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-weight : bold;}

h3 {	color: #000;
	font-size: 18px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-weight : bold;}

h4 {	color: #000;
	font-size: 16px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-weight : bold;}

h5 {	color:#000;
	font-size: 16px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	line-height: 12px;
	font-weight: bold
	}

h6 {	color: #000;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	}
link {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
}
A:link {
text-decoration : none;
color:#006600;
text-weight:bold;
}

A:visited {
color:#006600;
text-decoration : none;

}
A:active {
color:#009900;
text-decoration : none;
font-weight : bold;
}
A:hover {
color:#ff9900;
text-decoration : none;
font-weight : bold;
}

p {	color: #000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	margin-left : 8px;
	margin-right : 10px;}

ol { font-family: "Trebuchet MS", "Arial", "sans serif"; color: #000000}

ul {font-family: "Trebuchet MS", "Arial",  "sans serif";}

li {font-family: "Trebuchet MS", "Arial", "sans serif";
	font-size: 11px;
	color: #000;
	font-weight: bold;}

dl {font-family: "Trebuchet MS", "Arial", "sans serif"; margin-left: 8px; margin-top: 10px}

dt {color: #000;
	font-family: "Trebuchet MS", "Arial", "sans serif";
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
 	margin-top: 10px}

dd {font-family: "Trebuchet MS", "Arial", "sans serif";
	font-size: 12px;}

.highlight { font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-size:16px; color:#000; font-weight:bold;}
.col { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#000; font-weight:bold;}

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

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



HR  { height: 2px ; color: #0000CC}



/* extras */
blockquote {}
dialog {}
dfn {}
pre {}
code {}
samp {}
cite {}


/* TABLES */
datagrid {}
table {}
caption {}
thead {}
tbody {}
tfooter {}
tr {}
th {}
td {}

/* FORMS */
form {font-family:Verdana, Geneva, sans-serif; font-size: 11px;}
fieldset { border:0;}
legend {} /*  The annotation for images, code, and fieldsets */
label {}
input {}
textarea {}
menu {}
select {}
optgroup  {}
option {}
output {}
keygen {}
button {}
#wrapper {margin: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; border: 2px solid #924949; border-left: none; padding: 5px; min-width: 150px; max-width: 250px; }

.example {font-size:9px; color:#000; padding:0; margin-left:10px;}

.alert {color:#F00; font-size:large; line-height:5px;}

.example0 {font-size:10px; color:#000; margin:0; padding:0; }

/*   IMAGES */
figure {} /* Block for annotating images and code */
legend {} /*  The annotation for images, code, and fieldsets */
map {}
area {}
#content img { 
	box-shadow:3px 5px 15px #999;
	-moz-box-shadow: 3px 5px 15px #999;
	-webkit-box-shadow: 3px 5px 15px #999;
	border:4px solid #ff9900;
	margin:10px;
}




.boxshadow {box-shadow: 0 5px 5px -3px black;}
	


/* MEDIA and misc  */
object {}
param {}
source {}
embed {} /* Use to be deprecated but appears to be back as per http://w3schools.com. */
audio {}
video {}
canvas {}
iframe {}
meter {}
progress {}
base {}