body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em Verdana, Helvetica, Arial, sans-serif;
	color: #000000; 
	background-color: #333333;
}

/***********************
	  LAYOUT
************************/
#content-wrap {
	margin: 0 auto;
	width: 800px; 
	min-height: 1000px;
	clear: both;
	background-color: #FFFFFF;
}
#lgimg {
	width: 722px;
	height: 330px;
	margin: 0 39px;
	padding: 0 0 14px 0;
	border-bottom: 1px dotted #B9B9B9;
}
#main {
	float: left;
	clear: right;
	width: 722px;
	height: auto;
	margin: -5px 0 0 0;
	padding: 0 39px 0 39px;
	background-color: #FFFFFF;
}

/* Header */ 
#RYYlogo {
	border: none;
	float: left;
	margin: 0 14px 2px 0;
}
#header {
	width: 722px;
	height: 80px; 
	margin: 0 39px 0 39px;
}
.hidden{
	display: none;
}

/* Menu tabs */
#topnav{
	list-style:none;
	width:508px;
	padding:0;
	margin: 40px 0 0 0;
	float:left;
}
#topnav li{
	float:left;
	margin: 0 2px 0 0;
	text-transform:uppercase;
	text-align:center;
	font-weight: bold;
}
#topnav li.last { margin-right: 0; }
#topnav a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	line-height:1.5em;
	padding: 10px 0;
	margin: 0;
}
#topnav a.about:hover {
	background-color: #D0DAB4;
	color: #638608;
}
#topnav a.apply:hover {
	background-color: #F3E4B4;
	color: #D6A208;
}
#topnav a.host:hover {
	background-color: #DFBEB2;
	color: #942C00;
}
#topnav a.fellows:hover {
	background-color: #B0B8BD;
	color: #394D5A;
}
#topnav a.contact:hover {
	background-color: #BCCACB;
	color: #587B7C;
}
img.page_arrow {
	border: none;
	position:relative;
	top: -7px;
	margin: 0;
	padding: 0;
}
#nav1{
	background-color:#638608;
	width:100px;
}
#nav2{
	background-color:#D6A208;
	width:100px;
}
#nav3{
	background-color:#942C00;
	width:100px;
}
#nav4{
	background-color:#394D5A;
	width:100px;
}
#nav5{
	background-color:#587b7C;
	width:100px;
}

/* Left Sidebar */
#sidebar {
	float: left;
	clear: right;
	width: 230px;
	height: 100%;
	padding:6px 20px 10px 10px;
	margin: 14px 10px 20px 0;
	font-size: smaller;
	line-height: 1.3em;
}
#sidebar h1 {
	margin: 4px 0 0 0;
}
#sidebar dl { margin: 0 0 20px 0; }
#sidebar dl dt {
	font-weight: bold;
	font-style: italic;
	color: #638608;
}
#sidebar dl dd {
	font-size: 105%;
}

/* Main Inside */
#main-inside {
	float: right;
	clear: none;
	width: 433px;
	border-left: 1px dotted #B9B9B9;
	padding: 6px 0 0 14px;
}

/* Footer */
#footer {
	float: left;
	clear: both;
	color: #FFFFFF;
	width: 800px; 
	height: 30px;
	font-size: 95%;
	text-align: center;
	padding: 14px 0 0 0;
}
#footer a { 
	text-decoration: none; 
	color: #FFFFFF;	
}
#footer a:hover { 
	text-decoration: underline; 
}

/* Tables */
table {
	margin:0 0 30px 0;
	padding:0;
	border-collapse:collapse;
	width:100%;
}
table caption {
	margin:0;
	padding-bottom: 10px;
	font-size:larger;
	font-weight: bold;
	text-align:center;
}
table th {
	border-bottom:1px solid #99999;
	border-top:1px solid #777777;
	background:#eee;
	font-weight:bold;
	margin:0;
	padding:4px;
	text-align:left;
}
table td {
	padding:4px;
	margin:0;
	border-bottom:1px dashed #BBBBBB;
}
table li {
	margin-left:0;
	line-height:1.2em;
}
tr.lastrow { 
	border-bottom:2px solid #BBBBBB;
}

td.noborder { border-bottom: none; }
td.total { 
	border-top: 1px solid #777777; 
	text-align: right;
}
td.cost {
	text-align: right;
}
table.calendar {
	margin-top:30px;
	margin-left: 0px;
}
table.calendar td {
	padding-right: 20px;
}
table.calendar caption {
	text-align:left;
}

