/*  default */
html {
height: 100%;
}

body {
color: #000;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
text-align: center; 
font-family: arial, Helvetica, Sans-Serif;
font-size: 10pt;
background: #FFF url("/ygbc/web.nsf/files/images/$file/page-bg.jpg") repeat-x top;
}

div {
border:solid 0px #f1f1f1;  /* use to display all div borders to aid with layout */
}
input.radio {
padding:3px;
}
#outerWrapper {
background-color: #fff;
margin: 0 auto 0 auto; 
text-align: left; 
width: 920px;
}
#subpageheader {
text-align: left;
height: 75px;
padding-left: 15px;
padding-top:8px;
background: #FFF url("/ygbc/web.nsf/files/images/$file/header-logo.jpg");
background-repeat: no-repeat ;
margin:5px 15px 0px 25px;
border-bottom:solid 1px #c0c0c0;
width:840px;
}
span.user-details {
float:right;
color:#c0c0c0;
cursor:hand;
font-size:10px;
padding-top:40px;
}
#twoColumnleft { /* This sets the id for a 2 column layout with a left column only */
overflow: hidden;
}

#twoColumnleft #content, #twoColumnright #content {
width:645px;
}

#twoColumnleft #leftColumn {
float: left;
padding: 10px 30px 30px 15px; 
width: 210px;
height:560px;
#border-right:solid 1px #c0c0c0;
}

/* 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. */
#twoColumnleft #content {
margin: 0px 5px 0px 170px;
/* padding: 0px 30px 30px 30px;*/
line-height:1.4em;
}
#twoColumnleft #content img {
margin: 0 0 0 20px ;
}
#twoColumnleft img {
margin: 0 0 0 20px ;
}
span.date {
color: #666870;
font-size:16px;
font-weight:bold;
}
span.headline {
color:#F50090;
font-size:16px;
font-weight:bold;
}
span.headline-text {
padding:4px;
}
span.headline-events {
color: #415F2B;
font-size:16px;
font-weight:bold;
}
#office-block { 
float:right; 
width:267px; 
height:268px; 
margin-left:20px; 
z-index:2; 
background: #FFF url("/thma/web.nsf/files/images/$file/thma.jpg");
background-position: bottom right;
} 
#links-table  { border-collapse:collapse;border:solid 1px #c0c0c0}
#right-block { 
float:right; 
width:200px; 
height:160px; 
margin-left:20px; 
z-index:2; 
background-position: bottom right;
} 
#outer-block { 
float:left; 
width:90%; 
overflow:hidden;
padding:4px;
} 
#title-block {
float:left;
}
#more-info {
float:right;
padding:4px;
}
#inner-block-light-blue{ 
float:left; 
border:solid 1px #05517D; 
background:url(/thma/web.nsf/files/images/$file/background-1-light-blue.jpg);
background-repeat: repeat-x;
width:95%; 
#height:140px; 
#margin-left:5px; 
padding: 4px; 
#z-index:3; 
#background-position: bottom right;
} 
#inner-block, #inner-block-pink{ 
float:left; 
border:solid 1px #FFC1E7; 
/* background:url(/ygbc/web.nsf/files/images/$file/background-pink.jpg);  */
background-repeat: repeat-x;
background:transparent url(/ygbc/images.nsf/images/RKIG-852BQ7/$File/grey-fade2.jpg) repeat-x scroll center top;
border:1px solid #E1E1E1;
width:95%; 
#height:140px; 
#margin-left:5px; 
padding: 4px; 
#z-index:3; 
#background-position: top right;
} 
#inner-block-pink img {
border:1px solid #E1E1E1;
margin:0 0 0 15px;
} 
#inner-block-form{ 
float:left; 
border:solid 1px #FFC1E7; 
background-color:#F4F4F4;
width:95%; 
#height:140px; 
#margin-left:5px; 
padding: 4px; 
#z-index:3; 
#background-position: bottom right;
} 
#thumbnail OLD {
float:left;
width:27%;
}
#left-lower-content{
border:solid 1px #FFC1E7; 
width:195px;
background-color:#FFF2FA;
}
#headline-text{
float:right;
width:69%;
padding:4px;
}
#inner-block-light-green{ 
float:left; 
border:solid 1px #415F2B; 
background:url(/thma/web.nsf/files/images/$file/background-2-light-green.jpg);
background-repeat: repeat-x;
width:95%; 
#height:140px; 
#margin-left:5px; 
padding: 4px; 
#z-index:3; 
#background-position: bottom right;
}
#inner-space-block { 
float:left;
padding: 10px;
width:95%; 
} 
#div-space {
clear:both;
#margin: 0;
#padding: 0;
#width: auto;
}
.styledmenu {
	width: 100%; /*width of menu*/
}
.styledmenu .headerbar {
	font:1em arial;
	color: white;
	background: #808080 url(images/grey-down-arrow.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	margin-top:0px;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.styledmenu .headerbarblue {
	font:1em arial;
	color: white;
	background: #05517D;
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	margin-top:0px;
	padding: 7px 0 7px 8px; /*31px is left indentation of header text*/
}
.styledmenu .headerbarpink {
	font:1em arial;
	color: white;
	background: #EE018C;
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	margin-top:0px;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.styledmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0; /*bottom spacing between each UL and rest of content*/
}
.styledmenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
	margin: 0px;
}
.styledmenu ul li a {
	color: black;
	background: #E9E9E9;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
}
.styledmenu ul li a:visited {
	color: black;
}
.styledmenu ul li a:hover { /*hover state CSS*/
	color: white;
	background: #000;
}
.styledmenu ul.pink li a:hover { /*hover state CSS*/
	color: white;
	background: #f21e8c;
}
.styledmenu ul.blue li a:hover { /*hover state CSS*/
	color: white;
	background: #00a3dd;
}
.styledmenu ul.blue li a.current { /* current page menu*/
	color: black;
	background: #c0c0c0;
}
.styledmenu ul.pink li a.current { /* current page menu*/
	color: black;
	background: #c0c0c0;
}
#link-block{
float:right;
width:570px; 
height:80px; 
#background-color:#e1e1e1; 
z-index:1; 
#border:solid 2px #836E36;  
}
table.form-table {
#border: 2px solid #E10288;
border-collapse:collapse;

}

