/* Content Items */

.box {
	border: 1px solid #666666;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.box p {
	width: 60%;
}


.boxes3left {
	padding-right: 0;
	padding-left: 0;
	width: 32%;
	float: left;
	padding-top: 0;
	padding-bottom: 4px;
	margin-right: 1%;
	
}

.boxes3middle {
	padding-right: 0;
	padding-left: 0;
	width: 32%;
	float: left;
	padding-top: 0;
	padding-bottom: 4px;
	margin-right: 1%;

}

.boxes3right {
	width: 32%;
	float: left;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 4px;
}

.blueboxgrad {
	border: 1px solid #666666;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #FFFFFF;
	background-image: url(/images/bluegrad.png);
}

.blueboxgrad2 {
	border: 1px solid #0061AA;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #FFFFFF;
	background-image: url(/images/bluegrad.png);	
}

#mainContent .blueboxgrad2 p {
	font-size: 70%;
	width: 65%;
	padding: 4px;
	line-height: 1.1em;
	
}

#mainContent .blueboxgrad2 div {
	background-repeat:no-repeat;
	width: 100%; 
	height: 100%; 
	padding-top: 4px; 
}

#mainContent .blueboxgrad2 h5 {
	padding-left: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 70%;
}

.address p span.pre {
	display: block;
	width: 45px;
}


/**
* Blue panels **
*/
.Panel {
	width: auto;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.Panel div {
	overflow: hidden;
}

h4.TabWide{
	width: auto;
	line-height: 1.3em;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color:#E6F3E6;
}

/**
* Tables **
*/
#mainContent table {
	width: 100%;
	empty-cells: show;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
#mainContent table caption{
	font-size: 60%;
}
#mainContent table th {
	background-color: #CCCCCC;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;	
}

#mainContent table th, #mainContent table td {
	font-size: 70%;
	padding: 1px;
	border-collapse: collapse;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;	
	text-align: center;	
}

#mainContent table td {
	border-left-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#mainContent td.greyBack {
	background-color: #CCCCCC;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;	
}
#mainContent td.orangeBack {
	background-color: #FF6600;
	color:#FFFFFF;
}
#mainContent td.redBack {
	background-color: #FF0000;
	color:#FFFFFF;
}
#mainContent td.redHyperBack {
	background-color: #990000;
	color:#FFFFFF;
}
#mainContent td.superRedBack {
	background-color: #FF0066;
	color:#FFFFFF;
}
#mainContent td.redOrangeBack {
	background-color: #CC6600;
	color:#FFFFFF;
}
#mainContent td.greenBack {
	background-color: #009933;
	color:#FFFFFF;
}
#mainContent td.verdeGreenBack {
	background-color: #0EA4AA;
	color:#FFFFFF;
}
#mainContent td.yellowGreenBack {
	background-color: #C7D726;
	color:#000000;
}
#mainContent td.yellowBack {
	background-color: #FFFF00;
}
#mainContent td.neutralWhiteBack {
	background-color: #FFFEEC;
}
#mainContent td.hotWhiteBack {
	background-color: #F5DFDA;
}
#mainContent td.warmWhiteBack {
	background-color: #FFFFCC;
}
#mainContent td.lampWhiteBack {
	background-color: #FFF5C5;
}
#mainContent td.greenRedBack {
	background-image: url(../images/GreenRedBack.png);
	background-repeat: repeat-x;
	background-position: center center;
	color:#FFFFFF;
}
#mainContent td.greenOrangeBack {
	background-image: url(../images/GreenOrangeBack.png);
	background-repeat: repeat-x;
	background-position: center center;
	color:#FFFFFF;
}
#mainContent td.yellowGreenRedBack {
	background-image: url(../images/YellowGreen-RedBack.png);
	background-repeat: repeat-x;
	background-position: center center;
	color:#000000;
}
#mainContent td.redGreenBlueBack {
	background-image: url(../images/RedGreenBlueBack.png);
	background-repeat: repeat-x;
	background-position: center center;
	color:#FFFFFF;
}
#mainContent td.orangeRedBack {
	background-image: url(../images/Orange-RedBack.png);
	background-repeat: repeat-x;
	background-position: center center;
	color:#FFFFFF;
}
#mainContent td.blueDeepBack {
	background-color: #000066;
	color:#FFFFFF;
}
#mainContent td.blueBack {
	background-color: #0099FF;
	color:#FFFFFF;
}
#mainContent td.ultraWhiteBack {
	background-color: #E7EFFF;
}
#mainContent td.mintBack {
	background-color: #D2EBDA;
}
/**
* News **
*/
img.thumbnail {
	width: 6em;
}

#styles {
display: inline;
background-color: #ffffff;
z-index: 3;

}
#custom {
display: none;
background-color: #ffffff;
width:630px;
height: 330px;
border: 1px solid #aaaaaa;
padding: 10px;
z-index: 3;



}
#drive {
display: none;
background-color: #ffffff;
width:630px;
height: 330px;
border: 1px solid #aaaaaa;
padding: 10px;
z-index: 3;


}

#data {
display: none;
background-color: #ffffff;
width:630px;
height: 330px;
border: 1px solid #aaaaaa;
padding: 10px;
z-index: 3;

}

#mainNav #recaptcha_image,  
#mainNav #recaptcha_image img   
{  
    width: 200px !important;  
    cursor: pointer; 
	height: auto; 
} 

#homePanel {
	position: relative;
	overflow: hidden;
}

#homeTitle {
	position: absolute;
	top: 25px;
	left: 0px;
	background-color: #000000;
	padding: 5px;
	width: 370px;
	height: 40px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#homeTitle2 {
	position: absolute;
	top: 20px;
	left: 0px;
	background-color: transparent;
	padding: 5px;
	width: 400px;
	height: 70px;
}

#homeTitle3 {
	position: absolute;
	top: 20px;
	left: 0px;
	background-color: transparent;
	padding: 5px;
	width: 450px;
	height: 70px;
}


#homeTitleSem {
	position: absolute;
	top: 60px;
	left: 0px;
	background-color: transparent;
	padding: 5px;
	width: 400px;
	height: 160px;
}

#homeTitle2back {
	position: absolute;
	top: 20px;
	left: 0px;
	background-color: #000000;
	padding: 0px;
	width: 400px;
	height: 70px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#homeTitleSemback {
	position: absolute;
	top: 60px;
	left: 0px;
	background-color: #000000;
	padding: 0px;
	width: 400px;
	height: 160px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#homeTitle h1, #homeTitle2 h1, #homeTitle3 h1 {
	color: #ffffff;
	font-size: 140%;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
}

#homeTitleSem h1 {
	color: #ffffff;
	font-size: 160%;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
}

#homeTitleSem h2 {
	color: #ffffff;
	font-size: 120%;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
}

#homeTitleSem h3 {
	color: #ffffff;
	font-size: 100%;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
}

#homeCopy3 {
	position: absolute;
	right: 20px;
	bottom: 22px;
	width: auto;
	z-index: 50;
	font-size:110%;
	color: #ffffff;
}


#homeCopy3Back {
	position: absolute;
	right: 0px;
	bottom: 20px;
	width: 50%;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	background-color: #000000;
	height: 30px;
	z-index: 25;
}

#homeCopy p {
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	
}

#homeCopy2 p, #homeCopy3 p, #homeCopy4 p {
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	
}
#homeCopy3Back {
	position: absolute;
	right: 0px;
	bottom: 23px;
	width: 50%;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	background-color: #000000;
	height: 30px;
	z-index: 25;
}

#homeCopy p {
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	
}

#homeCopy2 p, #homeCopy3 p, #homeCopy4 p {
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	
}