/* CSS Document */

BODY, body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#000000; background: url(../images/template/silver_back.png); padding:0; margin:0;}
P, p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#000000}
img{border:solid 1px #FF0000;}

/* Layout */
/* Need to use some javascript to center idMid */
#idPage{ width:100%}
#idShaddowTop{background: url(../images/template/silver_back_shaddow_top.gif) bottom left repeat-x; height:50px; width:100%}
#idMid{background: url(../images/template/black_back.gif); height:540px; width:100%; text-align:center;}
	#idToCenterContent{width:1000px; margin:auto 0;}
		#idHeader{width:1000px; float:left; text-align:left; position:relative; left:5px; top:-24px;}
		#idLinks{width:144px; float:left; position:relative; left:30px; top:-5px; text-align:left}
		#idMain{background:url(../images/template/main_back.png) top left no-repeat; float:left; width:726px; height:521px; position:relative; z-index:20; left:25px; top:-40px; padding-top:20px; padding-left:20px; text-align:left}
		#idMainSquare{background:url(../images/template/main_back_square.png) top left no-repeat; float:left; width:726px; height:521px; position:relative; left:25px; top:-40px; padding-top:20px; padding-left:20px; text-align:left}
			#idMainText{ width:520px; height:490px; overflow:auto}
			#idMainTextLong{ width:700px; height:490px; overflow:hidden}
			#idMainTextSquare{ width:680px; height:480px; overflow:auto}
		#idRightLinksBack{background:url(../images/template/right_links.png) top left no-repeat; width:274px; height:189px; text-align:left; color:#FFFFFF; position:absolute; z-index:1; top:375px; left:690px; line-height:20pt}
		#idRightLinks{width:150px; height:189px; text-align:left; color:#FFFFFF; position:absolute; z-index:2; top:380px; left:690px; line-height:19pt}
#idShaddowBot{background: url(../images/template/silver_back_shaddow_bot.gif) top left repeat-x; height:15px; width:100%}
#idFooter{text-align:center; width:100%; float:left; position:relative; left:0; top:0; z-index:100}

#idTopLinks{font-size:7pt; position:absolute; top:30px; left:-10px; width:100%; text-align:right}

#idCardsLayout{float:left; width:555px}
	.clSetOf3{}	
	.clSetOf4{}	
#idCardsLinks{float:left; width:125px; padding-top:40px; padding-left:20px;}
#idCardsTxt{width:500px; padding-top:10px}

.clTopSpace{padding-top:10px;}

.clTrivTxt{padding:10px; background:#FFFFFF; border:solid #FF0000 1px}

/* Buttons */
.clMainBTN{ background:url(../images/template/main_btn.gif) top left no-repeat; width:143px; height:50px; cursor:pointer; font-size:12pt; text-decoration:none; padding-left:40px; margin-top:0px;}
.clMainBTNOVER{ background:url(../images/template/main_btn_over.gif) top left no-repeat; width:143px; height:50px; cursor:pointer; font-size:12pt; text-decoration:none; padding-left:40px; margin-top:0px; color:#000000}

/* Forms*/
input{border:solid 1px #FF0000; background-color:#FFFFFF}
TEXTAREA{border:solid 1px #FF0000; background-color:#FFFFFF}
SELECT{border:solid 1px #FF0000; background-color:#FFFFFF}
.clFormFeildLabel{width:100%;}
.clFormFeildInput{width:100%;}

/* Table */
TD{color:#FF0000}

/* Links */
A:link{color:#000066; font-weight:bold; text-decoration:underline;}
A:visited{color:#000066; font-weight:bold; text-decoration:underline;}
A:hover{color:#FF0000; font-weight:bold; text-decoration:underline;}
A:active{color:#FF0000; font-weight:bold; text-decoration:underline;}

A.clRightLinks:link{background:url(../images/template/arrows_morethan.png) top left no-repeat; color:#FFFFFF; font-weight:normal; text-decoration:none; padding-left:20px}
A.clRightLinks:visited{background:url(../images/template/arrows_morethan.png) top left no-repeat; color:#FFFFFF; font-weight:normal; text-decoration:none; padding-left:20px}
A.clRightLinks:hover{background:url(../images/template/arrows_morethan.png) top left no-repeat; color:#FFFF00; font-weight:normal; text-decoration:none; padding-left:20px}
A.clRightLinks:active{background:url(../images/template/arrows_morethan.png) top left no-repeat; color:#FFFF00; font-weight:normal; text-decoration:none; padding-left:20px}

.MainBTNLink{color:#FFFF00; font-weight:bold}
A.MainBTNLink:link{color:#FFFF00;}
A.MainBTNLink:visited{color:#FFFF00;}
A.MainBTNLink:hover{color:#000000;}
A.MainBTNLink:active{color:#000000;}

.clFooterLink{ font-weight:bold; font-size:8pt; padding-left:10px; padding-right:10px; text-decoration:none;}
A.clFooterLink:link{color:#CCCCCC;}
A.clFooterLink:visited{color:#CCCCCC;}
A.clFooterLink:hover{color:#666666;}
A.clFooterLink:active{color:#666666;}

.clCardsLinks{}
A.clCardsLinks:link{color:#FF0000; text-decoration:none; font-size:12pt}
A.clCardsLinks:visited{color:#FF0000; text-decoration:none; font-size:12pt;}
A.clCardsLinks:hover{color:#FFFF00; text-decoration:none; font-size:12pt}
A.clCardsLinks:active{color:#FFFF00; text-decoration:none; font-size:12pt}