a:link {
	text-decoration: none;
	color: #012467;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #012467;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #BBBBBB;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.comments a:link {
    text-decoration: none;
	color: #012467;
	font-weight: bold;   
}

.comments a:visited {
    text-decoration: none;
	color: #012467;
	font-weight: bold;   
}

.comments a:hover {
    text-decoration: none;
	color: #BBBBBB;
	font-weight: bold;  
}

.comments a:active {
    text-decoration: none;
	color: #333333;
	font-weight: bold;  
}





body, table {
color: #333333;
font-family: Verdana;
font-size: 10px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;	
}

/*--------------BOARD---------------------*/
.thumb {
	border: solid 2px #686868;
	
	
}

.heading {
	color: #012467;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin-bottom:5px;
}



/*--------------BOARD-END--------------------*/

.pageTitle {
color: #333333;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
}

.pageHeading {
color: #012467;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
first-letter;
}

.panelTitle {
color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
}	

.textLarge {
color: #333333;
font-family: Verdana;
font-size: 12px;
text-decoration: none;
}

.textSml {
color: #333333;
font-family: Arial;
font-size: 9px;
text-decoration: none;
}

.textWhite {
color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
}

.textLocked {
color: #CA0D0E;
font-family: Verdana;
font-size: 9px;
text-decoration: none;
}

.textMore {
color: #333333;
font-family: Verdana;
font-size: 9px;
text-decoration: none;
}

.tableContent {
padding: 5px;
}

.textfield {
background-color: #FFFFFF;
color: #333333;
font-family: Verdana;
font-size: 10px;
border: 1px solid #C9C9C9;
width: 120px;
}

text {
background-color: #FFFFFF;
color: #333333;
font-family: Verdana;
font-size: 10px;
border: 1px solid #C9C9C9;
width: 120px;
}

.textfieldLogin {
background-color: #FFFFFF;
color: #333333;
font-family: Verdana;
font-size: 10px;
border: 1px solid #C9C9C9;
width: 80px;
}

.textfieldSearch {
background-color: #FFFFFF;
color: #333333;
font-family: Verdana;
font-size: 10px;
border: 1px solid #C9C9C9;
width: 80px;
}

textarea {
background-color: #FFFFFF;
color: #333333;
font-family: Verdana;
font-size: 10px;
border: 1px solid #C9C9C9;
width: 150px;
}


select {
background-color: #FFFFFF;
color: #333333;
font-family: Verdana;
font-size: 10px;
border: 1px solid #C9C9C9;
}

.button {
font-family: verdana;
font-size: 10px;
font-weight: normal;
width: 80px;
padding: 0px;
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #333333;
background-color: #333333;
cursor: pointer;
text-transform: uppercase;
}

.buttonSearch {
font-family: verdana;
font-size: 10px;
font-weight: normal;
width: 120px;
padding: 2px;
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #EBEBEB;
background-color: #333333;
cursor: pointer;
text-transform: uppercase;
}

.buttonSearchLrg {
font-family: verdana;
font-size: 10px;
font-weight: normal;
width: 150px;
padding: 2px;
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #EBEBEB;
background-color: #333333;
cursor: pointer;
text-transform: uppercase;
}

.cascadingMenu div {
	background-color : #E3E3E3;
	width : 120;
	height : 16;
	padding: 0px;
	cursor : pointer;
	font-size : 10;
	font-family : Verdana;
	color: #333333;
	font-weight : normal;
	overflow : hidden;
	border: 0px;
}

a.nav:link {
	text-decoration: none;
	color: #333333;
}
a.nav:visited {
	text-decoration: none;
	color: #333333;
}
a.nav:hover {
	text-decoration: none;
	color: #0066FF;
}
a.nav:active {
	text-decoration: none;
	color: #333333;
}
#nav a {
	width: 178px;
	position: relative;
	text-align: left;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
}
#nav a:hover {
	background: #DBDBDB;
	width: 178px;
	position: relative;
	text-align: left;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
}

hr { 
	color: #CDCDCD; 
	background-color: #CDCDCD; 
	height: 1px;
}