table.form-table td {
padding:3px;
padding-left:8px;
#border: 1px solid #E10288;
#color:#E1E1E1;
}

table.form-table td.header{
background-color:#282627;
vertical-align:middle;
}

table.form-table td.label {
vertical-align:middle;
background-color:#F4F4F4;
}

table.form-table td.data{
vertical-align:middle;
background-color:#F4F4F4;
}
table.form-table td.error{
vertical-align:middle;
color:#E10288;
border:0px;
background-color:#FFE6F5;
}

table.form-table td.checkbox{
color:blue;
padding-left:5px;
}

input.field-txt {
color:#404040;
width:150px;
}

input.field-long {
width:95%;
}

input.field-short {
width:75px;
}
#hiddenError1 {
display:none;
}
#hiddenError2 {
display:none;
}
/*  ==================== START Main Layout Styles ============================ */
/* These styles relate to the main layout, size and positioning of page block elements ONLY    */
/* main page wrapper */
#wrapper {
background-color: #fff;
margin: 0 auto 0 auto; 
text-align: left; 
width: 920px;
}
#nav-container {
position:relative;
height:40px;
width:100%;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#page-header {
text-align: left;
height: 75px;
padding-left: 15px;
padding-top:8px;
background: #FFF url("/ygbc/web.nsf/files/images/$file/header-logo.jpg");
background-repeat: no-repeat ;
margin:5px 15px 0px 25px;
border-bottom:solid 1px #c0c0c0;
width:840px;
}
#main-body { 
overflow: hidden;
width:840px;
margin:0px 15px 0 25px;
padding:0px;
}

