/* NEW HIEC CSS */

/* as of March 1/2010 */


/***************************************** SITEWIDE SETTINGS */

body
{
  font-family: Arial, sans-serif;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

html
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background: white url('images/bg.jpg') repeat-x;
	
}

html, body {
	height: 100%;
}

img
{
	border:0;
}

.myimg
{
    margin: 5px;
    border: 1px solid black;
}

#eventimgRight
{
  float:right;
  border: 1px solid black;
	padding-top: 2px;
  padding-bottom: 2px;
	padding-left:2px;
	padding-right:2px;
	margin: 3px;
	background-color: #a6baca;
}

#eventimg
{
  border: 1px solid black;
	padding-top: 2px;
  padding-bottom: 2px;
	padding-left:2px;
	padding-right:2px;
	margin: 3px;
	background-color: #a6baca;
}

#eventCaption
{
	background-color: white;
	font-size:11px;
	color:black;
	font-weight: bold;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
}

 
a
{
	text-align:left;
	color: #002E56;
	font-family: Tahoma, Sans-serif;
	text-decoration:underline;
	font-weight:700;
  border:0;
} 

h2
{
	text-align: left;
	color: #002D56; /*#0C5379;*/
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma, Sans-serif;
	margin-left:5px;
	margin-top:5px;
}

h3
{
	text-align: left;
	color: #002D56; /*#0C5379;*/
	font-size: 13px;
	font-family: Tahoma, Sans-serif;
}

h1
{
	text-align: left;
	color: #0C5379;
	font-size: 16px;
	font-family: Tahoma, Sans-serif;
    margin-top: 0px;
}

p
{
	text-align: left;
	color: #0C5379;
	font-family: Verdana,Sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
    margin-top:0.5em;
} 

.caption
{
	/* background-color: #a6baca; */
	/* border-bottom: 1px #000000 solid; */
	font-size:11px;
	color:black;
	font-weight: bold;
	padding-top: 2px;
    padding-bottom: 2px;
			margin-top: 2px;
    margin-bottom: 2px;
}

/* can't use it multiple times on same page for valid HTML */
/* only the DIV works .class does not */

