@charset "UTF-8";

/*  Core Styles for Drupal FAS Templates
    Web Services, ITS, Yale University
    CSS by Victor Velt <victor.velt@yale.edu>
    10-1-08, version 1 (VV)
--------------------------------------------------------------- */

/*  Search for =Style to jump down to a given style section  */

/*  QuickFind:

    =Reset Styles
    =Layout
    =Section & Title Head Image Replacement
    =TOPPER Set-up
    =Calendar and A-Z Index links
    =Search Box
    =MAGIC-Y MENU
    =Section Head
    =Tab Nav
    =Nav Buttons
    =Nav Menu Primary
    =Nav Menu Basic
    =Breadcrumb
    =TYPOGRAPHY STYLES
    =PAGE LAYOUT CHANGES WITH BODY CLASSES
      centered-col3
      centered-col2
      centered-wide-col3
      centered-wide-col2
      flush-col3
      flush-col2
      flush-wide-col3
      flush-wide-col2
      liquid-col2
      homepage changes
    
    --------------------------------------

*/


/* =Reset Styles, avoids form elements
-------------------------------------------------------------- */
html, body, div, span, object, embed, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, code, cite, 
del, dfn, img, q, dl, dt, dd, ol, ul, li,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

a img { border: none; }


/* =Layout
-------------------------------------------------------- */
body { 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
color: #333;
text-align: center; /* helps IE center container div */
}

a {
color: #036;
text-decoration: none;
}

a:hover {
color: #39f;
}

a:active {
color: #000;
}

#y-container {
width: 768px; /* adjust in change styles */
padding: 0;
margin: 0 auto;
text-align: left; /* resets all to align left */
margin-bottom: 10px;
}

#y-header1 {
width: 100%; 
float: left; 
background-color: #336699;
border-bottom: 1px solid #fff; 
}

#y-header2 { 
width: 100%; 
float: left; 
background-color: #678FBA;
border-bottom: 1px solid #fff; 
}


#y-header3 { 
width: 100%; 
float: left; 
background-color: #01346B;
border-bottom: 1px solid #fff; 
}

#y-header4 { 
width: 100%; 
float: left; 
background-color: #fff;
border-bottom: 1px solid #666; 
}

/* #y-header5 define in skin styles if this is needed */

#y-outer-wrap {
border-bottom: 1px solid #000;
/* override in skin styles */
}

#y-column-wrap {
float: left;
/* width: set in page layout classes at bottom */ 
background: /* set in Skin Styles */ ;
padding-bottom: 20px; 
min-height: 500px;
height: auto !important;
height: 500px;
}

#y-col1, #y-col2, #y-col3, #y-col4, #y-col5 {
/* see page layout body classes at end */
float: left;
width: 192px;
display: inline;
}

#y-content {
padding: 0 15px;
}

#y-footer { 
clear: both;
height: 1%; /* for IE */
}

#y-footer img {
display: block;
float: left;
padding-left: 15px;
margin: 12px 30px 10px 0;
}

#y-footer p {
font-size: 10px;
line-height: 1.5em;
color: #fff;
display: block;
float: left;
width: 540px;
margin: 15px 0 10px 90px;
}

#y-footer a {
color: #fff;
}

.clear-all {
/* apply to a div to clear floats as needed */
clear: both;
font-size: 0;
line-height: 0px;
height: 1px; /* Netscape needs at least 1px height */
display: block; /* also helps Netscape */
visibility: hidden;
}

.y-column-padding {
padding: 0 15px;
}

.y-column-top-padding {
padding: 12px 0;
}


/* =Section & Title Head Image Replacement
-------------------------------------------------- */
#y-section-head h2, #y-title-head h2 {
float: left;
margin: 0;
text-indent: -9999px;
font-size: 12px;
}

#y-title-head img {
float: left;
margin: 0;
}

#y-section-head h2 a { /* Phark IR for entity-nav
display: block;
background: url(../images/heading_section.gif) no-repeat center left;
width: 250px; 
height: 28px; */
}


.feature-photo img {
display: block;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}


/* =TOPPER (tableless, generic colors)
    Typographic styles are included here but can be
    overridden in skin styles
=============================================================== */

/* Topper Set-up
------------------------------------------------------ */
#y-topper {
float: left;
background-color: ##2E65A1;
/* width: 100%; */
}

#y-topper,
#y-section-head {
width: 768px; /* width must be changed for wide pages */
}

