@charset "utf-8";
@import url("styles_common.css");


/*Left Column */
#LeftColDiv { width:24%; padding:0px 0px 0px 1px; float:left; vertical-align:top; margin-top:4px }
.redsgn #LeftColDiv { width:214px; padding:0 7px; margin:10px 0 0 0; }
#LeftColDiv.res { width:22%; padding:0 0 0 7px; }


/*Right Column */
#RightColDiv {
	width:74%;
	padding:0px 0px 0px 1px;
	float:right;
	vertical-align:top;
	display:inline;
}
.redsgn #RightColDiv {
	padding:0;
	margin:10px 0 0 0;
	width:737px;
	float:left;
}
#RightColDiv.res { width:77%; }
H4 {
	font-size:120%;
	font-weight:bold;
	font-family:Arial,Tahoma,Verdana,sans-serif;	
	color:#fda30a;
	margin:0px
}
H3 {
	font-size:18px;
	font-weight:bold;
	font-family:Arial,Tahoma,Verdana,sans-serif;	
	color:#fda30a;
	margin:0px
}
H2 {
	font-size:16px;
	font-weight:bold;
	font-family:Arial,Tahoma,Verdana,sans-serif;	
	color:#fda30a;
	margin:0px
}
H2.line {
	font-size:105%;
	font-weight:bold;
	font-family:Arial,Tahoma,Verdana,sans-serif;
	text-align:center;
	color:#fda30a;
	margin:0px;
	background:url("../img/line_e2.gif") center repeat-x
}
H2.line span {background-color:#fff;padding:0 10px}
#MainDiv H1 {
	font-size:95%;
	font-weight:normal;
	font-family:Tahoma,Verdana,Arial,sans-serif;	
	color:#56596c;
	text-align:justify;
	padding-right:10%;
	padding-top:10px
}
.Center { text-align:center }
.Right { text-align:right; }
.Spacer {
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px
} 