#centrethis
{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

/* second centre on a page */
#centrethis2
{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

/* third centre on a page */
#centrethis3
{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}


/* ************************* link bar ********************************** */

#linkpos
{
	clear: both;
}

#linkbar
{
	height: 22px;
  vertical-align: middle;
  background: #8FB3D5;
	text-align:center;
	width:764px; /* was 764 */
	padding-top:2px;
	padding-bottom:2px;
	position: relative;
	clear:both;
}

#linkbar a
{
	margin:0px;
	font-family:Trebuchet MS,"Trebuchet MS",Lucida Sans Unicode,"Lucida Sans Unicode",'Eras Demi ITC',Eras Demi ITC,verdana,arial,sans-serif;
	font-size:14px; /* was 16 */
	margin-left: 20px;
	color:#ffffff;
	text-decoration: none;
}

#linkbar a:hover
{
	margin:0px;
	color:#012E57;
	font-family:Trebuchet MS,"Trebuchet MS",Lucida Sans Unicode,"Lucida Sans Unicode",'Eras Demi ITC',Eras Demi ITC,verdana,arial,sans-serif;
	font-size:14px; /* was 16 */
	margin-left: 20px;
	text-decoration: none;
}


/* **************************************** */

#box
{
	margin-top:20px;
	width:764px; /* 766 */
	background: white;
	margin-left:auto;
	margin-right:auto;
	border-left: 3px solid #002D56;
	border-right: 3px solid #002D56;
	padding-bottom: 30px;
}

#content
{
	margin-left:auto;
	margin-right:auto;
	width:764px; /* 766 */
	background: white;
}

#links
{
	background: purple;
	height: 150px;
}


#main
{
	background: white;
	clear: both;
	padding: 5px;
}

/* for content that requires the left sub menu box */ 
#main-sub
{
	background: white;
	padding: 5px;
	padding-left:150px; /* 160 */
	margin-top: 15px;
}



/* --------------------------------------------------- left side menu box -------------------------------------- */

.rbroundbox { background: url(images/c00.gif) repeat; }
.rbtop div  { background: url(images/c11.gif) no-repeat top left; }
.rbtop      { background: url(images/c12.gif) no-repeat top right; }
.rbbot div  { background: url(images/c21.gif) no-repeat bottom left; }
.rbbot      { background: url(images/c22.gif) no-repeat bottom right; }

 /* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent  { margin: 0 7px; }
.rbroundbox 
{
margin-top:15px;
margin-left:15px;
width: 115px; 
float:left;
}

p.LeftSideTitle
{
/*The style used for the word "Navigation" or whatever that word ends up as... */
	text-align: center;
	color: #002D56;
	font-size: 14px;
	font-family: Tahoma, Sans-serif;
    
}

#LeftSideTitle
{
/*The style used for the word "Navigation" or whatever that word ends up as... */
	text-align: center;
	color: #002D56;
	font-size: 14px;
	font-family: Tahoma, Sans-serif;
    
}

UL.menu
{
    list-style-image: url("images/bulletsmaller.gif");
	color: #0C5379;
	font-family: Tahoma,Sans-serif;
	font-size: 11px;
	margin: 0px;
    margin-left: 15px;
	padding: 0px;
}
LI.menu
{
    padding-bottom: 5px;
}


/****************************************** FOOTER ****** */

#footer
{
width: 770px; /* 770 */
margin-left: auto;
margin-right:auto;
border-top: 3px solid #002D56;
padding-top:30px;
padding-bottom: 40px; 
background: white;
}

p.Copyright
{
  text-align: center;
	color: #002D56;
	font-family: Tahoma,Sans-serif;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}

/* INDEX CONTENT ***************************************** */

#leftcontent
{
	width:330px; /* was 310 */
	left: 0px;
	margin-right:5px;
	margin-left:10px;
	padding:3px;
	font-family: verdana, arial, sans-serif;
	font-size:x-small;
	color:#002D56;
	/* increase the padding if the rightcontent runs longer...this side controls the div spacing */
		padding-bottom: 35px; /* space below the websites - may not be required at some point */
}

UL
{
  list-style-image: url("images/bullet.gif");
	color: #0C5379;
	font-family: Verdana,Sans-serif;
	font-size: 12px;
	margin: 0px;
  margin-left: 15px;
	padding: 0px;
}


LI
{
 padding-bottom: 12px;
}

/* ***************************************** RIGHT SIDE ***************** */

#eventsbox
{
	float: left;
	width:390px;
	padding-left:10px;
	border: 1px solid #b2b3d9;
	background: white url('images/boxbg.jpg') repeat-x;
	margin-bottom: 20px; /* white space between main left elements */
}

#rightcontent
{
	float: right;
	right: 0px;
	width:410px;
	font-family: verdana, arial, sans-serif;
	font-size:x-small;
	color:#002D56;
}

.topinfobox
{
	padding: 2px;
	margin-top: 10px;
	margin: 2px;
	width:46%; /* use 31% for 3 boxes */
	float: left;
	padding-bottom: 10px;
}


#photobox
{
	padding: 2px;
	margin-right: 2px;
	margin-top: 2px;
	width:52%;
	float: left;
	height:232px;
	border: 1px solid #b2b3d9;
	background: white url('images/boxbg.jpg') repeat-x;
}


#rightbottom
{
padding: 2px;
padding-bottom: 10px;
margin-left: 2px;
margin-top: 20px; /* whitespace between main left elements */
float: left;
width: 399px;
border: 1px solid #b2b3d9;
min-height:80px;
background: white url('images/boxbg.jpg') repeat-x;
}


p.Smaller
{
/*This is close to the UL style*/
	color: #002D56;
	font-family: Tahoma,Sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#newbox
{
/* background-color: #e7e7e7; */
	background: white url('images/boxbg.jpg') repeat-x;
	border: 1px solid #b2b3d9;
	margin-left: 2px;
	margin-top: 2px;
	padding: 2px;
	width:43%;
	float: left;
	height:232px;
	overflow: hidden;
}

#WhatsNew
{
	border: 2px solid #8098AC;
	background-color: #D9E4EA;
	padding:10px;
  padding-top: 7px;
}


/* BANNER ************************************************ */

p.ContactInfo
{
	text-align: left;
	color: #A2B3C2;
	font-family: Verdana,Sans-serif;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

#banner
{	
	background: white;
	height: 130px;
	position: relative;
}


#bannerlogo
{
	margin-top:2px;
	position: absolute;
	margin-left:10px;
}

#bannermiddle
{
	width:267px;
	height: 91px;
	left:275px;
	background-repeat:no-repeat;
	text-align:center;
	top:20px;
	position: absolute;
	font-family:Trebuchet MS,"Trebuchet MS",Lucida Sans Unicode,"Lucida Sans Unicode",'Eras Demi ITC',Eras Demi ITC,verdana,arial,sans-serif;
	font-size:20px;
	padding-top:15px;
}

#bannerinfo
{
	position: absolute;
	right:15px;
	text-align: left;
	color: #A2B3C2;
	font-family: Verdana,Sans-serif;
	font-size: 9px;
	margin: 0;
	padding-top:6px; /* 17 */
	padding-right:30px;
}


/* ------------------------------- content ----------------------------- */

#NewRightSideStuff
{
    float: right;
	width:199px;
	z-index:1;
	right:0px;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
}

.contribli 
{
font-size: 10px;
padding:1px;
margin:1px;
}

/* At some point #RightSideStuff should be deleted */

#RightSideStuff
{
    float: right;
	width:199px;
	/*padding:10px;*/
	z-index:1;
	height: 700px;
	top:10px;
	left:390px;
	position: absolute;
	margin-left:auto;
	margin-right:auto;	
}

/* center */

#centered
{
text-align: center;
margin-left:auto;
margin-right:auto;
}

.h1-noalign
{
	color: #0C5379;
	font-size: 16px;
	font-family: Tahoma, Sans-serif;
    margin-top: 0px;
	font-weight: bold;
}