/* Phark IR */
#y-topper h2 {  
font-size: 12px;
margin: 0;
text-indent: -9999px;
float: left;
}

#y-topper h2 { /* See Skin Styles
background: transparent url(../images/yaleu_white_on_blue.gif) no-repeat; */
}

#y-topper h2 a { /* makes the background a clickable link */
display: block;
width: 150px;
height: 28px;
}

#y-topper-search-tools { /* sets up container box for links, search, and magic-y */
float: right;
padding-right: 15px; /* this sets space to right of M-Y button */
}

/* =Calendar and A-Z Index links
------------------------------------------------------ */
ul#y-topper-links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
padding: 0;
margin: 9px 10px 0 0;
float: left;
}

ul#y-topper-links li { 
display: inline;
}

ul#y-topper-links li a {
text-decoration: none;
padding: 0px 10px;
float: left;
border-right: 1px solid #fff;
}

ul#y-topper-links li.last a { 
padding-right: 15px;
border: none;
}

#y-topper a { color: #fff; text-decoration: none; }
#y-topper a:hover { color: #fff; }
#y-topper a:active { color: #000; }


/* =Search Box
------------------------------------------------------ */
form#topper-search {
float: left;
margin: 0;
margin-top: 1px; /* aligns vertical position */
white-space: nowrap;
}

form#topper-search input.sfield {
font-size: 10px; 
color: #999;
width: 150px;
margin: 0;
padding: 2px 5px;
vertical-align: middle;
border: 1px solid #999;
}

form#topper-search input.gobutton {
width: 28px;
height: 26px;
margin-left: 2px;
vertical-align: middle;
}

#my-container { /* sets up Magic-Y and button position */
float: left;
margin-left: 25px;
/* margin-top: 7px; aligns vertical position */
position: relative;
}


/* =MAGIC-Y MENU
    Typographic styles are included here
=============================================================== */

/* =Magic-Y Menu
   Works with togLyr Javascript for Yale QuickLinks
------------------------------------------------------ */
#my-wrapper {
position: absolute; 
text-align: left;
top: 0px;
right: 0px;
width: 160px;
}

#my-button {
display: block;
margin-right: 10px;
margin: 0;
margin-top: 1px;
}

#my-menu {
background-color: #fff;
border: 1px solid #ccc;
padding: 5px 12px 0 12px;
margin-top: 5px;
position: absolute;
left: -999em;
z-index: 100;
}

#my-menu ul { 
width: 134px;
list-style-type: none; 
font-size: 10px;
line-height: 1.2em;
margin: 0; 
padding: 0;
margin-bottom: 20px;
}

#my-menu ul.lower {
margin-bottom: 15px;
}

#my-menu ul li { 
padding: 2px 0px 3px 0px;
} 

#my-menu ul a { color: #003798; text-decoration: none; }
#my-menu ul.lower a { color: #585858; text-decoration: none; }
#my-menu ul a:hover { color: #2a85ee; text-decoration: none; }
#my-menu ul a:active { color: #039; }


/* =NAV STYLES
=============================================================== */

/* =Section Head
-------------------------------------------------- */
#y-section-head img {
display: block;
float: left;
}

#y-section-head ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
padding: 0;
margin-top: 9px;
float: right;
}

#y-section-head ul li { 
display: inline;
}

#y-section-head ul li a {
text-decoration: none;
padding: 0px 7px;
float: left;
border-right: 1px solid #fff;
color: #fff;
}

#y-section-head ul li a.last { 
padding-right: 15px;
border: none;
}


/* =Tab Nav
-------------------------------------------------- */
#y-nav-head ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.2em;
margin: 0;
padding: 0;
float: left;
margin-left: 3px; /* adjust to line up with left nav */
}

#y-nav-head ul li { 
display: inline;
}

#y-nav-head ul li a {
padding: 9px 12px;
float: left;
}


/* =Nav Buttons
----------------------------------- */
ul.nav-btn {
font-size: 11px;
line-height: 1.3em;
font-weight: normal;
list-style-type: none;
border-top: 1px solid #eee;
}

ul.nav-btn a {
display: block;
background-color: transparent;
padding: 5px 15px 6px 15px;
border-bottom: 1px solid #eee;
}

ul.nav-btn a:hover {
background-color: #eee;
}

ul.nav-btn a:active {
}

