/* Start of CMSMS style sheet 'Light Up Durham Layout' */
body
{
	margin: 0px;
	background-color: #B3D670;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
}

img
{
	border: 0;
}

img.alignright
{
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft
{
	float: left;
	margin: 0 1em 1em 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
div#content a,
div#content a:link, 
div#content a:active
{
	text-decoration: underline;
	/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
	background-color: inherit; 
	color: #7070D7; 
}

div#content a:visited
{
	text-decoration: underline;
	background-color: inherit;
	color: #A370D7; /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
div#content a:hover
{
	text-decoration: none;
}

/*****************
basic layout 
*****************/

/* center wrapper, min max width */
div#maincontainer
{
	border: 2px solid #999;
	padding-bottom: 10px;
	margin: 0px auto 25px auto;     /* this centers wrapper */
	max-width: 80em; /* IE wont understand these, so we will use javascript magick */
	min-width: 60em;
	background-color: #fff;
	color: black;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header
{
	width: 100%;
	padding: 240px 0px 0px 0px;
	text-align: center;
	background-image: url(uploads/images/LUDheader.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-color: #000;
}

div#search
{
	float: right;
	width: 27em;     /* enough width for the search input box */
	text-align: right;
	padding: 0.6em 0 0.2em 0;
	margin: 0 1em;
}

div.breadcrumbs
{
	padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
	font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
	margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
	border-bottom: 1px dotted #000;
}

div.breadcrumbs span.lastitem
{ 
	font-weight:bold; 
}

div#content
{
	padding: 15px;
}

.container
{
	padding: 10px;
	clear: both;
}

#sponsors_section
{
	position: relative;
	height: 100px;
	/*width: 990px;*/
	text-align: center;
	line-height: 100px;
	overflow: hidden;
	z-index: 2
}

#sponsors_section ul
{
	position: relative;
	height: 100px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	overflow: hidden;
	z-index: 1
}

#sponsors_section ul li
{
	position: relative;
	display: inline;
	padding: 0px 0px 50px 0px;
	margin: 0px;
}

#sponsors_section img
{
	position: relative;
	padding: 5px 10px;
	vertical-align: middle;
	border: 0px;
}

#copyright
{
	float: right;
	text-align: right;
	width: 49%;
	font-weight: normal;
}

#hostedBy
{
	float: left;
	text-align: left;
	width: 49%;
	font-weight: normal;
}

div#footer
{
	clear:both;       /* keep footer below content and menu */
	margin: 0px;
	padding: 10px 5px 5px 5px;
	color: #000;
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
}

.heading
{
	font:italic 16pt times,serif;
}

.headingHover
{
	cursor: pointer;
}

.evtBtn
{
	height: 50px;
	margin: 10px 0px;
	padding: 0px;
	text-align: right;
	background-image: url(images/LightUpDurham/btnRounder.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-color: #B0CF71;
}

.evtBtn span
{
	display: block;
	text-decoration: none;
	font: italic bold 14pt/50px times,serif;
	color: #000;
	margin: 0px;
	padding: 0px 15px 0px 0px;
}

.evtBtnHover
{
	cursor: pointer;
	background-color: #A7A2C2;
}

.container
{
	padding: 10px;
	clear: both;
}

.containerLeft
{
	padding: 0px 10px 0px 0px;
	width: 45%;
	float: left;
}

.containerRight
{
	padding: 0px 0px 0px 10px;
	width: 45%;
	float: right;
}

.evtContainer
{
	float: right;
	width: 575px;
	margin: 0px 0px 20px 0px;
	padding: 10px 20px;
}

.hiddenEvtContainer
{
	display:none;
}

#evtBtnContainer
{
	float: left;
	width: 275px;
	padding: 15px 0px;
	margin: 0px 0px 20px 0px;
	border-right: 1px #000 solid;
}

.picasaImage
{
	padding: 8px;
	border: 1px solid #bbb;
}

.picasaImageHover
{
	background-color: #ddd;
}

table.pagetable {
  margin: 1em 1em 1em 2em;
  background: whitesmoke;
  border-collapse: collapse;
}
table.pagetable th, table.pagetable td {
  border: 1px silver solid;
  padding: 0.2em;
}
table.pagetable th {
  background: gainsboro;
  text-align: left;
}
table.pagetable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/* End of 'Light Up Durham Layout' */