.WaterTitle {
	color:#48a2c0;
	font-size:12px;
	font-weight:bold;
	font-family:Tahoma,Arial,Verdana,Garuda,Helvetica,Kalimati,sans-serif;		
	text-align:justify;
}
A.WaterTitle:link,
A.WaterTitle:visited { color:#48a2c0;text-decoration:none;}
A.WaterTitle:hover { color:#48a2c0;text-decoration:underline;}
.MainText {
	color:#56596c;
	font-size:12px;
	font-weight:normal;
	font-family:Tahoma,Arial,Verdana,Garuda,Helvetica,Kalimati,sans-serif;
	text-align:justify;
}
A.MainText:link,
A.MainText:visited {color:#56596c;text-decoration:underline;}
A.MainText:hover {color:#56596c;text-decoration:none;}
 /* Globals .MainText*/
.MainText a.MainText, .MainText1 a.MainText {font-size:12px}
.MainText a.WaterText, .MainText1 a.WaterText {font-size:12px}
.MainText a:link, .MainText a:visited {color:#56596c;text-decoration:underline;}
.MainText a:hover {color:#56596c;text-decoration:none;}

hr { color:#e2e2e2; background:#e2e2e2; border:0; height:1px; }

.Spacer30 { clear:both; font-size:1px; margin:0px; padding:0px; height:30px; }
.Spacer10 { clear:both; font-size:1px; margin:0px; padding:0px; height:10px; }
.Spacer15 { clear:both; font-size:1px; margin:0px; padding:0px; height:15px; }
.Spacer5 { clear:both; font-size:1px; margin:0px; padding:0px; height:5px; }
.Spacer20 { clear:both; font-size:1px; margin:0px; padding:0px; height:20px; }
.Spacer25 { clear:both; font-size:1px; margin:0px; padding:0px; height:25px; }

#TodaysSpecialDiv {border:1px solid #fed48d;padding:0px;width:100%;margin:20px auto; text-align:center;}
#TodaysSpecialDiv div.WaterTitle { text-align:center; position:relative; top:-12px; margin:0px auto; }
#TodaysSpecialDiv span#Baloon { background-color:#FFFFFF; padding:0px 8px; margin:0px; }
#TodaysSpecialDiv span#Baloon img { vertical-align:middle; }
#TodaysSpecialDiv span#BaloonText { background-color:#FFFFFF; padding:0px 8px 0px 0px; margin:0px; }
#TodaysSpecialDiv div.MainText { margin:0px 20px 20px 20px; }

.Italic { font-style:italic }
.Red { color:#fd5a0a; }

.Bookmark a, .BookmarkPrint a { outline:none }

#SiteMap .Section .Title {
	text-align:left;
	border-bottom:1px solid #e2e2e2;
	color:#48a2c0;
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma,Arial,Verdana,Garuda,Helvetica,Kalimati,sans-serif;
	text-align:justify;
}

.imageItem { text-align:center; padding:8px 0 13px 0; }

.learnMoreR { text-align:right; margin-top:10px !important; background:none !important; }

li.learnMoreR a {
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#56596c;
}

.yCard .learnMoreR {
	position:absolute;
	bottom:7px;
	right:10px;
	margin:0;
	padding:0;
}

.tvBox {
	border:1px solid #e1e1e1;
	background:url("../img/tvbox.jpg") no-repeat center 2px;
	text-align:center;
	font-family:Tahoma,Arial,Verdana,Helvetica, Geneva, sans-serif;
	font-size:11px;
}
* html .tvBox { background-position:center 3px; }
.tvBox h1 {
	/*font-family:Tahoma,Helvetica, Geneva, sans-serif !important;*/
	font-family:Tahoma, Garuda, Geneva, Arial, sans-serif;
	font-size:26px !important;
	color:#e7a301 !important;
	padding:15px 0 25px 20px !important;
}
.tvBox h2 { font-size:14px; }
* html .tvBox h1 { padding:0 0 0 20px !important; }
.tvBox .hr3 { border-top:1px solid #dee5ec; height:15px; margin:5px 15px 0 15px; }
.tvBox p.p12 { font-size:12px; color:#56596C; margin:0px 10px 10px 20px; text-align:justify; }

.yCard {
	width:230px;
	height: 330px;
	background:#fffffb url("../img/enduser_box.png") no-repeat;
	border:1px #e7a301 solid;
	float:left;
	display:inline;
	position:relative;
	margin:9px 2px 9px 5px;
	color:#56596C;
}
.yCardCnt { margin:0 0 0 7px; }
.yCard .title {
	position:absolute;
	top:20px;
	left:60px;
	font-weight:bold;
	margin:0;
	color:#56596C;
	font-family:Tahoma,Helvetica,Geneva,sans-serif;
	font-size:11px;
	text-align:left
}
.yCard p.text {
	position:absolute;
	top:55px;
	left:17px;
	width:190px;
	text-align:left;
	margin:0 0 15px 0;
}



.yCard .yHolder {
	text-align:center;
	padding-bottom:7px;
	padding-top:25px;
	width:60%;
	margin:0 auto;
}
.yCard .yHolder {
	position:absolute;
	bottom:5px;
	left:45px;
	text-align:center;
	margin:0 auto;
	padding:0px;
}
* html .yCard .yHolder { bottom:6px; left:45px; }
* html .yCard .yHolder { bottom:6px; left:45px; }
.yCard a.yellow {
	background:url("../img/yellow.png") no-repeat left top;
	color:#fff;
	padding-left:2px;
	height:23px;
	line-height:20px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	margin-left:-2px;
}
.yCard a.yellow span { color:#ffffff }
* html .yCard a.yellow { position:relative; }
.yCard a.yellow span {
	background:url("../img/yellow.png") no-repeat right top;
	padding-right:1px;
	display:block;
	float:left;
	height:23px;
	line-height:21px;
	cursor:pointer;
	text-transform:uppercase;
	width:100%;
}
.yCard a.yellow:hover {
	background:url("../img/yellow.png") no-repeat left bottom;
	text-decoration:none;
}
.yCard a.yellow:hover span { background:url("../img/yellow.png") no-repeat right bottom; }