@charset "UTF-8";
/* native fish CSS */

body {
	color: #666;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
	background: url(../images/bg.png) repeat-x;
	background-color:#fff;
}
h1 {color:#666600; font-size:13px; line-height:17px;}
/* general layout */
a:link {color: #666; text-decoration: none;}
a:hover {color: #5b78a0; text-decoration: none;}
a:active {color: #666; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}

.input {border:solid 2px #cccdc2; height:22px; margin:0px;  padding-left:10px; color:#999999; font-family: arial;}
.button {
    border: 0px solid #666;
    background: #606f46;
	color:#fff;
	height:24px;
	padding-bottom:3px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	width:45px;
}
.button:hover {
    background: #e1e4d7;
	border:0px;
	color:#606f46;
}

#logo{z-index:5000;    margin-left:10px; top:0px;    width: 80px;    height: 70px;	overflow:visible;}
#outerWrapper #logo img {border:0px;}

/*div contents */
#outerWrapper #header {border-bottom: solid 1px #fff; border-top:1px solid #fff; z-index:5000;}
#searchform { float:right; width:400}
#searchform img {padding-right:55px;}
/*#logo {position:relative; margin:auto;float:left; }
*/#logo img {border:0px;}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#contentWrapper {width:652px; float:left; background-color: #f4f4db; min-height:500px;}

#outerWrapper {width: 986px; text-align: left;margin: 0 auto; }

#outerWrapper #content1 #divClear {clear:both; padding-bottom:8px;}
#content1 #divClear {clear:both; padding-bottom:18px;}

#outerWrapper #content1 {
	float:left;
	border-top:1px solid #fff;
	padding:15px;
	width:618px;
	line-height:17px;
}
#outerWrapper #content1 #float {width:230px; float:left; padding:15px;color:#5b78a0;}
#outerWrapper #content1  h1 {color:#666600; font-size:14px;}
#outerWrapper #content1  h2 {color:#996600; font-size:13px;}
#content1 a:hover {color: #5b78a0; text-decoration: none;}

#outerWrapper #full {width:986; float:left;  padding:15px; height:100%; border-top:1px solid #fff; background-color: #f2f1ea;  }
#outerWrapper #full #float {width:230px; float:left; padding-top:10px;color:#5b78a0;  line-height:20px;}
#outerWrapper #full  h1 {color:#666600; font-size:14px; line-height:10px;}
#outerWrapper #full  h2 {color:#996600; font-size:12px; line-height:8px;}
#outerWrapper #fullwhite {width:986; float:left;  padding:15px; height:100%; border-top:1px solid #fff; background-color: #fff;  }
#outerWrapper #fullwhite  h1 {color:#666600; font-size:14px; }
#outerWrapper #fullwhite  h2 {color:#996600; font-size:12px; line-height:12px;}
#outerWrapper #fullwhite #float {
	width:430px;
	min-height:250px;
	float:left;
	margin:5px;
	padding:15px;
	border: 1px dashed #5b78a0;
}

#outerWrapper #content1 img {border:0px; margin-right:15px; margin-bottom:15px;} 

#outerWrapper #feeds {background-color:#e2ecfa; width:295px; float:left;border-left:solid 1px #ffffff; padding:15px; min-height:110px;  border-top:0px solid #fff;} 
#outerWrapper #feeds h1 {color:#5b78a0; font-size:15px; line-height:12px;}
#feeds a:link {font-weight:bold;}
#feeds a:hover {color: #5b78a0; text-decoration: none;}



#rightWrapper {width:334px;float:right; background-color:#fff; min-height:500px;}

#rightWrapper #news {width:303px; float:left; padding:15px;line-height:20px; background-color:#e2ecfa; border-bottom:1px solid #fff; border-left:1px solid #fff;}
#rightWrapper #news h1 {color:#5b78a0; font-size:14px; line-height:12px;}
#rightWrapper #news img {border:0px;} 
#news a:hover {color: #5b78a0; text-decoration: none;}
/*#rightWrapper #news  a:link, a:active, a:visited {color:#666; text-decoration:none; font-weight:none; }
#rightWrapper #news  a:hover {color:#5b78a0; text-decoration:none; font-weight:none; }*/

#rightWrapper #contact {width:300px; float:left; padding:15pxline-height:20px; background-color:#e2ecfa; border-bottom:1px solid #fff; border-left:1px solid #fff; height:auto;}
#rightWrapper #contact h1 {color:#5b78a0; font-size:14px; line-height:12px;}


.rightcolumn_img1 {background-image: url(/images/column2_img.jpg); position:absolute; top:134px;}

#content2 {width:300px; float:left; padding:15px; line-height:24px; height:100%; }
#content2 h1 {color:#5b78a0; font-size:14px; line-height:12px;}
#content2 h2 {color:#CC6600; font-size:13px;}
#content2 img {border:0px;}
#content2 a:hover {color: #5b78a0; text-decoration: none;}
.brown {color: #996600; text-decoration: none;}

.img {margin-right:12px; margin-top:6px;}

#content2 #divClear {clear:both; padding-bottom:18px;}


#outerWrapper #social{width:303px; float:right; background-color:#f4f4db; min-height:110px;  border-top:0px solid #fff; padding:15px }
#social h1 {color:#CC6600; font-size:15px; line-height:12px;}
#social img {border:0px;}

#outerWrapper #socialblue {width:303px; float:right; background-color:#e2ecfa; min-height:110px;  border-top:0px solid #fff; padding:15px }
#socialblue h1 {color:#5b78a0; font-size:15px; line-height:12px;}


/*footer*/
#outerWrapper #footer {border-top: solid 0px #e1e4d7; padding:10px; font-size:9px; color:#999999; background-color:#f2f1ea;}
#footer a:link, a:active, a:hover, a:visited {color:#666;}
#sponsors {float:right;}
#sponsors h1 {color:#999999; font-size:11px; font:arial;}
#divClear {clear:both; padding-bottom:1px;}

/*slideshow on home page*/

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:985px; margin:0px auto; display:none;  border-top:1px #fff solid; background-color:#fff;}
#wrapper * {margin:0; padding:0 ; }
#fullsize {position:relative; width:985px; height:370px; padding:0px; border:0px solid #ccc;}
#information {position:absolute; bottom:0; margin-bottom:0px; width:985px; height:370px; background:#606f46; color:#fff; overflow:hidden; opacity:.8; filter:alpha(opacity=80)}
#information h3 {padding-left:25px; font-size:15px; padding-top:20px; font-family:Georgia, arial; font-weight:bold;}
#information p {padding-right:435px; padding-left:25px;font-size:13px;  padding-bottom:20px; font-family:Georgia, arial; font-weight:none}
#information p a:link {font-size:13px;  padding-bottom:20px; font-family:Georgia, arial; font-weight:bold; color:#FFFFFF;}

#image {width:985px;}
#image img {position:absolute; width:auto;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:550}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
/*#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}*/
#thumbnails {margin-top:0px; position:absolute; top:390px; background-color:#00FF33}


#slidearea { position:absolute; width:986px; height:90px; overflow:hidden;}
#slider {position:absolute; left:570px; }
#slider img {cursor:pointer; border:1px solid #fff; padding:0; }











/*body.site #nav .navbuttons a.site, body.desktop #nav .navbuttons a.desktop, body.browser #nav .navbuttons a.browser, body.developers #nav .navbuttons a.developers, body.edu #nav .navbuttons a.edu, body.contact #nav .navbuttons a.contact {color: #008100;*}/

/* 
    LEVEL ONE
*/
ul.dropdown                         { position: relative; float: right; }
ul.dropdown li                      { float: left; zoom: 1; background: #fff; list-style-type: none; padding: 0 0 0 20px;}
ul.dropdown a:hover                 { color: #333; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #fff; color: #000; position: relative; }
ul.dropdown li.hover a              { color: #333; }


/* 
    LEVEL TWO
*/
ul.dropdown ul                      {background: url(/yolink/images/menu.png) center bottom no-repeat; padding: 5px 8px 15px 8px; width: 150px; visibility: hidden; position: absolute; top: 100%; left: -5px; text-align: left;}
ul.dropdown ul li                   { font-weight: normal; background: #fff; color: #333; float: none; padding: 5px 15px;}

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a                 { border-right: none; width: 100%; display: inline-block; } 

/* 
    LEVEL THREE
*/
ul.dropdown ul ul                   { left: 100%; top: 0; }
ul.dropdown li:hover > ul           { visibility: visible; }