/* these 2 styles prevent gaps in IE and are Dreamweaver friendly */
ul.nav-btn, ul.nav-btn li { float: left; } 
ul.nav-btn a { width: 161px; } /* nav width minus padding, must adjust for nested lists */


/* =Nav Menu Primary
----------------------------------- */
ul.menu {
font-size: 11px;
line-height: 1.3em;
font-weight: normal;
list-style-type: none;
padding: 0 15px;
}

ul.menu li {
padding-bottom: 0.8em;
}

#y-col1 ul.menu {
margin: 15px 0 15px 0;
}

ul.menu li a {
color: #003366;
text-decoration: none;
}


ul.menu li a:hover {
color: #39f;
}





/* =Nav Menu secondary
----------------------------------- */
ul.menu ul {
list-style-type: none;
line-height: 1.3em;
margin-top: 10px;
padding: 0 15px;
padding-bottom: 0.4em;
}

ul.menu ul li {
margin-bottom: -.1em;
}


/* =Nav Menu Basic
----------------------------------- */
ul.nav {
font-size: 11px;
line-height: 1.3em;
font-weight: normal;
list-style-type: none;
padding: 0 15px;
margin-top: 8px;
}

ul.nav li {
padding-bottom: 0.6em;
}

#col1 ul.nav {
margin: 23px 0 15px 0;
}


/* =Breadcrumb 
---------------------------------------- */
#y-breadcrumb {
padding: 8px 15px 10px 15px;
overflow: hidden;
zoom: 1;
}

#y-breadcrumb ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
list-style-type: none;
margin: 0;
margin-top: 5px;
}

#y-breadcrumb ul li {
padding: 0 6px 0 10px;
display: inline;
color: #777;
float: left; /* keeps list items flush together */
background: url(../images/breadcrumb_tic_arrow.gif) no-repeat 0 70%;
}

#y-breadcrumb ul li.bcfirst {
border: none;
padding-left: 0;
background: none;
}


/* =TYPOGRAPHY STYLES
=============================================================== */
/* =Typography in Content Column
------------------------------------------ */
a { color: #039; text-decoration: none; }
a:hover { color: #39f; text-decoration: underline; }
a:active { color: #036; }

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
line-height: 1.2em;
font-weight: normal;
color: #036;
margin: 0;
}

h2 {
font-size: 12px;
color: #036;
line-height: 1.2em;
margin-top: 7px;
margin-bottom: 6px;
}

h3 {
font-size: 11px;
line-height: 1.2em;
font-weight: bold;
margin-top: 8px;
}

h4, h5 {
font-size: 11px;
line-height: 1.2em;
font-weight: bold;
color: #585858;
margin: 1em 0;
}

#y-col3 h4 {
color: #585858;
margin: 20px 15px 10px 15px;
}

p {
line-height: 1.5em;
font-size: 11px;
margin: 1em 0;
}

h2+p, h3+p { 
/* less space between sub-headings & paragraphs */
margin-top: 0.3em;
}

#y-content h3+ul, #y-content h3+ol {
margin-top: 0.5em;
}

/* lists */

#y-content ul a { color: #039; text-decoration: none; }
#y-content ul a:hover { color: #39f; text-decoration: underline; }
#y-content ul  a:active { color: #036; }


#y-content ul, #y-content ol {
font-size: 11px;
margin-top: 1.2em;
margin-bottom: 0.5em;
}

#y-content ul ul, #y-content ol ol { 
margin-top: 0.5em;
margin-bottom: -0.5em;
}

#y-content li { 
line-height: 1.3em;
padding-bottom: 0.5em; 
margin-left: 3.5em;
} 

#y-content ul li {
list-style-type: square; 
}

#y-content ul.plain li {
list-style-type: none;
margin-left: 0;
}

#y-content ol li {
list-style-type: decimal;
}

#y-content ol ol li {
list-style-type: square; 
}


#y-content ul.list-tight {
margin-left: 10px;
}

#y-content ul.list-tight li {
list-style: none;
margin-bottom: 4px;
}

#y-content p.tight { /* use for closer fitting paragraphs, OnStage page */
margin-top: 0.5em;
margin-bottom: 1em;
}


blockquote {
font-size: 11px;
margin: 0 3.5em;
}

p.quote {
color: #036;
padding: 1em 1.5em;
background-color: #f5f9fc;
border-top: 1px solid #c0cfdf;
border-bottom: 1px solid #c0cfdf;
margin: 1.5em 0;
}

