@charset "utf-8";
/* CSS Document */
@media screen
{
body
{
	min-width: 980px;
	margin: 0px;
	background: url(images/bgGradient.jpg) #FFFFFF repeat-x;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

a img
{
	border: 0px;
}

ul, ol
{
	margin: 0px;
	padding: 0px;
}

p
{
	text-align:justify;
	text-indent: 2em;
}

.contentPanel p img.left
{
	float:left;
	padding: 10px 10px 10px 0px;
}

.contentPanel p img.right
{
	float:right;
	padding: 10px 10px 0px 10px;
}

.header
{
	height: 200px;
	width: 100%;
	background-color:#CC0000;
	color:#000000;
	background-image:url(images/bgheader.jpg);
	background-repeat:repeat-x;
	background-position:right;
}

.footer
{
	min-height: 93px;
	background: #CC0000 url(images/bgfooter.jpg) no-repeat;
	text-align:center;
	padding-top: 15px;
	padding-bottom:25px;
	color:#FFFFFF;
}

.footer .banners
{

}

.footer a
{
	color:#FF9900;
}

.dropdownmenu
{
	min-height: 24px;
	background: url(plugins/dropdown-menu/images/header_over.gif) repeat;
	clear:both;
	z-index: 20;
}

.dropdownmenu a, .dropdownmenu a:active, .dropdownmenu a:visited
{
	text-decoration:none;
	color: #333;
}
.body
{
	clear:both;
	min-height: 410px;
}

.bodyPanels
{
	width: 100%;
}

.leftPanel
{
	width: 200px;
	vertical-align:top;
}

.contentPanel
{
	padding: 15px;
	text-align:justify;
	vertical-align:top;
}

.contentPanel p
{
	margin-bottom: 5px;
}

.rightPanel
{
	width: 300px;
	vertical-align:top;
}

.rightPanel .banners
{
	margin-top: 50px;
}

.imgLogo
{
	position:absolute;
	top: 0px;
	left: 20px;
	z-index:99;
}

.imgHeaderBG
{
	float:left;
	margin: 0px;
	position:absolute;
	z-index:0;
	width:980px;
}

.imgKapitolyo
{
	margin-top:20px;
	position:absolute;
	left: 100%;
	margin-left: -419px;
}

.imgTitle
{
	position: absolute;
	left: 50%;
	margin-left: -211px;
	margin-top: 40px;
	z-index:100;
}

.panelHeader
{
	width: 100%;
	background:url(images/panelheaderbg.gif) repeat-x #CC0000;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	padding: 5px 0px 5px 0px;
	color:#FFFFFF;
	margin-bottom:0px;
}

.panelContainerL, .panelContainerR
{
	background:#b9d6dc url(images/bggradientpanel.jpg) repeat-x;
	color:#000000;
	padding: 10px;
	border: groove 2px #BB0000;
	margin-bottom: 5px;
}

.panelContainerL
{
	width: 186px;
}

.panelContainerR
{
	width: 286px;
}

.panelContainerL ul
{
	list-style:outside;
	padding-left: 15px;
}

.panelContainerL li
{
	margin-bottom: 0.5em;
}

.bodyContent li
{
	list-style-position:inside;
}

.panelContainerL a
{
	color:#990000;
}

a.moreContent1
{
	text-align:right;
	font-size:9px;
	display:block;
	background-color: transparent;
	color: #000000;
}

.calendarMonthText
{
	display:block;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	border: 2px groove;
	background: #FF6600;
	color:#FFFFFF;
}

.calendarEventTable
{
	width: 100%;
	border: 2px groove;
	border-collapse:collapse;
}

.calendarEventTable td, .calendarEventTable th
{
	border: 2px groove;
}

.calendarEventTable th
{
	background: url(plugins/dropdown/images/header_over.gif) repeat-x;
	border: 2px groove #FFFFFF;
}

.calendarEventDay
{
	text-align:center;
	font-weight:bold;
	background:#FFCC00;
}

.calendarEventName
{
	text-align:center;
	font-weight:bold;
	background:#CCFF66;
}

.priorityEvent
{
	width:100%;
/*	height: 150px;
	background:#000000;
	color: #FFFFFF;*/
	text-align:center;
	margin-bottom: 25px;
}

.topicHeader
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	border-bottom:solid 2px #999999;
	color:#CC3300;
	margin-bottom: 10px;
}

.topicBody
{
	margin-bottom: 25px;
}

.topicBody .title
{
	font-size: 16px;
	font-weight:bold;
	clear:both;
}

.topicBody .detail
{
	font-size:10px;
	font-style:italic;
}

.topicBody .bodyContent
{
	margin-top: 10px;
	margin-bottom: 20px;
}

.topicBody .bodyContent p
{
	text-indent: 25px;
}

.bodynojustify
{
	text-align:left;
}

.tableItems
{
	border: 1px solid #000000;
	border-collapse:collapse;
}

.tableItems th
{
	text-align:center;
	border: 1px solid #000000;
}

.tableItems td
{
	border: 1px solid #000000;
	padding: 5px;
}

.tableItems .even
{
	background-color:#F3F3F3;
}

.tableItems .odd
{
	background-color:#FFFFFF;
}

.bigletter
{
	list-style-position:inside;
	list-style-type:upper-alpha;
	list-style-position:outside;
	margin-left: 1.9em;
}

.bigletter li
{
	margin-bottom: 0.8em;
}

.contentPanel ul
{
	list-style-position:outside;
	margin-left: 16px;
}

span.messageName
{
	text-align:center;
	display:block;
	font-size:10px;
}

img.messageName
{
	float:right;
}

.clearFloat
{
	clear:both;
}

.footnote
{
	font-size:9px;
	clear:both;
	margin-top: 5em;
}


/* Rules and Regulation Style*/

.centerText
{
	text-align:center
}

.legal p
{
	text-indent: 0px;
}

.legal h1
{
	font-size: 14px;
	font-weight: bold;
	display:block;
	border-bottom: solid 1px #999999;
	padding-top: 20px;
}

.legal .tableItems
{
	vertical-align: top;
	display:table-row; 
	text-align:center;
	border: 30px none;
}

.legal .tableItems td
{
	vertical-align: top;
	border: 0px;
	padding: 20px;
}

.pageBreak
{
	display:none;
}

}


