/* MV BUTE style sheet - Mark Yeomans and Nigel Davis - February 2010 */

/* BACKGROUND */
.body					{background-color: #000022; color: #000000; font-family: arial, helvetica, sans-serif; margin-left: 10; margin-right: 10; margin-top: 10; margin-bottom: 10; font-size: 9pt;}

.leftimage				{ float: left;  padding: 2px 10px 2px 0px; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #AAAAAA; text-align: justify; }
.rightimage				{ float: right; padding: 2px 0px 2px 10px; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #AAAAAA; text-align: justify; }
.right-header-logo		{ float: right; padding: 10px 10px 10px 10px; background-color: transparent; }

/* ALIGNMENT */
.l						{ text-align: left; }
.c						{ text-align: center; }
.r						{ text-align: right; }
.j						{ text-align: justify; }

/* COLORS */
.color-01				{ color: #000000; }	/* black */
.color-02				{ color: #FFFFFF; }	/* white */
.color-03				{ color: #CC0000; }	/* dk red */
.color-04				{ color: #435873; }	/* dk blue */
.color-05				{ color: #7e96b7; }	/* lt blue */
.color-06				{ color: #777777; }	/* med gray */
.color-07				{ color: #efebb3; }	/* lt yellow */
.color-08				{ color: #b7c8d5; }	/* lol */


/* TEXT */
.text-7					{ font-family: Arial, Helvetica, sans-serif; font-size: 7pt; }
.text-8					{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }
.text-9					{ font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
.text-10				{ font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.text-11				{ font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }
.text-12				{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }
.text-13				{ font-family: Arial, Helvetica, sans-serif; font-size: 13pt; }
.text-14				{ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; }
.text-15				{ font-family: Arial, Helvetica, sans-serif; font-size: 15pt; }
.text-16				{ font-family: Arial, Helvetica, sans-serif; font-size: 16pt; }
.text-17				{ font-family: Arial, Helvetica, sans-serif; font-size: 17pt; }
.text-20				{ font-family: Arial, Helvetica, sans-serif; font-size: 20pt; }
.text-24				{ font-family: Arial, Helvetica, sans-serif; font-size: 24pt; }
.text-30				{ font-family: Arial, Helvetica, sans-serif; font-size: 30pt; }

.header-text-big		{ font-family: Arial, Helvetica, sans-serif; font-size: 20pt; }
.header-text-normal		{ font-family: Arial, Helvetica, sans-serif; font-size: 13pt; padding-left: 10px; }

.page-heading			{ font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; }
.page-heading :visited	{ color: #000066; text-decoration: none; }
.page-heading :link		{ color: #000066; text-decoration: none; } 
.page-heading :hover	{ color: #CC0000; text-decoration: underline; }
.page-heading :active	{ color: #000066; text-decoration: none; }



.line-height-normal		{ line-height: 22px; }						

/* TEMPLATE CHART CELL BACKGROUNDS */

.chart-top				{background-image: url('../images/template-images/t.gif'); background-color: #FFFFFF; }
.chart-left				{background-image: url('../images/template-images/l.gif'); background-color: #FFFFFF; }
.chart-right			{background-image: url('../images/template-images/r.gif'); background-color: #FFFFFF; }
.chart-bottom			{background-image: url('../images/template-images/b.gif'); background-color: #FFFFFF; }
.chart-bg				{background-image: url('../images/template-images/main-bg.gif'); background-color: #FFFFDD; }



/* VAR */

H2						{ font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; }

.gallery_List{list-style-type:none;}

.clearcols				{clear:both;}


h1						{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; padding-left: 50px; padding-top: 10px; font-weight: bold; }
h1 :visited				{ color: #000066; text-decoration: none; }
h1 :link				{ color: #000066; text-decoration: none; } 
h1 :hover				{ color: #FF0000; text-decoration: underline; }
h1 :active				{ color: #000066; text-decoration: none; }

.link-scroller{color:#FFFFFF;}

.B_crumbBox a			{ color: #435873; font-weight: bold; text-decoration: none; font-size: 8pt;}
.B_crumbBox :hover		{ color: #FF0000; text-decoration: underline; }

.B_lastCrumb a{color:#CC0000; font-weight: bold;}


/* CLOSE WINDOW BUTTONS */
.button { width: 150px; font-size: 9pt; font-family:Verdana,Arial,Helvetica,sans-serif; background-color: #FFFFFF; color: #253D58; font-weight:bold; border: 3px double #253D58; }
.button:hover { cursor:pointer; cursor:hand; }


.footer-bg				{ background: #515d6E url('../images/template-images/footer.gif') repeat; }
.header-bg				{ background: #515d6E; }

.logintext				{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: right; padding-right: 10px; padding-top: 10px; color: #000050; }
.logintext :visited		{ color: #000066; text-decoration: none; }
.logintext :link		{ color: #000066; text-decoration: none; } 
.logintext :hover		{ color: #FF0000; text-decoration: underline; }
.logintext :active		{ color: #000066; text-decoration: none; }

/* LINKS */

.link-admin:visited		{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
.link-admin:link		{ color: #FFFFFF; text-decoration: none; font-weight: bold; } 
.link-admin:hover		{ color: #EFEBB3; text-decoration: underline; font-weight: bold; }
.link-admin:active		{ color: #FFFFFF; text-decoration: none; font-weight: bold; }

.link-normal:visited	{ color: #000066; text-decoration: none;  font-weight: bold; }
.link-normal:link		{ color: #000066; text-decoration: none;  font-weight: bold; } 
.link-normal:hover		{ color: #FF0000; text-decoration: underline;  font-weight: bold; } 
.link-normal:active		{ color: #000066; text-decoration: none;  font-weight: bold; }


.link-scroller :link	{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
.link-scroller :visited	{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
.link-scroller :hover	{ color: #FFFFFF; text-decoration: underline; font-weight: bold; }
.link-scroller :active	{ color: #FFFFFF; text-decoration: none; font-weight: bold; }


/* GLOSSARY */
.glossary-highlight     { color: #FFFFFF; background-color: #7e96b7; }
.sub-nav :visited       { text-decoration: none; font-family: Arial,sans-serif; font-weight: bold; font-size: 9pt; color: #000000; }


/* SCROLL BARS */
body					{ SCROLLBAR-FACE-COLOR: CCCCCC; SCROLLBAR-HIGHLIGHT-COLOR: FFFFFF; SCROLLBAR-SHADOW-COLOR: CCCCCC;  SCROLLBAR-3DLIGHT-COLOR: FFFFFF; SCROLLBAR-ARROW-COLOR: FF0000; SCROLLBAR-TRACK-COLOR: EEEEEE; SCROLLBAR-DARKSHADOW-COLOR: EEEEEE }


/* THUMBNAILS */
#triggers {text-align:center;}
#triggers img {background-color:#fff; padding:2px; border:1px solid #aaa; margin:15px 2px; -moz-border-radius:4px;	-webkit-border-radius:4px;}
/* the active thumbnail */
#triggers a.active img { outline:1px solid #666; /* show on top of the expose mask */ z-index:9999; position:relative;}




/* LARGE IMAGE. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../images/h80.png) repeat-x;		
}









/* OVERLAYED ELEMENT */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #777;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 60px 5px #002;
	-webkit-box-shadow: 0 0 60px #002;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}











#header {
background-color:transparent;
height:75px;
margin:0 auto;
width:100%;
}
#footer {
	
	width: 100%;
	background-color:white;
	margin:0 auto;
}
.wrapper {
 background-color:grey;
}
#clockpod{
	float:right;
	margin-right:10px;
	margin-top:1px;
	
}

#container {
 	width:100%;
	top: 0px;
	margin: 0 auto; 	/* align for good browsers */
	text-align: left; 	/* counter the body center */
	background-color: #FFFFFF;
}
body {
	text-align: center;	/* for IE */
	background-color: blue;
}

#mainbody{
background-color:white;

margin:0 auto;
width:100%;	
}

#clockid{
height:50px;
width:50px;	
	
}

#hdr_left{
float:left;
}



/*glossary list*/

.listNav { margin:0 0 10px; }
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid #AAAAAA; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid #AAAAAA; }

.ln-letters a:link { color:#000066; text-decoration:none; font-weight: bold; }

.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#FF0000; }
.ln-letters a.ln-disabled { color:#DDDDDD; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#FF0000; }

#loadedDef{ text-align:left; }

#GlossList li{ border:1px solid; color:#AAAAAA; display:none; float:left; height:100%; list-style:none outside none; margin:2px 2px 2px; padding:1px; width:110px; text-align:center; }

#GlossList_Edit li{ border:1px solid; color:#AAAAAA; height:100%; list-style:none outside none; margin:2px 2px 2px; padding:1px; width:720px; text-align:left; }

#GlossList_Edit		{padding:0;}


.showyes{background:#EAF3DE;}
.showno{background:#F3E4DE;}
.glossdelete_trans{width:18px;height:22px; border:none;}
.glossdelete{background:url("../images/delete.gif") no-repeat scroll 0 0 transparent; height:22px; display:block;}
.glossdelete :hover{background:url("../images/delete.gif") no-repeat scroll 0 -22px transparent;}



#GlossList li a:visited { color:#000066; text-decoration:none; font-weight: bold; }
#GlossList li a:link { color:#000066; text-decoration:none; font-weight: bold; }
#GlossList li a:hover { color:#FF0000; text-decoration:underline; font-weight: bold; }
#GlossList li a:active { color:#FF0000; text-decoration:none; font-weight: bold; }

#GlossList-nav	{ margin-left:105px; }
.glosscol		{float:left;}
.glosscol1		{width:250px;}
.glosscol2		{width:90px;}
.glosscol3		{width:40px;}
.glosscol4		{width:250px;}