@import url("css/menu.css");

/* CSS Document */
body {background:#FFF; height:100%; margin:0px; padding:0px; }
#Body { background: #51B948; height:100%; margin:0px; padding:0px; }

/* ControlPanel style */
.ControlPanel{background: #FFFFFF; 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/right_bg.png) repeat-y top right;padding-right:19px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2 { font-weight: bold; color: #51B948; font-size: 16px; }
h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.template_style{width:974px; margin:0 auto;}

.top_space{height:0px; margin: 0;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) repeat-y top left; height:5px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) repeat-y top right;}
.logo_top_bg{padding:0px; margin:0 19px 0 7px; background:#FFF;height:5px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 0; height:100px;}

.menu_bg{padding:0 0 0 6px; margin: 0 13px 0 0; background: #005497;}
.menu_left{padding:0px; margin:0px;}
.menu_right{margin:0px; background:url(images/logo_top_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background: #FFFFFF;}
.bread_left{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.bread_right{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}

#bread_style{ float:left; padding:0; margin: 0 0 0 -6px; color:#000000;}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:0 14px 0 14px; margin: 0 19px 0 7px; background:#FFFFFF;}
.content_width{padding-top:15px; min-height:350px;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.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;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0 0 0 20px; margin: 0px; }
.LeftPane{ padding:0px 20px 0px 0px; width:25%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:25%; margin:0px; }
.FooterPane{ padding:0; margin: 0px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}
.breadcrumb_text {font-weight: bold; }

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5; font-size: 10px;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}



#Bottom {
font-size: 11px; padding-bottom: 20px;
}

#Bottom p {margin: 0 0px 10px 0; font-size: 11px; }

.border {
border-bottom:2px solid #999999;
margin-bottom:5px;
padding-bottom:5px;
}

#volunteer_orientation {
background-color:#51B948;
border:1px solid #005596;
margin:0 0 4px 0;
padding:4px 5px;
width:200px;
}
#volunteer_orientation h2 {
color:#005596;
margin:0 0 10px;
padding:0;
}
#volunteer_orientation p {
color:#FFFFFF;
}
#volunteer_orientation a {
color:#0066FF;
text-decoration:none;
}
#volunteer_orientation a:focus, #volunteer_orientation a:hover {
text-decoration:underline;
}

#side img { margin: 4px 0 4px 0;
}

#mission {
background-color:#005596;
border:1px solid #005596;
color:#FFFFFF;
font-size:14px;
font-style:italic;
font-weight:bold;
margin:0;
padding:7px 0;
text-align:center;
}
#mission p {
margin:0;
padding:10px 5px;
}
#mission a {
color:#51B948;
text-decoration:none;
}

#mission .fontwhite {
color:#FFFFFF;
}


#HeadImage {
	width: 100%;
	margin:0;
	padding:0;
}

#TopLinks {float:right; margin: -120px 30px 0 0;}

#TopLinks a {
color:#0066FF;
}

#TopLinks a:hover {
color:#0066FF;
}


#ChildLinks {
	margin: 0 4px 4px 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #51B948;
	width: 100%;
	text-align:right;
}

#ChildLinks:hover {
	background-color:#51B948;
	color: #FFFFFF;
	text-decoration:none;
}

#ChildLinks A:link {
	color:#000000;
	text-decoration:none;
}

#ChildLinks A:visited {
	color:#000000;
	text-decoration:none;
}

#ChildLinks A:hover {
	color:#ffffff;
	text-decoration:none;
}

#ChildLinksHeader {
	background-color:#51B948;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 4px 4px 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #51B948;
	width: 100%;
	text-align:right;
}

#ChildLinksHeader A {
	color: #FFFFFF;
	font-weight: bold;
	}


.bold { font-weight: bold; }
.italic { font-style:italic; }

.even {
background-color:#CCCCCC;
margin:5px 0;
}
.header {
background-color:#005596;
color:#FFFFFF;
font-weight:bold;
margin-bottom:5px;
}

.grey {
color:#666666;
}

.name {
clear:left;
font-weight:bold;
margin:0;
padding-bottom:0;
}

.right_column {
float:right;
margin:0;
padding:0;
width:319px;
}

.right_column p {
margin-top:0;
}

#content img {
float:left;
margin:13px 10px 0 0;
}

.caption {
font-size:10px;
font-style:italic;
margin-top:0;
}
.imgright {
float:right;
margin:0 0 10px 10px;
}
.clearit {
clear:both;
}
.green {
color:#51B948;
}