@charset "utf-8";
/* CSS Document */

body {
	background-image: url(content/image/index_background_tricycle_dim.jpg); 
	background-size: 1100px; 1036px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #020202; }

body,td,th {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size:12.5px; color: #ABABAB; line-height: 148% }

a:link {color: #FDFDFD; text-decoration: none; font-style: italic; font-size:13px; line-height: 148%}
a:visited {color: #FDFDFD; text-decoration: none; font-style: italic; font-size:13px; line-height: 148%}
a:hover {color: #FDFDFD; text-decoration: underline; font-style: italic; font-size:13px; line-height: 148%}
a:active {color: #FDFDFD; text-decoration: none; font-style: italic; font-size:13px; line-height: 148%}

/* style1 is for the main header */
.style1 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 27px; color: #FDFDFD; line-height: 140% }
/* style2 is for main subheader */
.style2 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 21px; color: #646464; line-height: 130%; font-style: italic;  }
/* style3 is for the smaller headings - media, news, etc */
.style3 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 23px; color: #BCBCBC; line-height: 125%; }
/* style4 normal 13 white font, for popup instrumentation listings */ 
.style4 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 13px; color: #EEEEEE; line-height: 148% }
/* style5 is bigger header - COMPOSITIONS, Any Lucky Ten in popups, etc */
.style5 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 15px; color: #FDFDFD; line-height: 148%; font-weight: bold;  }
/* style6 is default font, 13, grey */
.style6 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 13px; color: #ABABAB; line-height: 148% }
/* style7 is tiny font */
.style7 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 10px; color: #BBBBBB; line-height: 148% }
/* style8 is bigger header, like 5, bug greyer - news dates */
.style8 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 15px; color: #EEEEEE; line-height: 148%; font-weight: bold;  }
/* style9 is tiny font but darker*/
.style9 {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 10px; color: #999999; line-height: 148% }


/* boldlinks normal 13 white font, bolded, for links that need emphasis */ 
.boldlinks {font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size: 13px; color: #EEEEEE; line-height: 150%; font-weight: bold;   }


/* main div */
#master {
	width: 1150px;
	float:left; }

/* program icons */
.procons {
	width: 13px;
	height: 13px;
	border-width: 0px; }

/* bigger program icons */
.bigcons {
	width: 15px;
	height: 15px;
	border-width: 0px; }

/* spacer row in the media section */
.mediaspacer {
	height: 8px;  }


/* smallerspacer row in the media section */
.mediaspacer2 {
	height: 2px; }

/* spacing b/w the title and content text in the (news and olds) section */
.2pxspacer {
	height: 2px; }

/* box for the text in the news (and olds) section */
.eventtext {
	text-align:justify;
	width: 512px;
/*	margin-bottom: 10px;*/
	padding-left: 15px; }

/* spacer row in the news (and olds) section */
.eventspacer {
	height: 16px;
	/*background-color: #999999;*/
	/*margin-bottom: 3px;*/
	margin-left: 15px; }
	
/* spacer row in the about tooltips */
.aboutspacer {
	height: 10px; }

/* class definition to keep forms inline, with no margins */
.form_inline {
	margin: 0px 0px 0px 0px;
	display:inline;  }

/* style for the small picture buttons, with and without tooltips */
.picturebutton {
	height:12px;
	width:12px; 
	border-style:solid;
	border-width:1px;
	border-color:#BBBBBB; }

/* styling for all tooltip popup boxes */
.tooltiptext {
	display: none;
	border: 4px solid #CCCCCC;
	background-color: #181818;
	padding: 20px;
	text-align: justify;
	width: 430px;
	z-index:3000; }

.tooltipimage {
	display: none;
	border: 4px solid #CCCCCC;
	background-color: #181818;
	padding: 25px;
	text-align: justify;
	z-index:3000; }

/* styling for browser warning box */
.browserwarning {
	display:none;
	position:relative;
	width:1150;
	top:50px;
	border: 4px solid #CCCCCC;
	background-color: #181818;
	margin-bottom:500px;
	padding: 100px;
	text-align: justify;
	z-index:3001; }