/* Links */
a { 
	color: #00467F;
	background-color: inherit;
	text-decoration: none;
}
a:hover, a:visited:hover {
	text-decoration: underline;
}
a:visited {
	color: #00467F;
}

/* Typography */
h1, h2, h3 {
	color: #000000;
	text-transform:uppercase;
	margin: 6px 0;
}
h1 { 
	font-size: 1.7em;
	font-weight: lighter;
	line-height: 1.2em;
	padding-bottom: 6px;
} 
h2 { 
	font-size: 1em;
}
h3 { 
	font-size: .8em;
	font-style: italic;
}
p {
	margin: 0 0 10px 0;
}
p.fnote {
	margin-left: 15px;
	font-size: 9px;
}
.fnote {
	margin-left: 15px;
	font-size: 9px;
}

/* Lists */
ul, ol {
	margin: 8px 0 8px 0;
	padding: 0 0 0 20px;
}
ul li, ol li {
	padding-bottom: 6px;
}
dl {
	margin-left: 10px;
}
dl dt {
	font-weight: bold;
	margin-top: 8px;
}
dl dd {
	margin: 0 0 8px 8px;
	font-size: 90%;
}
ul.nav { 
	list-style-type: none; 
	padding-left: 6px;
}
ul.nav a{
	padding-left:16px;
	background:url(../img/document.gif) no-repeat 3px 50%;
}
ul.nav li a.current{
	text-decoration:none;
	color:#000;
	background:url(../img/arrow_right.gif) no-repeat 3px 50%
}
ul.nav a:visited{
	background:url(../img/checkmark.gif) no-repeat 0 50%;
	color:#003E74;
}

/* Images */
img.no-border {
	border: none;
}
.no-border {
	border: none;
}
img.float-right {
	margin: 0 0 5px 15px; 
	border: 2px solid #333333; 
}
img.float-left {
	margin: 0 15px 5px 0;
	border: 2px solid #333333;
}
.dropShadow {
	display: block;
	background: url("../img/drop-shadow.png") no-repeat bottom right;
	_background: none; /* IE <= 6 */
	_border: none; /* IE <= 6 */
	margin: 0 10px 0 5px;
	border: 1px solid transparent;
}		
.dropShadow.right {
	float: right;
}
.dropShadow.left {
	float: left;
}
.dropShadow img {
	display: block;
	position: relative;
	margin: -6px 6px 6px -6px !Important;
	_margin: 0; /* IE <= 6 */
	border: 1px solid #BBB;
	padding: 3px !Important;
	background-color: #FFF;
}
#vista_logo {
	border: none;
	padding: 0;
	margin: 0 0 14px 265px;
}

/* Form Elements */
form {
	margin: 20px 15px 0 15px;
	padding: 10px;
	border: 1px solid #F2F2F2; 
	background-color: #FAFAFA;
	max-width: 80em; 
}
label {
	display:block;
	font-weight:bold;
	color: #777;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #EEE;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #EEE;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Verdana, Sans-serif; 
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-right: 2px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #777;	
}
fieldset {
	border: none;
}

/* Special */
.callout {
	margin: 10px 15px;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;  
	font: 500 1em/1.5em;
	background: #FAFAFA;
	border: 1px solid #F2F2F2;  
	border-left: 4px solid #DEDBCE; 
}
acronym {
	cursor: help;
	border-bottom: 1px solid #777777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #F2F2F2; 
	border-left: 4px solid #DEDBCE;
	font-weight: bold; 
}
div.section { 
	border-bottom: 1px dotted #B9B9B9; 
	margin-bottom: 10px;
}
div.vcard {
	margin: 0;
	padding: 0;
	height: auto;
	min-height: 140px;
}
div.vcard h4 {
	font-style: italic;
	font-size: 14px;
	margin-bottom: 6px;
}

/* Alignment Classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; min-height: 0; }

/* Color Classes */
.green { color: #638608; }
.yellow { color: #D6A208; }
.red  { color: #942C00; }
.gray  { color: #394D5A; }
.blue  { color: #587B7C; }
.green_lt { background-color: #D0DAB4; }
.yellow_lt { background-color: #F3E4B4; }
.red_lt  { background-color: #DFBEB2; }
.gray_lt  { background-color: #B0B8BD; }
.blue_lt  { background-color: #BCCACB; }