@charset "UTF-8";

/* begin page layout styles */

body  {
	background: url(assets/main%20content/stonebackground.png);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers */
	color: #FFFFFF;
	font: normal 12px Verdana, Geneva, sans-serif;
}
#container { 
	width: 100%;
	margin: 83px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: expression( document.body.clientWidth > 1159 ? "1160px" : "auto" ); /* sets max-width for IE */
    max-width: 1160px; /* this sets the max-width value for all standards-compliant browsers */
	width: expression( document.body.clientWidth < 901 ? "900px" : "auto" ); /* set min-width for IE */
    min-width: 900px; /* sets min-width value for all standards-compliant browsers */
}  
#columnContain {
	position: relative;
	z-index: 0;
	width: 80%; /* this will create a container 80% of the browser width */
	margin: 0 auto;
	text-align: left;
}
#sidebar1 {
	position: relative;
	float: left; 
	width: 200px; /* since this element is floated, a width must be given */
	/*background: #EBEBEB; the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* top and bottom padding create visual space within this div */
	z-index: 2;
}
.fulldarkdiv {
	background: url(assets/main%20content/darkdivfill.png);
	padding: 7px;
	margin: 0 7px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
.fulltanleftdiv {
	background: url(assets/main%20content/tandivfill.png);
	padding: 100px 7px 7px 7px;
	margin: 0 7px;
	min-height: 305px;
	height: auto !important;
	height: 305px;
}
.halftandiv {
	background: url(assets/main%20content/tandivfill.png);
	padding: 3px;
	margin: 0 7px;
	min-height: 190px;
	height: auto !important;
	height: 190px;
}
#sidebar2 {
	position: relative;
	float: right; 
	width: 200px; /* since this element is floated, a width must be given */
	/*background: #EBEBEB; the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* top and bottom padding create visual space within this div */
	z-index: 2;
}
#mainContent3col ul {
	list-style: inside;
	margin: 0;
	padding: 0;
	margin: 0 0 10px 20px;
}
#sidebar1 h2, #sidebar1 p, #sidebar2 p, #sidebar2 h2, #mainContent3col h1, #mainContent3col p, #mainContent2colR h1, #mainContent2colR h4, #mainContent2colR p, #mainContent2colL h1, #mainContent2colL h4, #mainContent2colL p {
	margin: 0 7px 10px 7px; /* the left and right margin should be given to every element that will be placed in the side columns */
}
.caption {
	font: italic 10px Verdana, Geneva, sans-serif;
	color: #FFD195;
	text-align: right;
}
h1 {
	text-align: right;
	font: 42px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h2 {
	font: bold 16px Verdana, Geneva, sans-serif;
	color: #FFD195;
	padding: 12px 0;
}
h3 {
	font: bold 14px Helvetica, Arial, sans-serif;
	margin: 0 0 7px 0;
}
h4 {
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #FFD195;
}
a {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFD195;
}
#mainContent3col {
	position: relative;
 	margin: 0 200px 0 200px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 0 7px; /* padding here creates white space "inside the box." */
	z-index: 2;
} 
#mainContent2colR {
	position: relative;
 	margin: 0 0 0 200px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 0 0 0 7px; /* padding here creates white space "inside the box." */
	z-index: 2;
} 
#mainContent2colL {
	position: relative;
 	margin: 0 200px 0 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 0 7px 0 0; /* padding here creates white space "inside the box." */
	z-index: 2;
} 
#header {
	margin: 0 0 7px 150px;
	font: italic bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#footer { 
	position:relative;
	margin-top: 10px;
	clear: both;
	z-index:2;
} 
.footer3col p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	margin-left: 120px;
	padding-right: 207px;
	text-align: right;
}
.footer2col p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	margin-left: 220px;
	text-align: left;
}
.connectentry {
	padding: 7px;
	border: 1px solid #000000;
	margin-bottom: 7px;
}
.connectentry a{
	text-decoration: underline;
}
.connectentry img, .resourceentry img {
	padding: 0 10px 10px 0;
}

/* begin Main Nav styles */

#main_nav_container {  
	background: url(assets/main%20content/navbar.png) 0 0 repeat-x;
	height: 39px;
	margin: 0 6px;
	padding-left: 120px;
	text-align: center;
} 
#main_nav_left {
	position: relative;
	background: url(assets/main%20content/navbarleft.png) 0 0 no-repeat;
	margin-bottom: 7px;
	z-index:2;
}
#main_nav_right {
		background: url(assets/main%20content/navbarright.png) 100% 0 no-repeat;
}
.main_nav_button {
	float: left;
	padding: 7px 0 0 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	letter-spacing: 1px;
}
.main_nav_active_button {
	float: left;
	padding: 7px 0 0 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	letter-spacing: 1px;
}
.main_nav_active_button a{
	color:#FFD195;
}
.main_nav_active_button a:hover{
	color:#FFFFCC;
}
#home {
	width: 15%;
}
#consulting{
	width: 31%;
}
#calendar {
	width: 20%;
}
#media {
	width: 8%;
}
#connections {
	width: 26%;
}