hr { /* this way all browsers get the horizontal-rule even with styles off */
border: 0; /* turns off default shading */
height: 1px; /* sets height or thickness */
color: #c0cfdf; /* sets color for IE */
background-color: #c0cfdf; /* sets color for other browsers */
margin: 0;
}



/* =PAGE LAYOUT CHANGES WITH BODY CLASSES
    centered-3col, centered-col2, 
    centered_wide_col3, centered_wide_col2,
    flush-col3, flush-col2, flush-wide-3col, flush-wide-2col,
    liquid-2col
=============================================================== */

/* centered-col3
------------------------------- */
body.y-centered-3col { 
/* set in skin styles */
}

body.y-centered-3col #y-container, 
body.y-centered-3col #y-column-wrap {
width: 768px; /* Dreamweaver needs width set for both */
}

body.y-centered-3col #y-container {
border: solid #000;
border-width: 0 1px 1px 1px;
}

body.y-centered-3col #y-column-wrap {
border-bottom: 1px solid black;
}

body.y-centered-3col #y-col2 { 
width: 384px; 
}

body.y-centered-3col #y-col3 { 
margin: 0; 
}

body.y-centered-3col #y-col4, 
body.y-centered-3col #y-col5 { 
display: none; 
}

body.y-centered-3col #y-footer {
/* set in skin styles */
}

/* centered-col2
------------------------------- */
body.y-centered-2col { 
/* set in skin styles */
}

body.y-centered-2col #y-container, 
body.y-centered-2col #y-column-wrap {
width: 768px; /* Dreamweaver needs width set for both */
}

body.y-centered-2col #y-container {
border: solid #000;
border-width: 0 1px 1px 1px;
}

body.y-centered-2col #y-column-wrap {
border-bottom: 1px solid black;
}

body.y-centered-2col #y-col2 { 
width: 576px; 
margin: 0; 
}

body.y-centered-2col #y-col3, 
body.y-centered-2col #y-col4, 
body.y-centered-2col #y-col5 { 
display: none; 
}

body.y-centered-2col #y-footer {
/* set in skin styles */
}

/* centered-wide-col3
------------------------------- */
body.y-centered-wide-3col { 
/* set in skin styles */
}

body.y-centered-wide-3col #y-container, 
body.y-centered-wide-3col #y-column-wrap,
body.y-centered-wide-3col #y-topper,
body.y-centered-wide-3col #y-section-head {
width: 960px; 
}

body.y-centered-wide-3col #y-container {
border: solid #000;
border-width: 0 1px 1px 1px;
}

body.y-centered-wide-3col #y-column-wrap {
border-bottom: 1px solid black;
}

body.y-centered-wide-3col #y-col2 { 
width: 576px; 
}

body.y-centered-wide-3col #y-col3 { 
margin: 0; 
}

body.y-centered-wide-3col #y-col4, 
body.y-centered-wide-3col #y-col5 { 
display: none; 
}

body.y-centered-wide-3col #y-footer {
/* set in skin styles */
}

/* centered-wide-col2
------------------------------- */
body.y-centered-wide-2col { 
/* set in skin styles */
}

body.y-centered-wide-2col #y-container, 
body.y-centered-wide-2col #y-column-wrap,
body.y-centered-wide-2col #y-topper,
body.y-centered-wide-2col #y-section-head {
width: 960px; 
}

body.y-centered-wide-2col #y-container {
border: solid #000;
border-width: 0 1px 1px 1px;
}

body.y-centered-wide-2col #y-column-wrap {
border-bottom: 1px solid black;
}

body.y-centered-wide-2col #y-col2 { 
width: 768px; 
margin: 0; 
}

body.y-centered-wide-2col #y-col3, 
body.y-centered-wide-2col #y-col4, 
body.y-centered-wide-2col #y-col5 { 
display: none; 
}

body.y-centered-2col #y-footer {
/* set in skin styles */
}

/* flush-col3 
------------------------ */
body.y-flush-3col { 
/* set in skin styles */
}

body.y-flush-3col #y-container { 
width: auto;
margin: 0;
border: none;
}

body.y-flush-3col #y-outer-wrap {
background-color: ; /* set in skin styles */
width: 100%;
float: left;
}

body.y-flush-3col #y-column-wrap {
float: left;
width: 768px; 
border-right: 1px solid #000;
}

