﻿html,body {
	margin:0;
	padding:0;
	color:#000;
	background:#fff url(bg.gif);
	}
body {
	padding:10px;
	font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}
p {margin:1em 0;}
#labfooter {
	text-align:center;
	clear:both;
	}

/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbbx {
	padding:0 10px;
	margin:1em 0;
	background:#fff;
	border:1px solid #666;
	}
.cbbx h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cbx {
	margin:0.5em 0;
	}

/* Rules for the top corners and border */
.bt {
	background:url(box.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
	}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(box.png) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:14px;
	}
.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(box.png) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(borders.png) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
	}
/* CSS for the box ends here */


/* Just a bit of styling for this example. Adjust as you wish. */
.cbx h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	
	
	
.bevelmenu
{
    font: 10px arial;
    margin: 0;
    width: 100%;
    background-color: #FFE271;
    padding-right: 0;
    padding-left: 0;
}
.bevelmenu
{
    border-color: Blue;
    border-style: none none none solid;
    border-width: 2px;
    padding: 5px;
}

.bevelmenu:hover
{
    color: black;
    background-color: #FFF2BF;
    display: inline;
}
    
body
{
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.floatLeft
{
    float: left;
    margin: 4px;
}
.mainFrame
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;

}

.PageHeader
{
    font-weight: bold;
    font-size: 16pt;
    color: white;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.InsetDarkBlue
{
    border-right: silver solid;
    border-top: silver solid;
    border-left: silver solid;
    border-bottom: silver solid;
    background-color: #d7e2f9;
    padding-right: 2px;
    padding-left: 2px;
    width: 98%;
}
.GraphicHeaderTitle
{
    font-weight: bold;
    font-size: 12pt;
    color: white;
    font-family: arial;
}
.GridHLColor
{
    color: white;
}
.ItemTemplate
{
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    color: white;
    padding-top: 2px;
    background-color: #446aa0;
    width: 100%;
}

.AlteringItemTemplate
{
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    color: white;
    padding-top: 2px;
    background-color: #224468;
    width: 100%;
}

.FooterStyle
{
    font-size: 10pt;
    color: white;
    text-align: center;
}

.BodyFont
{
    color: blue;
    font-family: Arial;
}

.PackageHeader
{
    font-size: 12pt;
    color: #ddc9b1;
    font-family: arial;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    padding-left: 5px;
}

.albummouseover
{
    cursor: hand;
    background-color: Blue;
} 

.albummouseout
{
    cursor: hand;
    background-color: black;
} 

.mygreentab
{
    font-size: 10pt;
    font-family: arial;
    background-color: transparent;
    background-image: url(images/greentab.jpg);
    width: 115px;
    height: 35px;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
}
.myredtab
{
    font-size: 10pt;
    font-family: arial;
    background-color: transparent;
    background-image: url(images/redtab.jpg);
    width: 115px;
    height: 35px;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
}
.myyellowtab
{
    font-size: 10pt;
    font-family: arial;
    background-color: transparent;
    background-image: url(images/yellowtab.jpg);
    width: 115px;
    height: 35px;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;

}

.hlink
{
    color: Blue;
    font-family: arial;
    font-size: 10pt;
}
.TableHeader
{
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    color: White;
    text-align: right;
    padding-bottom: 5px;
    padding-top: 5px;
}
.TableFooter
{
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    color: White;
    text-align: Right;
    padding-bottom: 5px;
    padding-top: 5px;
}

.NewsTitle
{
    font-weight: bold;
    font-size: 14pt;
    text-transform: capitalize;
    color: White;
    font-family: Arial;
}
.RotatorFrame
{
    border-right: yellow ridge;
    border-top: yellow ridge;
    border-left: yellow ridge;
    border-bottom: yellow ridge;
}
a:link
{
    font-size: 10pt;
    color: #79b3de;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    color: White;
}

a:visited
{
    color: white;
    text-decoration: none;
}


.ArticleNewsType
{
    font-weight: bold;
    vertical-align: middle;
    color: White;
    background-color: #284261;
    text-align: center;
    font-size: 14pt;
    padding-bottom: 10px;
    padding-top: 10px;
    border-right: white inset;
    border-top: white inset;
    border-left: white inset;
    border-bottom: white inset;
    padding-right: 5px;
    padding-left: 5px;
}

.ArticleDetails
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    color: white;
    padding-top: 10px;
    font-family: Arial;
 
}

.ArticleAuthor
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    color: white;
    padding-top: 10px;
    font-family: Arial;
    text-align: right;
    font-weight: bold;
    font-style: italic;
}

.BlogHeader
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    color: White;
    padding-top: 5px;
    font-family: Arial;
    background-color: #e5e5e5;
    border-right: white inset;
    border-top: white inset;
    border-left: white inset;
    border-bottom: white inset;
    font-size: 8pt;
}


.TestimonialHeader
{
    font-size: 14pt;
    color: maroon;
    font-family: Arial;
    background-color: #ffffcc;
    border-right: white inset;
    border-top: white inset;
    border-left: white inset;
    border-bottom: white inset;
}
.yellowThing
{
    font-size: 8px;
    color: #FFFF00;
}