/* begin Sub nav styles */

.sub_nav_button {
	padding: 7px 0 0 0;
	font: bold 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: left;
}
.sub_nav_active_button {
	padding: 7px 0 0 0;
	font: bold 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: left;
}
.sub_nav_active_button a{
	color: #FFD195;
}
.sub_nav_active_button a:hover{
	color: #FFFFCC;
}

/* begin Calendar Styles */

#calbox {
	margin-left: 150px;
	padding: 10px;
	border: 1px solid #000000;
	overflow: auto;
	height: 310px;
}
.calentry h4, .calentry p {
	text-indent: 7px;
}
.calrule {
	width: 77%;
	margin: 10px 0;
	border: none;
	border-top: 1px solid #928A6F;
}

/* begin Horizontal List Styles */

.hItemList {
	padding: 10px;
	width: 135px;
	float: left;
	text-align: center;
}
.hItemList img {
	padding: 7px 0;
}

/* begin special styles */

#emblem {
	position: absolute;
	top: -53px;
	left: -40px;
	background: url(assets/main%20content/LSemblem.png) 0 0 no-repeat;
	width: 188px;
	height: 248px;
	z-index:3;
}
#logotype {
	position: absolute;
	top: -38px;
	right: 0px;
	background: url(assets/main%20content/LSheader.png) 0 0 no-repeat;
	width: 239px;
	height: 70px;
	z-index:3;
}
#logo {
	position: absolute;
	top: 285px;
	right: 5px;
	background: url(assets/home/lslogo.png) 0 0 no-repeat;
	width: 182px;
	height: 240px;
	z-index:4;
}
#leftpillar {
	position: absolute;
	top: -13px;
	left: -99px;
	background: url(assets/main%20content/stonepillar.png) 0 0 no-repeat;
	width: 197px;
	height: 586px;
	z-index:1;
}
#rightpillar {
	top: -13px;
	position: absolute;
	right: -99px;
	background: url(assets/main%20content/stonepillar.png) 0 0 no-repeat;
	width: 197px;
	height: 586px;
	z-index:1;
}
#sitecredit {
	height:96px;
	width:160px;
	position:fixed;
	bottom:0px;
	right:0px;
	margin:0;
	padding:0;
	z-index:5;
	background:url(assets/main%20content/sitecredit.png) bottom right no-repeat;
	background-attachment:fixed;
}
#sitecredit a {
	width:160px;
	height:96px;
	display:block;
	text-indent:-9999px;
}
a img {

    border: none;

}

/* begin bevel outline styles */

.tldark {
	background: url(assets/main%20content/darkdiv_TL.png) 0 0 no-repeat;
	margin-bottom: 7px;
}
.trdark {
	background: url(assets/main%20content/darkdiv_TR.png) 100% 0 no-repeat;
}
.bldark {
	background: url(assets/main%20content/darkdiv_BL.png) 0 100% no-repeat;
}
.brdark {
	background: url(assets/main%20content/darkdiv_BR.png) 100% 100% no-repeat;
}
.tdark {
	background: url(assets/main%20content/darkdiv_T.png) 0 0 repeat-x;
	margin: 0 7px;
	height: 7px;
}
.ldark {
	background: url(assets/main%20content/darkdiv_L.png) 0 0 repeat-y;
}
.rdark {
	background: url(assets/main%20content/darkdiv_R.png) 100% 0 repeat-y;
}
.bdark {
	background: url(assets/main%20content/darkdiv_B.png) 0 100% repeat-x;
	margin: 0 7px;
	height: 7px;
}
.tltan {
	background: url(assets/main%20content/tandiv_TL.png) 0 0 no-repeat;
	margin-bottom: 7px;
}
.trtan {
	background: url(assets/main%20content/tandiv_TR.png) 100% 0 no-repeat;
}
.bltan {
	background: url(assets/main%20content/tandiv_BL.png) 0 100% no-repeat; 
}
.brtan {
	background: url(assets/main%20content/tandiv_BR.png) 100% 100% no-repeat;
}
.ttan {
	background: url(assets/main%20content/tandiv_T.png) 0 0 repeat-x;
	margin: 0 7px;
	height: 7px;
}
.ltan {
	background: url(assets/main%20content/tandiv_L.png) 0 0 repeat-y;
}
.rtan {
	background: url(assets/main%20content/tandiv_R.png) 100% 0 repeat-y;
}
.btan {
	background: url(assets/main%20content/tandiv_B.png) 0 0 repeat-x;
	margin: 0 7px;
	height: 7px;
}