﻿/*START INTERIOR PAGE STYLES----------------------------------------------------------------*/
table#row2Table
{
	height: 100%;
	float: left;
	border: none 0 none;
}

td#row2Col1Cell
{
	border-right: solid 1px #688BAF;
	vertical-align: top;
}

td#row2Col2Cell
{
	vertical-align: top;
}

div#Row2Col2{ /*CONTAINER FOR EVERYTHING FOUND IN THE SECOND COLUMN IN THE PAGE LAYOUT*/
	float:left;
	width:818px;
	margin-bottom:15px;
}

/*--------------------------------------------------------------------------------------------*/
/*UNORDERED LIST FORMATTED FOR USE AS NAVIGATIONAL ELEMENTS. THIS CAN BE USED FOR 2NDARY PAGES 
WHERE THE LIST OF LINKS IS PRESENTED FOR FURTHER OPTIONSINTO A 3RD LEVEL PAGE*/
/*--------------------------------------------------------------------------------------------*/
div#Row2Col2 div#divCollections ul { 
	margin:0 0 0 8px;
	padding:0 10px 0 20px;
}
div#Row2Col2 div#divCollections ul li {
	list-style:square url(../images/yellow_bullet.gif);
	list-style-position:outside;
	color:#000;
	font-size:11px;
	line-height:16px;
	padding:0 0 9px 0;
	margin:0 0 0 1px;
}
h6
{
	font-size:11px;
	margin:5px 10px 10px 10px;	
}
h6 a
{
	font-size:11px;
	font-weight:normal;	
}

/*----------------------------------------------------------------------------------------
ROTATING CONTENT CONTROL CAN BE STYLED USING THE FOLLOWING DIV FOLLOWED BY CHILD TAGS
----------------------------------------------------------------------------------------*/
div#RotatingContentWrapper p 
{
    font-size:10px;
}
/*----------------------------------------------------------------------------------------
END ROTATING CONTENT CONTROL 
----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------
END OF COLUMN THREE 
----------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------
MAIN CONTENT STYLES BEGIN HERE
----------------------------------------------------------------------------------------*/
div#contentHeading *
{
	margin:0px;
	padding:0px;
}
div#contentHeading /*CONTAINER FOR THE PAGE HEADING WITH BACKGROUND FILL*/
{
	height:35px;
	background-color:#688BAF;
	/*width:555px;*/
	width:100%;

}
div#contentHeading h3 /*PAGE HEADING TEXT (ie. Human Resources)*/
{
	background-color:#688BAF;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	padding:1px 0 0 10px;
	width:480px;
}

div#mainContent /*CONTAINER FOR THE MAIN CONTENT IN THE INTERIOR PAGES*/
{
	/*border:solid 1px #688BAF;
	border-left:solid 1px #688BAF;
	border-bottom:solid 1px #688BAF;
	border-top:solid 1px #688BAF;*/
    font-size:11px;
	color:#000;
	padding:0 0 0 0;
}
div#mainContent div.BreadcrumbHistory *
{
	margin:0px;
	padding:0px;
}
div#mainContent div.BreadcrumbHistory
{
    padding:5px 5px 10px 10px;
}
div#mainContent div.BreadcrumbHistory a
{
    text-decoration:underline;
	color:#688BAF;
	font-weight:normal; 
}
div#mainContent div.BackButton
{
    float:right;
    padding:3px 3px 3px 3px;
    border:solid 1px #000; 
    background-color:#FFCC66;
    width:60px;
    margin:0 3px 10px 10px;
}
div#mainContent div.BackButton a
{
    text-decoration:none;
	color:#688BAF;
	font-weight:bold; 
}


/*STYLES SPECIFIC TO THE LAYOUT OF THE TEMPLATE*/
div#ContentWrapper 
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    padding:1px 8px 10px 8px;
    width:700px;
    /*border: solid 2px black;*/
}

div#ContentWrapper div#searchWrapper
{
	width:550px;
    /*border: solid 2px black;	*/
}

div#ContentWrapper h4 
{
	/*padding:0 7px 4px 2px;
	margin:5px 0 5px 0;
	font-size:13px;
	color:#688BAF;
	border-bottom:dotted 1px #688BAF;	
	line-height:18px;*/
}
div#ContentWrapper h5 
{
	/*padding:0 7px 4px 2px;
	margin:5px 0 5px 0;
	color:#688BAF;
	line-height:18px;*/
}