#left-column {
float: left;
width: 210px;
height:560px;
margin:0px;
padding: 10px 30px 30px 15px; 
padding: 0 0 0 0;
border-right:solid 1px #c0c0c0;
}
#main-content {
float:left;
width:600px;
padding:0 0 0 20px;
}
#footer {
height: 110px;
color: #FFF;
clear: both;
font-size:11px;
font-family:arial;
padding-top:30px;
padding-left:35px;
}
#footer-left {
height: 100px;
width: 300px;
float:left;
z-index:2; 
}
#footer-right{
height: 100px;
width: 300px;
float:right;
z-index:2; 
margin-right:260px;
align:right;
}

#footer span {
color:#05517D;
font-size:xs-small;
}
/*  ==================== END Main Layout Styles ============================ */
/*  ====================  START  Menu / Navigator Styles =====================*/
/* ----- Vertical LIST type menu styles ----- */
.list-menu {
width:195px;
border:solid 1px #FFC1E7; 
background-color:#FFF2FA;
}
.vertical-list-menu {
width: 100%; /*width of menu*/
}
.vertical-list-menu .headerbar {
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
margin-top:0px;
padding: 7px; 
font:1em arial;
color: white;
font-weight: bold;
background: #EE018C;
}
.vertical-list-menu .line-break {
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
margin-top:0px;
padding: 2px; 
background: #EE018C;
}
.vertical-list-menu ul {
list-style-type: none;
margin: 0;
padding: 0; /*bottom spacing between each UL and rest of content*/
}
.vertical-list-menu ul li {
padding-bottom: 2px; /*bottom spacing between menu items*/
margin: 0px;
}
.vertical-list-menu ul li a {
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.vertical-list-menu ul li a:visited {
color: black;
}
.vertical-list-menu ul li a:hover { /*hover state CSS*/
color: white;
background: #f21e8c;
}
.vertical-list-menu ul li a.current { /* current page menu*/
color: black;
background: #c0c0c0;
cursor:default;
}
/*  ====================  END Menu / Navigator Styles ============================ */
/*  ==================== START Main Formatting Styles ============================ */
/* These styles relate to formatting - colours, fonts, headings, list elements, text spacing, line height, etc ONLY    
YGBC Colours
Gold 		#86713a
Dark Pink	#ee018c
Grey		#929292
*/
p {
line-height:1.4em
}
hr {
color:#c0c0c0;
height:2px;
}
li {
line-height:1.5em;
margin-top:5px;
}
h1 {
margin:10px 0 10px 0 ;
color:  #F50090;
font-size:20px;
}
h2 {
margin-top:2px;
color:  #F50090;
font-size:15px;
padding:2px
}
/*  ==================== END Main Formatting Styles ============================ */
/* =============== START Dynamic Content Styles ==================== */
/* Common styles - used on various dynamic elements   */
.heading , .heading a {
color:#F50090;
font-size:16px;
font-weight:bold;
line-height:1.1em;
margin-bottom:5px;
text-decoration:none;
}
.label {
color:#808080;
font-weight:bold;
padding:3px 0 3px 0;
}
.summary-text {
line-height:1.3em;
margin-bottom:5px;
font-size:10pt;
width:99%;
color:#606060;
}
table.list-table {
width: 99%;
float:left;
margin:10px 0px 20px 0px;
}
table.list-table td.label {
width:100px;
border-bottom: dashed 1px #e1e1e1;
padding:1px 10px 1px 0px;
vertical-align:top;
}
table.list-table td.wide {
width:150px;
}
table.list-table td.value {
color:#F50090;
border-bottom: dashed 1px #e1e1e1;
padding:1px 0px 1px 10px;
vertical-align:top;
}
/* -------- START Dynamic Summary View styles --------*/
/*     Used on the $$ViewTemplate that includes the summary view code   */
.summary-view-title {
margin:2px 0px 5px 0px;
color:  #F50090;
font-size:18px;
padding:2px;
font-weight:bold;
}
/*    Main blocks used in summary view, 1 per document */
div.summary-view-block {
float:left; 
/*border:solid 1px #FFC1E7; */
border:solid 1px #e1e1e1; 
/*background:url(/ygbc/images.nsf/images/RKIG-852BZK/$File/pink-fade2.jpg);*/
background:url(/ygbc/images.nsf/images/RKIG-852BQ7/$File/grey-fade2.jpg);
background-repeat: repeat-x;
background-position: top;
width:99%; 
margin:5px 0 10px 0;
padding: 0px; 
} 
/*   Thumbnail image container  - thumbnails should be 4:3 ratio in size  */
div.summary-view-block .thumbnail {
float:left;
border:0px;
width: 120px;
margin:10px 0px 10px 10px;
padding:0px;
overflow:hidden;
}
div.summary-view-block .thumbnail img {
padding:0px;
margin:0px;
width:120px;
border:0px;
}
/*   Summary block containing, heading, date, summary text and link to full document   */
.summary {
float:left;
border:solid 0px red;
padding:10px;
}
.link-to-full-doc {
text-align:right;
margin:6px 6px 0 0;
background:url(/ygbc/images.nsf/images/RKIG-82SFB4/$File/arrow_right_gold.gif) no-repeat right;
font-weight:bold;
}
.link-to-full-doc a {
color:#F50090;
text-decoration:none;
}
.link-to-full-doc a:hover {
color: #86713a;
}
/*   Basic and list type view entry styles  */
 .basic-heading {
color:#777;
font-size:12px;
font-weight:bold;
margin-bottom:0px;
text-decoration:none;
border-top:0px solid #e1e1e1; 
border-bottom:1px solid #e1e1e1; 
padding: 3px 0px 3px 0px;
}
.basic-heading a {
color:#F50090;
text-decoration:none;
background:url(/ygbc/images.nsf/images/RKIG-82SFB4/$File/arrow_right_gold.gif) no-repeat right;
}
.basic-heading a:hover {
color: #86713a;
}
/* Special highlights and styles */
div.new-member {
width:100px;
height:20px;
background:url('/ygbc/images.nsf/images/RKIG-84NBYP/$File/new-member.jpg') no-repeat;
float:right;
margin:-10px 0 0 0;
}
div.new-member-list {
width:100px;
height:16px;
background:url('/ygbc/images.nsf/images/RKIG-84NCTB/$File/new-member-list.jpg') no-repeat;
float:right;
clear:both;
margin:-0px;
}
/* -------- END Dynamic Summary View styles --------*/
/* -------- START Dynamic Full Document styles --------*/
/*  Links back to summary page    */
.link-to-summary-top,  .link-to-summary-bottom {
text-align:right;
margin:5px 40px 5px 0;
background:url(/ygbc/images.nsf/images/RKIG-82SFB4/$File/arrow_right_gold.gif) no-repeat right;
font-weight:bold;
}
 .link-to-summary-bottom {
clear:both;
margin:5px 10px 5px 0px;
}
.link-to-summary-top a , .link-to-summary-bottom a {
color:#F50090;
text-decoration:none;
}
.link-to-summary-top a:hover , .link-to-summary-bottom a:hover {
color: #86713a;
}
/*    Main block  */
.full-doc-block {
float:left; 
border:solid 1px #FFC1E7; 
border:solid 1px #e1e1e1;
background:url(/ygbc/web.nsf/files/images/$file/background-pink.jpg);
background:url(/ygbc/images.nsf/images/RKIG-852BQ7/$File/grey-fade2.jpg);
background-repeat: repeat-x;
background-position: top;
width:95%; 
padding: 0px; 
} 
.full-doc-block  .summary {
padding:20px;
}
.full-doc-block  #summary #date, #full-doc-block  #summary #website  {
margin:10px 0 10px 0;
}
.full-doc-block  .full-image {
float:right;
margin:0 0 10px 10px;
}
.full-doc-block .file-attachments {
border-top:dashed 1px #c0c0c0;
margin: 10px 0 10px 0;
padding:10px 0 0 0;
}
/* -------- END Dynamic Full Document styles --------*/
/* =============== END Dynamic Content Styles ==================== */