body.y-flush-3col #y-col2 { 
width: 384px; 
}

body.y-flush-3col #y-col3 { 
margin: 0; 
}

body.y-flush-3col #y-col4, 
body.y-flush-3col #y-col5 { 
display: none; 
}

body.y-flush-3col #y-topper-search-tools { 
padding-right: 0; /* this sets space to right of M-Y button */
}

/* flush-col2
------------------------ */
body.y-flush-2col { 
/* set in skin styles */
}

body.y-flush-2col #y-container { 
width: auto;
margin: 0;
border: none;
}

body.y-flush-2col #y-outer-wrap {
background-color: ; /* set in skin styles */
width: 100%;
float: left;
}

body.y-flush-2col #y-column-wrap {
float: left;
width: 768px; 
border-right: 1px solid #000;
}

body.y-flush-2col #y-col2 { 
width: 576px; 
margin: 0; 
}

body.y-flush-2col #y-col3, 
body.y-flush-2col #y-col4, 
body.y-flush-2col #y-col5 { 
display: none; 
}

body.y-flush-2col #y-topper-search-tools { 
padding-right: 0; /* this sets space to right of M-Y button */
}

/* flush-wide-col3 
------------------------ */
body.y-flush-wide-3col { 
/* set in skin styles */
}

body.y-flush-wide-3col #y-container { 
width: auto;
margin: 0;
border: none;
}

body.y-flush-wide-3col #y-outer-wrap {
background-color: ; /* set in skin styles */
width: 100%;
float: left;
}

body.y-flush-wide-3col #y-column-wrap {
float: left;
width: 960px; 
border-right: 1px solid #4175a3;
}

body.y-flush-wide-3col #y-topper,
body.y-flush-wide-3col #y-section-head {
width: 960px; 
}

body.y-flush-wide-3col #y-col2 { 
width: 576px; 
}

body.y-flush-wide-3col #y-col3 { 
margin: 0; 
}

body.y-flush-wide-3col #y-col4, 
body.y-flush-wide-3col #y-col5 { 
display: none; 
}

body.y-flush-wide-3col #y-topper-search-tools { 
padding-right: 0; /* this sets space to right of M-Y button */
}

/* flush-wide-col2
------------------------ */
body.y-flush-wide-2col { 
/* set in skin styles */
}

body.y-flush-wide-2col #y-container { 
width: auto;
margin: 0;
border: none;
}

body.y-flush-wide-2col #y-outer-wrap {
background-color: ; /* set in skin styles */
width: 100%;
float: left;
}

body.y-flush-wide-2col #y-column-wrap {
float: left;
width: 960px; 
border-right: 1px solid #4175a3;
}

body.y-flush-wide-2col #y-topper,
body.y-flush-wide-2col #y-section-head {
width: 960px; 
}

body.y-flush-wide-2col #y-col2 { 
width: 768px; 
margin: 0; 
}

body.y-flush-wide-2col #y-col3, 
body.y-flush-wide-2col #y-col4, 
body.y-flush-wide-2col #y-col5 { 
display: none; 
}

body.y-flush-wide-2col #y-topper-search-tools { 
padding-right: 0; /* this sets space to right of M-Y button */
}

/* liquid-col2 
------------------------ */
body.y-liquid-2col {
/* set in skin styles */
}

body.y-liquid-2col #y-container { 
width: auto;
margin: 0;
border: none;
}

body.y-liquid-2col #y-topper,
body.y-liquid-2col #y-section-head {
width: 100%;
}

body.y-liquid-2col #y-my-container {
position: static;
}

body.y-liquid-2col #y-my-wrapper {
right: 15px;
}

body.y-liquid-2col #y-tab-nav {
width: auto;
border: none;
}

body.y-liquid-2col #y-outer-wrap,
body.y-liquid-2col #y-column-wrap {
float: none;
clear: both;
width: auto;
/* background: none; */
}

body.y-liquid-2col #y-column-wrap:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

body.y-liquid-2col #y-col1 {
width: 192px;
float: left;
}

body.y-liquid-2col #y-col1 * {
position: relative;
}

body.y-liquid-2col #y-col2 {
width: 100%;
float: right;
margin-left: -207px;
}

body.y-liquid-2col #y-content {
padding-left: 0;
margin-left: 207px;
padding-right: 20px;
}

body.y-liquid-2col #y-breadcrumb {
margin-left: 192px;
}

