/* MCC v.1.3 */

* {
   padding:0;
   margin:0;
}

body
{
	text-align: left;
	margin: 0px auto;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	background: #F7E080;
}

#page
{
	width: 910px;
	margin: 0px auto 0px 100px;
}

#header
{
	width: 910px;
	height: 120px;
	margin: 0 auto;
	background: url( 'images/header.gif' ) no-repeat;
}

#content
{
	margin: 0 auto;
	
	padding-top: 5px;
	padding-right:20px;
	padding-bottom:0px;
	padding-left:35px;
	
	
	background: url(images/content_bg.gif) repeat-y;
	height: 500px;
	min-height: 700px;
	max-height: 100%;
}

/**************************** footer ****************************/

#footer
{
	text-align: center;
	padding: 40px;
	background: url('images/bottom.gif') no-repeat;
	height: 42px;
}

/**************************** menu ****************************/

#nav_top {
	background:url('images/nav_top.gif') no-repeat;
	width:143px;
	height:28px;
}

#nav_btm {
	background:url('images/nav_btm.gif') no-repeat;
	width:143px;
	height:14px;
}

#nav_empty
{
	float: left;
	width: 159px;
	margin-left: 13px;
	min-height:400px;
}

#menu_space
{
	float: left;
	width: 159px;
	/*color: #000;*/
	margin-left: 13px;
	min-height:300px;
	max-height:100%;
}

#menu 
{
	float: left;
	width: 159px;
	max-height:100%;
	float: left;
	width: 159px;
	margin-left: 7px;
	/*color: #000;*/
	background: url(   'images/nav_mid.gif' ) repeat-y;
}


#menu ul {
	list-style:none;
	width:136px;
	font-size:12px;
	padding:0 0 0 3px;
}	

#menu li {
	list-style-type: none;
	background:transparent url('images/bullet.gif') no-repeat 12px 6px;
	margin-bottom:4px;
	border-bottom:1px solid #c8e5c7;
	padding:0;
}

#menu li:hover {
	background:#c8e5c7;
	margin-bottom:4px;
}

#menu a {
	display:block;
	padding:0 0 0 20px;
	text-decoration: none;
	background:f0f6df;
}	
	
#menu a:hover {
	display:block;
	padding:0 0 0 20px;
	color:#333;
	text-decoration: none;
	background:fff;
}	

/**************************** lists ****************************/

ul {
	list-style:none;
	padding:0 0 0 3px;
}	

li {
	list-style-type: none;
	background:transparent url('images/bullet.gif') no-repeat 12px 6px;
	padding: 0 0 0 20px;
}

/**************************** content ****************************/

.info
{
	float: left;
	background: url( 'images/content_mid.gif' ) repeat-y;
	width: 683px;
}

.post_top {
	background:url('images/content_top.gif') no-repeat;
	width:683px;
	height:31px;
}

.post_btm
{
	background: url(  'images/content_btm.gif' ) no-repeat;
	width: 683px;
	height: 23px;
	padding-bottom: 5px;
}

.info2
{
	float: left;
	background: url(  'images/content_mid2.gif' ) repeat-y;
	width: 683px;
}

.post_top2 
{
	background:url('images/content_top2.gif') no-repeat;
	width:683px;
	height:10px;
}

.post_btm2
{
	background: url(  'images/content_btm2.gif' ) no-repeat;
	width: 683px;
	height: 12px;
}



.content
{
	padding: 5px 20px 0 20px;
	background: url(images/content_bg.gif) repeat-y;
	height: 100%;
	min-height: 700px;
	max-height: 100%;
}

/* ######################### PlaceHolderControl ######################### */

.DetailView fieldset
{
	padding-top:4px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
}

div.DetailView
{
	padding-top: 20px;
}

.DetailView table
{
	width: 100%;
}

.DetailView td
{

}

.DetailView label
{
	float: left;
	width: 100px;
	text-align: right;
}

#ScrollView
{
	margin-top:2px;
	padding-top:2px;
	padding-left:2px;
	
	height: 500px; 
	overflow:auto;
	width:100%;
}

.ListView label
{
	float: right;
	width: 100px;
	text-align: right;
}