ol {
	color: #333333;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}
ul {
	list-style-image: url(/portal/fairnew/images/site/bullet.gif);
}

/*li {
	list-style-image: url(/portal/fairnew/images/site/bullet.gif);
}*/

tr.off {
	background: #FFFFFF;
}

tr.on {
	background:#E1EDFB;
}
	

/* start of BB css */


			
			.bb_window_menu a {
			text-decoration:none;
			color:(#COLOR5#);
			font-size:8pt;
			font-family:verdana,tahoma,arial;
			}
			
			.bb_window_menu a:hover {
			text-decoration:none;
			font-weight:bold;
			color:(#COLOR2#);
			font-size:8pt;
			font-family:verdana,tahoma,arial;
			}
			
			.bb_window_menu a:visited {
			text-decoration:none;
			color:(#COLOR5#);
			font-size:8pt;
			font-family:verdana,tahoma,arial;
			}
			
			img{
			border:0px;
			}
			
			.system_box{
			background:(#COLOR1#);
			border: 1px solid (#COLOR2#);
			padding:5px;
			margin:5px;
			}
			
			.rss_box{
			background:(#COLOR1#);
			border: 1px solid (#COLOR2#);
			padding:5px;
			margin:5px;
			}

					
			/******************************************************/
			/************CSS for the Dynamic Menus*****************/
			/*this is the css for the vertical version of the menu*/
			.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid;
			width: 150px;
			}
			.vertical li a{
			display: block;
			width: 150px;
			text-decoration: none;
			height: 1.2em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
			}
			.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
			}
			.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			margin-left: 150px;
			}
			/*this is the css for the horizontal version*/
			.horizontal ul{
			list-style-type: none;
			padding: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;
			}
			.horizontal li{
			float: left;
			display: inline;
			}
			.horizontal li a{
			text-decoration: none;
			height: 1.2em;
			float: left;
			display: block;
			width: 125px;
			padding: .1em 1px;
			border: 1px solid;
			border-left: none;
			}
			.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
			}
			.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 129px;
			border: none;
			display: block;
			height: auto;
			border-top: 1px solid;
			}
			.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 125px;
			}
			.horizontal li ul li a{
			width: 125px;
			}
			/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
			/*Not sure if I recommend this or not*/
			.inaccesible li ul{
			display: none;
			}
			/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
			.arrow a span{
			padding-left: 1em;
			font-size: 85%;  
			}
			.arrow a:hover span{
			padding-left: 2em;
			}
			.arrow a span.noshow{
			visibility: hidden;
			}
			/*Plus code*/
			.plus a span{
			padding-left: .5em;
			}
			/*colors for menu*/
			.bb_menu li a{
			background-color: <!--:template:color2:-->;
			color: <!--:template:color6:-->;
			border-color: <!--:template:color5:-->;
			}
			.bb_menu li a:hover{
			background-color: <!--:template:color5:-->;
			color: <!--:template:color3:-->;
			border-color: <!--:template:color5:-->;
			}
			.bb_menu li a:visited{
			color: <!--:template:color6:-->;
			}
			.bb_menu ul{
			border: none;
			//border-color: <!--:template:color5:-->;
			}
			/*Not really sure why IE needs all these,but hey it works!*/
			.horizontal  li ul{
			margin-top: 1.4em;
			margin-left: -129px;
			}	
			.horizontal  li li ul{
			position: absolute;
			left: 0px;
			}
			/*These assist the iframe shim*/
			.mlmenu iframe{
			position: absolute;
			display: none;
			filter: alpha(opacity=0);
			z-index: 2;
			}
			select,object,iframe{
			z-index: 1;
			}
			
			/************************************/
			/* this section is for the tree menus */
			@media screen, print { 
			/* Turn off list bullets */
			ul.mktree  li { list-style: none; } 
			/* Control how "spaced out" the tree is */
			ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
			/* Provide space for our own "bullet" inside the LI */
			ul.mktree  li           .bullet { padding-left: 15px; }
			/* Show "bullets" in the links, depending on the class of the LI that the link's in */
			ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(portal/images/folderopen.gif)  center left no-repeat; }
			ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(portal/images/folder_plus.gif)   center left no-repeat; }
			ul.mktree  li.liBullet  .bullet { cursor: default; background: url(portal/images/folder.gif) center left no-repeat; }
			ul.mktree  li.treeItem  .bullet { cursor: default; background: url(portal/images/folder_doc.gif) center left no-repeat; }
			/* Sublists are visible or not based on class of parent LI */
			ul.mktree  li.liOpen    ul { display: block; }
			ul.mktree  li.liClosed  ul { display: none; }
			/* Format menu items differently depending on what level of the tree they are in */
			ul.mktree  li { font-size: 10pt; }
			a.treeItem { font-size: 10pt; }
			a:hover.treeItem  { font-size: 10pt; font-weight: bold; }
			a:visited.treeItem  { font-size: 10pt; }
			
			/* this section is for the ajax auto complete */
			/* Big box with list of options */
			#ajax_listOfOptions{
			position:absolute;	/* Never change this one */
			width:175px;	/* Width of box */
			height:250px;	/* Height of box */
			overflow:auto;	/* Scrolling features */
			border:1px solid black;	/* Dark green border */
			background-color: white;	/* White background color */
			text-align:left;
			font-size:0.9em;
			z-index:100;
			}
			#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
			margin:1px;		
			padding:1px;
			cursor:pointer;
			font-size:0.9em;
			}
			#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
			
			}
			#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
			background-color: (#COLOR5#);
			color: white;
			}
			#ajax_listOfOptions_iframe{
			background-color:#F00;
			position:absolute;
			z-index:5;
			}
			}
			
			/************************************/
			/* this section is for the calendar */
			.calendar td {
			}
			.calendar-box {
			}
			.calendar td {
			background-color:(#COLOR1#);
			font-size:8pt;
			text-align:center;
			width:10%;
			height:20%;
			}
			.calendar a:link {
			font-size:8pt;
			}
			.calendar a:visited {
			font-size:8pt;
			}
			.calendar a:hover {
			font-size:8pt;
			text-decoration:underline;
			}
			.calendar-month {
			background-color:(#COLOR1#);
			font-size:9pt;
			color:(#COLOR5#);
			font-weight:bold;
			}
			.calendar-days th{
			background-color:(#COLOR6#);
			font-size:7pt;
			color:(#COLOR5#);
			font-weight:normal;
			}