body.y-liquid-2col y-feature-photo {
display: none;
}

body.y-liquid-2col #y-footer {
width: 768px;
}

/* homepage changes 
------------------------ */
body.y-page-home #y-breadcrumb {
margin-top: 12px;
}

body.y-page-home #y-breadcrumb ul {
display: none;
}

body.y-page-home #y-col3 {
margin-top: 19px;
}


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

boxcontainer {		/* Each row holds 2 boxes in 2col layout */
	width: 720px;	/* If content spans more than 175px in height, adjust boxcontainer class height inline in page */
	height: 175px;
	margin: 0px -20px 0 0;
	clear:both;
}

.boxes {
	position:relative;
	float:left;
	width:330px;
	height:350px;
	margin-right: 1.2em;
	padding-left: .3em;
}


.boxes p {
	margin-top: 5px;
	margin-bottom: 10px;
}

.boxes h2 {
	color: #265791;
}

.boxes img {		/* Positions box icons/images on the left */
	float:left;
	margin-right: .5em;
	border:0;
	
}

.boxes img.imageborder {	/* Apply this style to icon images that need a border, such as photos */
	border:1px solid black;
	}

.boxlinks {
	margin-left: 60px;
	margin-top:-5px;
	
}

.boxlinks ul {
	list-style-type: square;
	list-style-image: none;
	list-style-position: outside;
	margin-left: -15px;
}

.boxlinks p {
position:relative;
}

	
/* ---------- */
	
	
p.quote {
margin-top: 1.5em;
border-top: 1px solid #0064B9;
border-bottom: 1px solid #0064B9;
padding: 7px 24px 7px 22px;
background-color: #FCFCF0;
font-size: 11px;
line-height: 1.4em;
color: #344461;
margin-bottom: 1.5em;
}



/*  =SIDE BOX
--------------------------------------------------------- */
.sideBox {
float: right; 
width: 180px;
padding: 0px 0px 0px 10px; 
}

.sideBoxleft {
float: left; 
width: 720px;
padding: 0px 0px 0px 1px; 
}


fieldset.relLinks {
border: 1px solid #ccc;
padding: 4px 10px 10px 10px;
margin-top: 6px;
margin-bottom: 15px;
}

fieldset.relLinks legend {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-weight: normal;
color: #265791;
}

fieldset.relLinks ul {
margin-left: 3px;
}




/*  TABLE STYLES
=========================================================== */



/*  TABLE - PLAIN
----------------------------------------------------------- */
#y-content table.plain {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #333;
	margin-top: 1em;
	margin-bottom: 1.2em;
	width: 100%;
	}

#y-content table.plain {
	border: none;
	}

#y-content table.plain caption {
	text-align: left;
	font-weight: bold;
	color: #369;
	padding: 4px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #a3b8cc;
	}

#y-content table.plain th {
	color: #333;
	padding: 2px 0px 3px 5px;
	text-align: left;
	}
	
#y-content table.plain td {
	border: none;
	line-height: 1.3em;
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	}

#y-content table.plain td.td-highlight-1 {     /*  */
	background-color: #fffcc3;
	}

#y-content table.plain td.td-highlight-2 {     /*  */
	background-color: #dfe7c1;
	}

#y-content table.plain td.td-highlight-3 {     /*  */
	background-color: #d2dcec;
	}

#y-content table.plain tr.stripe1 {     /* WHITE STRIPE */
	background-color: #fff; 
	}

#y-content table.plain tr.stripe2 {     /* GRAY STRIPE */
	background-color: #f6f6f6; 
	}

#y-content table.plain tr.stripe3 {     /* GREEN STRIPE */
	background-color: #ecfae9; 
	}

#y-content table.plain tr.stripe4 {     /* BLUE STRIPE */
	background-color: #e9effa; 
	}

#y-content table.plain tr.stripe5 {     /* YELLOW STRIPE */
	background-color: #fafae8; 
	}





/*  TABLE - RULED
----------------------------------------------------------- */

#y-content table.ruled {
	margin: 10px 0px 20px 0px;
	}
	
#y-content table.ruled th {
	border: 1px solid #a3b8cc;
	border-width: 0px 0px 1px 0px;
	padding: 6px 4px 3px 0px;
	vertical-align: top;
	}
	