.ListView span
{
	float: left;
	width: 140px;
	padding-left:2px;
	text-align: left;
}

div.ListView
{
	padding-top:4px;
}

fieldset.ListView 
{
	width:100%;
}

legend.ListView span
{
	padding-right:8px;
	width:auto;
	text-align: right;
}




#PlaceHolder
{
	margin-right: 20px;
	padding-right: 2px;
	margin-top: 1px;
	padding-top: 9px;
}

#TabStrip
{
	margin-right: 30px;
	padding-right: 10px;
	margin-bottom: 1px;
	padding-bottom: 5px;
}

/* ######################### Controls ######################### */

.controls2
{
	color: White;
	font-size: 11pt;
	padding-left: 10px;
	margin-right: 15px;
}

.controls
{
	color: White;
	font-size: 11pt;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 0px;
	margin-right: 15px;
}

.controls .validation
{
	color:yellow;
}

.controls legend
{
	font-weight: bold;
	color: white;
	font-size: 1.5em;
	margin-bottom: 10px;
}

.controls fieldset
{
	padding: 10px;
	border: 1px solid white;
}


.controls a
{
	color:Orange;
}




/* MicroSoft Login Control */
.LoginTitleText
{
	margin-top: 10px;
	margin-bottom: 200px;
}

.LoginControl
{
	margin-top: 5px;
	margin-bottom: 5px;
}



.validation
{
	color: red;
}


/*************************** GridView Styles ******************************/

.DataGridCss tr
{
	border-bottom: 1px solid white;
}

.DataGridCss_Header
{
	border-bottom: 1px solid white;
	font-weight: bold;
	padding: 4px;
	font-size: 12pt;
	font-family: Comic Sans MS;
	color: #009ece;
	background-color: #33ccff;
}

.DataGridCss_Rows td
{
	background-color: white;
}

.DataGridCss_AlternatingRows td
{
	background-color: #F7E080;
}

.DataGridCss table
{
	border: 1px solid #ada17b;
	border-collapse: collapse;
	margin-top: 10px;
	width: 100%;
	color: red;
}

.DataGridCss td
{
	vertical-align:middle;
	text-align:center;
	padding: 4px;
	border: 0px;
	color: blue;
}

.DataGridCss_Footer td
{
	padding: 4px;
	font-family: Comic Sans MS;
	text-align:left;
	background-color:Gray;
}


/* Style datagrid tables 
table.dg
{
	border: 1px solid #ada17b;
	border-collapse: collapse;
	margin-top: 10px;
	width: 100%;
	color: black;
}
*/
/* Style all datagrid cells background-color: #ffffff;
.dg td
{
	padding: 4px;
	border: 0px;
	color: black;
}
*/
/* Style all datagrid column headings */




.dg .dgheadings
{
	background-image: url(../Images/datagrid-heading-background.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	padding: 4px;
	font-size: 12pt;
	font-family: Comic Sans MS;
}

/* Style all data grid column heading cells */
.dg .dgheadings td
{
	border-bottom: 1px solid white;
}
/*
.dgalternatingrows td
{
	background-color: #F7E080;
}

.dgrows
{
	background-color: white;
}

.dg .dgfooter
{
	background-color: white;
}
 End datagrid styles */

.MemberChild
{
	width: 682px;
}










/*************************** Repeater List Styles ******************************/

.ItemChildView
{
	background-color: #F7E080;
	border-collapse:collapse;
}

.ItemChildView a
{
	text-decoration:none;
	color:Blue;
}

.ItemChildView a:hover
{
	text-decoration:none;
	color:White;
}

.AltItemChildView
{
	background-color: #0096c6;
	color:White;
	border-collapse:collapse;
}

.AltItemChildView a
{
	text-decoration:none;
	color:White;
}

.AltItemChildView a:hover
{
	text-decoration:none;
	color:Orange;
}


.MccMainMenu
{
	padding-right: 20px;
	padding-left: 5px;
	margin-left: 1px;
	margin-right: 50px;
	margin-bottom: 10px;
	color: blue;
	width: 98%;
	
	
}

.MccStaticMenuItemStyle
{
	margin: 3px 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 3px;
	color: #009ECE;
	font-family: 'Comic Sans MS';
	
}