div#ContentWrapper p 
{
	padding:0 0px 0px 0;
	
}
div#ContentWrapper p.sendLink
{
	padding:10px 5px 0 5px;
	font-weight:bold;
	
}
div#ContentWrapper table
{
    padding:0 0 0 0;
    margin:0 0 0 0;
}

div#ContentWrapper table th
{
    padding:5px 7px 5px 7px;
}
div#ContentWrapper table td
{
    padding:3px 7px 3px 7px;
}
div#ContentWrapper table#Contact_Information td
{
    padding:5px 7px 5px 7px;
}

/*----------------------------------------------------------------------------------------
UPCOMING EVENTS SPECIFIC STYLES
----------------------------------------------------------------------------------------*/  
div#ContentWrapper table.tblUpcomingEvents 
{
    width:520px;
}
div#ContentWrapper table.tblUpcomingEvents td
{
    padding:0px 0px 0px 0px;
   
}
div#ContentWrapper .tblUpcomingEvents td.EventTitle
{
    width:85%;
}
div#ContentWrapper .tblUpcomingEvents td.EventRegister
{
    width:15%;
}
div#ContentWrapper .AlternatingRow
{
    background-color:#DFDFDF;
}

table caption h4 
{
    padding:0 7px 4px 2px;
	margin:5px 0 5px 0;
	font-size:13px;
	color:#688BAF;
	border-bottom:dotted 1px #688BAF;	
	line-height:18px;
	text-align:left;
}
.dottedBorderBlack
{
    border:dotted 1px black;
    padding:0 0 0 0;
}  

table .dottedBorderBlack td
{
    padding:0 0 0 0;
}  
div#ContentWrapper table#tblEvents 
{
    margin-bottom:0px;
}
/*----------------------------------------------------------------------------------------
END OF UPCOMING EVENTS STYLES
----------------------------------------------------------------------------------------*/  

div#ContentWrapper div p
{
    padding:5px 7px 5px 7px;
}
/*----------------------------------------------------------------------------------------
END OF MAIN CONTENT STYLES
----------------------------------------------------------------------------------------*/
div#PrintEmailUtility /*STYLES FOR THE PRINT AND EMAIL ICONS USED ON INTERIOR PAGES*/
{
	position:relative;
	top:0px;
	left:766px;
	height:16px;
	text-align:center;
	z-index:105;
	width:51px;
	background-color:#FFCC66;
	vertical-align:middle;
	padding-top:3px;
}/*----------------------------------------------------------------------------------------
EVENTS NAVIGATION FOR CALENDAR AND RECENT PRESENTATIONS
----------------------------------------------------------------------------------------*/
div#EventsNavigation 
{
    width:100%;
    text-align:center;
    padding:5px 0 10px 0;
}

div#EventsNavigation ul {
	margin:5px 10px 0 0;
	padding:0 0 0 0;
	float:left;
}
div#EventsNavigation ul ul {
	display:none;
	visibility:hidden;
}
div#EventsNavigation li {
	float:left;
	list-style-type:none;
	display:block;
	padding:0 0 0 0;
	font-weight:normal;
	color:#688BAF;

}
div#EventsNavigation li:first-child {}

div#EventsNavigation li:hover { 
	
}
div#EventsNavigation a {
	padding:2px 4px 2px 4px;
	text-decoration:none;
	font-weight:bold;
	color:#688BAF;
	display:inline;
	text-align:center;
	line-height:20px;
	height:100%;
	background-color:#FFCC66;
	border:solid 1px #688BAF;
	
}
div#EventsNavigation a:hover {/*THIS IS THE DOWN STATE USED FOR ROLLOVER NAVIGATION*/
	color:#FFCC66;
	border:solid 1px #FFCC66;
	background-color:#688BAF;
}
* html div#EventsNavigation ul {
	float:left;
}
div#EventsCalendar table
{
    	width:700px;
}
div#EventsCalendar table table
{
    	width:100%;
}
/*----------------------------------------------------------------------------------------
END OF MAIN CONTENT STYLES
----------------------------------------------------------------------------------------*/