html {
	padding-right: 0px; padding-left: 0px; background: #ccc; padding-bottom: 0px; margin: 0px; color: #000; padding-top: 0px
}
body {
	padding-right: 0px; padding-left: 0px; background: #ccc; padding-bottom: 0px; margin: 0px; color: #000; padding-top: 0px
}
body {
	text-align: center
}
img {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
}
H1 {
	FONT-FAMILY: arial, helvetica, sans-serif
}
H2 {
	FONT-FAMILY: arial, helvetica, sans-serif
}
H3 {
	FONT-FAMILY: arial, helvetica, sans-serif;
}
H4 {
	FONT-FAMILY: arial, helvetica, sans-serif
}
H5 {
	FONT-FAMILY: arial, helvetica, sans-serif
}
H6 {
	FONT-FAMILY: arial, helvetica, sans-serif
}
LI {
	FONT-FAMILY: arial, helvetica, sans-serif
}
P {
	FONT-FAMILY: arial, helvetica, sans-serif
}
TD {
	FONT-FAMILY: arial, helvetica, sans-serif
}
TH {
	FONT-FAMILY: arial, helvetica, sans-serif
}
DIV {
	FONT-FAMILY: arial, helvetica, sans-serif
}
H3 {
	COLOR: #417fa4
}
#content-container
{
    width:980px;
    background-color:#ffffff;
    padding:0;
    border: none 0px 0;
}

/*------ Header ------ */
#content-header
{
	width:100%;
	height:83px;
    color:#222222;
	background-image:url(../images/hdr_background.png);
	background-position:right; 
	background-repeat:repeat;
	text-align:left;
	padding: 0;
	margin: 0;
	border: none;
}
/*------ Body ------ */
#content-body
{
	width:100%;
	background-color:#ffffff;
	text-align:left;
	padding: 0;
	margin: 0;
	font-size:12px;
}
/*------ Footer ------ */
#content-footer
{
	width:100%;
	height:23px;
	background-image:url('../images/ftr_background.png');
	background-repeat:repeat;
    color:#808080;
    vertical-align: middle;
	text-align:left;
	padding: 0px;
	margin: 0px;
}
.ftr-link
{
    color:#808080;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
}
.ftr-link:hover
{
    text-decoration: underline;
}

/*====== Component Specific ====== */
/*------ Top Navigation ------ */
.hdr_btn_w
{
    padding:0px 10px 0px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    vertical-align: bottom;
    text-decoration: none;
}
.hdr_btn_w_bg
{
    background-image: url(../images/hrd_btn_w_m.png); 
    background-repeat:repeat;
    width:100%
}
.hdr_btn_p
{
    padding:0px 10px 0px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: bottom;
    text-decoration: none;
}
.hdr_btn_p_bg
{
    background-image: url(../images/hrd_btn_p_m.png); 
    background-repeat:repeat;
    width:100%
}
.hdr_btn_p:hover
{
    text-decoration:underline; 
}
.hdr_help
{
    color:#808080;
    text-decoration: none;
    font-size: 11px;
}
a.hdr_help:hover
{
    text-decoration: underline;    
}
/*------ Login ------ */
.tbl_hdr
{
	background-color:#518fb4;
	color:#ffffff;
	font-weight:bold;
}
.tbl_itm
{
	background-color:#cce0ec;
	color:#111111;
	font-weight:normal;
}

/*--------Top Event -------*/
.topEventTbl
{
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;

}
.topEventTblHdr
{
    background-color:#cccccc;
	font-size:12px;
    color:#333;
    font-weight:bold;
    text-align: left;
	background-image:url(/images/bar_grey.jpg);
	background-repeat:repeat-x;
}

.topEventDetails
{
    height:50px;
    background-color:#ffffff;      
    text-align: left;    
    vertical-align:top;
}
.topEventDetails:hover
{
    background-color: #f9f9f9;
}
.topEventDetails a
{
    text-decoration:none;
    color:#000000;
}
.topEventDetailsAlternate
{
    height:50px;
    background:#eeeeee;
    text-align: left;      
    vertical-align:top;
}
.topEventDetailsAlternate:hover
{
    background-color: #f9f9f9;
}
.topEventDetailsAlternate a
{
    text-decoration:none;
    color:Black;
}
.topEventDate
{
    color:#4b2d7e;
    font-size:11px;
    font-weight:bold;
}
.topEventFooter
{
    text-align:right;
    
}
.topEventFooter a
{
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    color:#4b2d7e;
}
.topEventFooter a:hover
{
    text-decoration:underline;
}
/*--------------PhotoGallery-----------------------*/

.AlbumDetailsTbl
{
    width:900px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;    
}

a 
{
    text-decoration:none;
    color:Black;
}

/*-----------------GridView--------------------------*/
.GridViewStyle
{   
    border-right: 1px solid #A7A6AA;
    border-bottom: 1px solid #A7A6AA;
    border-left: 1px solid white;
    border-top: 1px solid white;
    padding: 2px;
    font-family: Verdana; 
    font-size: small;
}

.GridViewStyle a
{ 
    color: #333333;
}

.GridViewHeaderStyle th
{
/*    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
    border-bottom: 1px solid #EBE9ED;
    border-top: 1px solid #EBE9ED;
*/
}

.GridViewHeaderStyle
{
    background-color: #CCCCCC;
    font-weight: bold;
    color: Black;    
    border: 1px solid ;
    text-align: left;
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}
.GridViewFooterSytle a
{
    color:White;
    text-decoration:none;
}

.GridViewRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
    text-align: left;    
}

.GridViewAlternatingRowStyle
{
    background-color: #FFFFFF;
    color: #284775;
    text-align: left;    
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
/*    border: 1px solid #EBE9ED; */
}

.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
    text-align: left;
}

.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}

.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}
.modalBackground {
    background-color:#000000;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.modalHeader
{
    font-size:12px;
    font-weight:bold;
    height:30px;
    vertical-align:top;
    text-align:center;
    
}
.pnlPop
{
    border:solid;
    border-width:2px;
	background-color: #faf9f4;
	font-family: Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
	padding: 10px;
}
.NoEmail
{
    font-size:10px;
}

img.faded 
{
    opacity:0.3;    
    filter: alpha(opacity=30);
}
/* Rotating photo album */
#rotating_items{ 
	position: relative;
}
#rotating_items h3{ margin: 0px; }
#rotating_items div.rotating_item{ position: relative; top:0; }
.style7 {color: #808080; font-size: 10px; }
.style11 A {FONT-SIZE: 11px; color: #16387c; text-decoration:none}
.style11 A:hover {text-decoration:underline}
.style12 {FONT-SIZE: 11px; color: #808080;}
.style13 {FONT-SIZE: 9px; color: #16387c;}
.style14 {FONT-SIZE: 12px; color: #333333; font-weight: bold;}
.style15 {FONT-SIZE: 11px; color: #333333}
.style16 {
	color: #417fa4;
	font-weight: bold;
}
.style18 {color: #4b2d7e; font-weight: bold; font-size: 14px; }
.style19 {
	font-size: 18px;
	font-weight: bold;
}
.style21 {FONT-SIZE: 11px; color: #16387c;}