@import url("css/menu.css");

/* CSS Document */
#Body {background:#FFF repeat-x top left; height:100%; margin:0; padding:0; }



/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}



/*-------- Default Style --------*/
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#333333; font-family:Arial;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1 {color:#CC0000; font-size:25px; margin:25px 0 10px 0;}
h2 {color:#009999; font-size:18px; margin:25px 0 10px 0;}
h1, h2, h3, h4, h5 { text-transform:uppercase; font-family:Arial;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}

ul{}
li{margin-bottom:10px;}

a,a:link,a:visited,a:active,a.CommandButton,a.CommandButton:link,a.CommandButton:visited,a.CommandButton:active{color:#333333; font-family:Arial; text-decoration:underline; font-weight:normal; }
a:hover,a.CommandButton:hover{color:#CC0000; text-decoration:underline; }

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox {font-family:Arial}
.Head{color:#333333;font-weight:bold;}
.SubHead {color:#333333;font-weight:normal;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}



/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}



/*-------------- Footer Style --------------*/
.FooterPane a:link, .FooterPane a:active, .FooterPane a:visited { color:#666666; font-size:11px; text-decoration:none;}
.FooterPane a:hover { text-decoration:underline; }


/*--------- pane style ----------*/
.ContentPane{ padding:0 0 0 28px;  margin:0px; width:352px; } /*width:324px;*/

.LeftColumn{ padding:0; width:273px; margin:0px; }
.LeftPane{ padding:0; width:273px; margin:0; }
.MenuPane{ padding:0; width:273px; margin:0; }
.MenuMargins { width:273px; border-top: solid 6px #CC0000; border-bottom: solid 6px #009999; }

.RightColumn{ padding:0 0 0 12px; width:267px; margin:0px; }
.RightPane{ padding:0 0 0 0px; width:267px; margin:0px; }
.LoginPane{ padding:0px 0 0 0px; width:267px; margin:0px; height:245px; background-color:#009999; }

.FooterPane{ padding:10px 0 10px 0; width:932px; margin:0px;  }



/*-------- design style --------*/
.mainTable
{
	width:986px;
	background-color: #F4F3F1;
	text-align:left;
}
.innerTable
{
	width:932px;
	padding:0 27px 0 27px;
	background-color: #F4F3F1;
	text-align:left;
}
.bookmark
{
	font-size: 14px;
	font-family:Arial;
	color:#ffffff;
}
.header
{
	background:url(images/headerbg.png) repeat-x top left;
	height:142px;
	font-size: 14px;
	font-family:Arial;
	color:#ffffff;
}
.header a:link, .header a:active, .header a:visited
{
	text-decoration:none;
	font-size: 14px;
	font-family:Arial;
	color:#ffffff;
}
.header a:hover
{
	text-decoration:underline;
}
.lang_pad
{
	padding:7px 0 0 0px;
	float:left;
}
.logo
{
	padding: 30px 40px 10px 40px;
	vertical-align:top;
}
.widget_search 
{
    float:right;
    width:160px;
}
.SearchBox
{
	height:15px;
	border:1px inset #666666;
	background-color:#ffffff;
	float:right;
	width:135px;
}
input.SearchTextBox
{
	border: none;
	background: none;
	height: 14px;
	padding: 0px 6px 3px 7px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width:100px;
}
.content
{
	padding: 30px 0px 0px 0px;
}
.footer
{
	margin-top:50px;
	width:932px;
	border-top: solid 6px #336699;
}
a.btnRegisterForAlerts
{
	/*
	background-image: url(images/registerForAlerts.png);
	background-repeat: no-repeat;
	display:block;
	text-decoration:none;
	height:85px;
	width:198px;
	*/

    	background: url(images/registerForAlerts.jpg) top left no-repeat;
    	display:block;
    	height:85px;    
    	width:198px;
    	text-decoration:none;

}

a.btnRegisterForAlerts:hover
{
	/*background-image: url(images/registerForAlerts-over.png);*/
	background-position:bottom left;

}

a.btnVolunteerToday
{
	/*
	background-image: url(images/volunteerToday.png);
	background-repeat: no-repeat;
	display:block;
	text-decoration:none;
	height:85px;
	width:198px;
	*/

	background: url(images/volunteerToday.jpg) top left no-repeat;
    	display:block;
    	height:85px;    
    	width:198px;
    	text-decoration:none;
}

a.btnVolunteerToday:hover
{
	/*background-image: url(images/volunteerToday-over.png);*/
	background-position:bottom left;
}