#y-content table.ruled td {
	border: 1px solid #ccd9e5;
	border-width: 0px 0px 1px 0px;
	padding: 8px 25px 8px 0px;
	vertical-align: top;
	}

#y-content table.ruled th {
	text-align: left;
	color: #333;
	}

#y-content table.ruled caption {
	border: 0px;
	}






/*  TABLE - RULEDTIGHT
----------------------------------------------------------- */
#y-content table.ruledTight {
	font-size: 10px;
	}

#y-content table.ruledTight th {
	font-size: 10px;
	border: 1px solid #a3b8cc;
	border-width: 0px 0px 1px 0px;
	padding: 6px 4px 3px 4px;
	vertical-align: top;
	}
	
#y-content table.ruledTight td {
	border: 1px solid #ccd9e5;
	border-width: 0px 0px 1px 0px;
	padding: 3px 4px 3px 4px;
	vertical-align: top;
	}

#y-content table.ruledTight th {
	text-align: left;
	color: #555;
	}

#y-content table.ruledTight caption {
	border: 0px;
	}




/*  TABLE - GRID
----------------------------------------------------------- */
#y-content table.grid {
	border: solid #a3b8cc;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;   /*separate, inherit*/
	}

#y-content table.grid th, #content table.bordered td {
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 1px;
	padding: 6px 4px 6px 4px;
	vertical-align: top;
}

#y-content table.grid th, #content table.grid td {
	line-height: 1.5em;
	font-size: 11px;
	margin: 1em 0;
	padding: 3px 5px;
	border: solid #a3b8cc;
	border-width: 0 1px 1px 0;
	}

table.grid th {
	background-color: #fafae8;
	}

#y-content table.grid caption {
	border: 0px;
	}



/*  TABLE - COLORSETS (For color swatches)
----------------------------------------------------------- */
#y-content table.colorSets {
	border-collapse: separate;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1em;
	color: #333;
	margin: 10px 0px 0px 0px;
	width: 100%;
	}

#y-content table.colorSets {
	border: none;
	}

#y-content table.colorSets caption {
	border-bottom: 1px solid #ccc;
	color: #333;
	}
	
#y-content table.colorSets th {
	color: #333;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}
	
#y-content table.colorSets td {
	border: 1px solid #333;
	line-height: 1.3em;
	vertical-align: top;
	padding: 10px;
	}
	

#y-content table caption {
	text-align: left;
	font-weight: bold;
	color: #369;
	padding: 4px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	
	}
	
/* ---------- */
	
	
	
	
/*  TABLE - DEFAULT TYPOGRAPHY
----------------------------------------------------------- */
#y-content table p {
	color: 000;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0em 0em .4em 0em;
	}
	
#y-content table h3 {
	color: #344461;
	font-size: 1.1em;
	font-variant: normal;
	font-weight: bold;
	margin: 0em 0em 0em 0em;
	}
	
#y-content table ul {
	margin: .1em 0em .2em 0em;
	}
	
#y-content table ul li {
	margin: 0em 0em 0em 0em;
	line-height: 13px;
	}

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

/*  =SIDE BOX
--------------------------------------------------------- */
.sideBox {
float: right; 
width: 250px;
padding: 0px 0px 0px 10px; 
}

.sideBoxleft {
float: left; 
width: 420px;
padding: 0px 0px 0px 1px; 
}


fieldset.relLinks {
border: 1px solid #ccc;
padding: 4px 10px 10px 10px;
margin-top: 6px;
margin-bottom: 15px;
}

fieldset.relLinks legend {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-weight: normal;
color: #265791;
}

fieldset.relLinks ul {
margin-left: 3px;
}


fieldset.relLinks legend img {
vertical-align: top;
}


/*  TABLE STYLES
=========================================================== */



/*  TABLE - PLAIN
----------------------------------------------------------- */
#y-content table.plain {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #333;
	margin-top: 1em;
	margin-bottom: 1.2em;
	width: 100%;
	}

#y-content table.plain {
	border: none;
	}

#y-content table.plain caption {
	text-align: left;
	font-weight: bold;
	color: #369;
	padding: 4px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #a3b8cc;
	}

#y-content table.plain th {
	color: #333;
	padding: 2px 0px 3px 5px;
	text-align: left;
	}
	
#y-content table.plain td {
	border: none;
	line-height: 1.3em;
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	}

#y-content table.plain td.td-highlight-1 {     /*  */
	background-color: #fffcc3;
	}