@media print
{
	body
{
	min-width: 8in;
	margin: 0.65in;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
}

a img
{
	border: 0px;
}

ul, ol
{
	margin: 0px;
	padding: 0px;
}

p
{
	text-align:justify;
	text-indent: 2em;
}

.contentPanel p img.left
{
	float:left;
	padding: 10px 10px 10px 0px;
}

.contentPanel p img.right
{
	float:right;
	padding: 10px 10px 0px 10px;
}

.header
{
	display: none;
}

.footer
{
	display: none;
}

.footer .banners
{

}

.dropdownmenu
{
	display: none;
}

.body
{
	clear:both;
}

.bodyPanels
{
	width: 100%;
}

.leftPanel
{
	display: none;
}

.contentPanel
{
	padding: 15px;
	text-align:justify;
	vertical-align:top;
}

.contentPanel p
{
	margin-bottom: 5px;
}

.rightPanel
{
	display: none;
}


.panelHeader
{
	display: none;
}

.panelContainerL, .panelContainerR
{
	display: none;
}

.panelContainerL
{
	display: none;
}

.panelContainerR
{
	display: none;
}


a.moreContent1
{
	text-align:right;
	font-size:9px;
	display:block;
	background-color: transparent;
	color: #000000;
}

.priorityEvent
{
	width:100%;
	height: 150px;
	color: #FFFFFF;
	text-align:center;
	margin-bottom: 25px;
}

.topicHeader
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	border-bottom:solid 2px #999999;
	color:#000000;
	margin-bottom: 10px;
}

.topicBody
{
	margin-bottom: 25px;
}

.topicBody .title
{
	font-size: 16px;
	font-weight:bold;
	clear:both;
}

.topicBody .detail
{
	font-size:10px;
	font-style:italic;
}

.topicBody .bodyContent
{
	margin-top: 10px;
	margin-bottom: 20px;
}

.topicBody .bodyContent p
{
	text-indent: 25px;
}

.bodynojustify
{
	text-align:left;
}

.tableItems
{
	border: 1px solid #000000;
	border-collapse:collapse;
}

.tableItems th
{
	text-align:center;
	border: 1px solid #000000;
}

.tableItems td
{
	border: 1px solid #000000;
	padding: 5px;
}

.tableItems .even
{
	background-color:#F3F3F3;
}

.tableItems .odd
{
	background-color:#FFFFFF;
}

.bigletter
{
	list-style-position:inside;
	list-style-type:upper-alpha;
	list-style-position:outside;
	margin-left: 1.9em;
}

.bigletter li
{
	margin-bottom: 0.8em;
}

.contentPanel ul
{
	list-style-position:outside;
	margin-left: 16px;
}

span.messageName
{
	text-align:center;
	display:block;
	font-size:10px;
}

img.messageName
{
	float:right;
}

.clearFloat
{
	clear:both;
}

.footnote
{
	font-size:9px;
	clear:both;
	margin-top: 5em;
}


/* Rules and Regulation Style*/

.centerText
{
	text-align:center
}

.legal p
{
	text-indent: 0px;
}

.legal h1
{
	font-size: 14px;
	font-weight: bold;
	display:block;
	border-bottom: solid 1px #999999;
	padding-top: 20px;
}

.legal .tableItems
{
	vertical-align: top;
	display:table-row; 
	text-align:center;
	border: 30px none;
}

.legal .tableItems td
{
	vertical-align: top;
	border: 0px;
	padding: 20px;
}

.pageBreak
{
	display:block;
	page-break-after:always;
}
}