
/* TABLE Styles */
body{background-color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:.8em; 
	
	margin:0px; padding:0px }

h2{border-bottom-style:none;}


#HEADER{float:left; width:100%; padding:0px; margin:0px; background-image:url(images/header_slice.jpg); background-position-x:left; background-repeat:repeat-x;
	font-size:1.4em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ECECEC;
	border-bottom:thin solid #002964}
	

#CONTAINER{float:left; width:900px; padding:0px; margin:0px 10% 10px 10%; }

#MAIN{float:left; width:100%; padding:0px;  border:1px solid #cccccc}
	#MAIN h2{border-bottom:thin dotted}

#MENU{color:#666; float:right; text-align:right; background-color:#e8e8e8;  padding:2px 3px 3px 10px; margin-bottom:10px; 
		border:thin solid #666; border-top-width:0px} 

#MENU a{color:#666; margin:0px 3px 0px 3px; text-decoration:none;}
#MENU a:visited{color:#666; }
#MENU hover{color:#000; }

.inlineBox{padding:10px}

#leftbar{float:left; width:190px; padding:5px}

#content{width:680px; padding:5px 10px 5px 10px; float:left}

	#rightbar{float:right; width:190px; margin-top:40px}
	
	
	
	
	#centerbar{float:left; width:480px}


#FOOTER{float:left; width:100%; text-align:center; }

/* TABLE Styles */
table.display{background-color:#e8e8f2; border:thin solid #43435c}
	th{background-color:#f2af5c; color:#ffffff; font-weight:bold;}
	td{font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif}

	.tableHeader{
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-weight:bold; font-size:1em; color:#ffffff; background-color:#f2af5c}
	.tableBorder{border:thin solid #000066; border-width:1px 1px 1px 1px;}
	.cellBorder{border-bottom:thin solid #999999}

	.dark{background-color:#ECECEC}
	.light{background-color:#FFFFFF}


.dark{background-color:#EAEAEA}
.light{background-color:#e0e0ed}



table.display{background-color:#e8e8f2; border:thin solid #000; padding:0px }
table.display td, table.display th{padding:3px; margin:0px;}

table.display th{color:#000066; font-weight:bold; text-align:left; background: url(images/toggleTitleGradient.jpg)  top left; }
table.display td{font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif}


table.display tr.dark{background-color:#EAEAEA}
table.display tr.light{background-color:#FFF}

table.sortable thead tr{cursor:n-resize;}

/* toggle box stuff*/


.togglebox, .box{ margin:2px 1px 3px 1px }


.box .title{padding:1%; width:98%; background-color:#002964; border-bottom:thin solid #f2af5c; 
	/*
	background: url(images/toggleTitleGradient.jpg)  top left; 
	background-repeat:repeat-x;*/
	}


.togglebox .title{color:#f2f2f2; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; 
		padding:1%; width:98%; background-color:#002964; border-bottom:medium solid #f2af5c; margin-bottom:2px; cursor:pointer;
	/*background: url(images/th_gradient.jpg)  top left;  border-bottom:thin solid #000;
	background-repeat:repeat-x;*/
	}

.togglebox .title .icon{
	/*background: url(images/toggle_black.gif)  center right; 
	background-repeat:no-repeat;*/
	}


.togglebox .body,  .box .body{padding:2%; width:96%; border:thin solid #cccccc; border-width:1px 0px 0px 1px;
	background: #f8f8f8 url(images/sb_bg.jpg)   top left; 
	background-repeat:repeat-x;}

#rightbar .togglebox h2 {font-weight:bold; font-size:1.1em; border-width:0px}

.togglebox .title h1, .box .title h1 {
	margin:0px; padding:0px;
	color:#000066; font-size:1.1em; font-weight:bold;
}

.dragging{color:#cc0000}

/* message box */
.message{
	float:left;
		position:absolute;
		width:80%;
		left:10%;
		bottom : -170px;
		text-align:center;
		padding:5px;
		background: #F1F0F1;
		border: 1px solid #848284;
}



div.item{display:block;}
div.item div.title{font-size:1.6em; font-weight:bold; border-bottom:thin solid #ccoooo}
div.item div.content{font-size:1em;}


div.listItems{}
div.listItem{display:block; margin-bottom:10px}
	div.listItem div.title{font-size:1.1em; font-weight:bold; border:thin solid #ccoooo}
	div.listItem div.content{font-size:1em;}
	div.listItem div.content p{margin:0px; padding:0px}


div.callout{border:thin solid #848284; background-color:#e8e8e8; padding:3px; margin-bottom:5px}

div.sponsor{border:thin solid #848284; background-color:#e8e8e8; font-size:.8em; padding:3px; margin-bottom:5px}
div.featuredsponsor{border:thin solid #f2af5c; background-color:#ebebeb; font-size:.9em;  padding:3px; margin-bottom:5px}

/*
div #blogPost{border:thin solid #848284; background-color:#e8e8e8; font-size:.8em; padding:3px; margin-bottom:5px}
div #blogPost.featured{border:thin solid #f2af5c; background-color:#ebebeb; font-size:.9em;  padding:3px; margin-bottom:5px}
*/

div #blogPost{border:none;  font-size:.8em; padding:3px; margin-bottom:5px}
div #blogPost.featured{border:none;  font-size:.9em;  padding:3px; margin-bottom:5px}



.blogTitle{font-size:1.1em; font-weight:bold;}
.blogContent{color:#333333}

a .title{border-color:#f2af5c}
a:visited .title{border-color:#f2af5c}