#y-content table.plain td.td-highlight-2 {     /*  */
	background-color: #dfe7c1;
	}

#y-content table.plain td.td-highlight-3 {     /*  */
	background-color: #d2dcec;
	}

#y-content table.plain tr.stripe1 {     /* WHITE STRIPE */
	background-color: #fff; 
	}

#y-content table.plain tr.stripe2 {     /* GRAY STRIPE */
	background-color: #f6f6f6; 
	}

#y-content table.plain tr.stripe3 {     /* GREEN STRIPE */
	background-color: #ecfae9; 
	}

#y-content table.plain tr.stripe4 {     /* BLUE STRIPE */
	background-color: #e9effa; 
	}

#y-content table.plain tr.stripe5 {     /* YELLOW STRIPE */
	background-color: #fafae8; 
	}





/*  TABLE - RULED
----------------------------------------------------------- */

#y-content table.ruled {
	margin: 10px 0px 20px 0px;
	}
	
#y-content table.ruled th {
	border: 1px solid #a3b8cc;
	border-width: 0px 0px 1px 0px;
	padding: 6px 4px 3px 0px;
	vertical-align: top;
	}
	
#y-content table.ruled td {
	border: 1px solid #ccd9e5;
	border-width: 0px 0px 1px 0px;
	padding: 8px 25px 8px 0px;
	vertical-align: top;
	}

vcontent table.ruled th {
	text-align: left;
	color: #333;
	}

#y-content table.ruled caption {
	border: 0px;
	}






/*  TABLE - RULEDTIGHT
----------------------------------------------------------- */
#y-content table.ruledTight {
	font-size: 10px;
	}

vcontent table.ruledTight th {
	font-size: 10px;
	border: 1px solid #a3b8cc;
	border-width: 0px 0px 1px 0px;
	padding: 6px 4px 3px 4px;
	vertical-align: top;
	}
	
#y-content table.ruledTight td {
	border: 1px solid #ccd9e5;
	border-width: 0px 0px 1px 0px;
	padding: 3px 4px 3px 4px;
	vertical-align: top;
	}

#y-content table.ruledTight th {
	text-align: left;
	color: #555;
	}

#y-content table.ruledTight caption {
	border: 0px;
	}








/*  TABLE - GRID
----------------------------------------------------------- */
#y-content table.grid {
	border: solid #a3b8cc;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;   /*separate, inherit*/
	}

#y-content table.grid th, #content table.bordered td {
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 1px;
	padding: 6px 4px 6px 4px;
	vertical-align: top;
}

#y-content table.grid th, #content table.grid td {
	padding: 3px 5px;
	border: solid #a3b8cc;
	border-width: 0 1px 1px 0;
	}

table.grid th {
	background-color: #fafae8;
	}

#y-content table.grid caption {
	border: 0px;
	}



/*  TABLE - COLORSETS (For color swatches)
----------------------------------------------------------- */
#y-content table.colorSets {
	border-collapse: separate;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1em;
	color: #333;
	margin: 10px 0px 0px 0px;
	width: 100%;
	}

#y-content table.colorSets {
	border: none;
	}

#y-content table.colorSets caption {
	border-bottom: 1px solid #ccc;
	color: #333;
	}
	
#y-content table.colorSets th {
	color: #333;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}
	
#y-content table.colorSets td {
	border: 1px solid #333;
	line-height: 1.3em;
	vertical-align: top;
	padding: 10px;
	}
	

#y-content table caption {
	text-align: left;
	font-weight: bold;
	color: #369;
	padding: 4px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	
	}
	
/* ---------- */
	
	
	
	
/*  TABLE - DEFAULT TYPOGRAPHY
----------------------------------------------------------- */
#y-content table p {
	color: 000;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0em 0em .4em 0em;
	}
	
#y-content table h3 {
	color: #344461;
	font-size: 1.1em;
	font-variant: normal;
	font-weight: bold;
	margin: 0em 0em 0em 0em;
	}
	
#y-content table ul {
	margin: .1em 0em .2em 0em;
	}
	
#y-ccontent table ul li {
	margin: 0em 0em 0em 0em;
	line-height: 13px;
	}

/* 
#y-ccontent table {
border-collapse:collapse;
border:1px solid #80b3d2;
}

#y-content table td {
border:1px solid #80b3d2;
padding:5px 5px;
}
----------------------------------------------------------- */


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

/* =END */

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