﻿/*structure*/
body
{
    background: #f2f9f6;
    margin: 0;
    padding: 0;
    font-family: sans-serif, arial;
    color: #3b3c3b;
}
body img, body a img
{
    border: 0 !important;
}
#container
{
    margin: 0 auto;
    width: 960px;
    height: auto;
    position: relative;
}

/*topstuffs, inside divs:home-top & top*/
#logo
{
    width: 333px; height: 127px;
    background: url(/App_Images/Internet/Eliot-logo.gif);
    position: absolute;
    top: 20px;
    left: -18px;
    z-index: 1;
}
#logo a
{
    display: block;
    width: 333px; height: 107px;
}
#menu
{
    width: 465px; 
    background: #87c6e2;
    position: absolute;
    top: 21px;
    right: 0;
    z-index: 1;
    padding: 9px 0 8px 0;
    font-size: 65%;
    font-weight: bold;
    margin-right: 155px;
    text-align: center;
}
#menu-right
{
    width: 155px;
    background: #0e78a6;
    padding: 9px 0 8px 0;
    position: absolute;
    top: 21px;
    right: 0;
    z-index: 2;
    font-size: 65%;
    font-weight: bold;
    text-align: center;
}
#menu a, #menu-right a
{
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 10px 0;
}
#menu a:hover, #menu-right a:hover
{
    color: #002e59;
}
.selected
{
    color: #002e59;
}

/*content*/
#content
{
    background: white;
    border-top: 17px solid #6ca8d3;
}
#content #true-content
{
    float: left;
    display: inline;
    margin: 9px 0 0 28px;
    width: 675px;
    font-weight: normal;
}
#content #true-content #left-column
{
    margin-top: 13px;
    float: left;
    width: 445px;
}

#content #true-content #right-column
{
    margin-top: 13px;
    float: right;
    width: 202px;
}

#content #true-content p
{
    font-size: 75%;
    line-height: 140%;
    margin: 7px 0 15px;
}
#content #true-content a
{
	color: #3B3C3B;
	text-decoration: underline;
	font-weight: bold;
}
#content #true-content ul
{
    background: #f3f3e7;
    font-size: 75%;
    padding: 10px 40px;
}
#content #true-content li
{
    padding: 4px 0;
}
#content #true-content img
{
    border: 2px solid #20566f;
    float: left;
    margin: 0 10px 10px 0;
}
#content #true-content select
{
    background-color: #fff;
    border: 1px solid #d6d6cd;
    width: 248px;
    margin: 5px 0 5px 10px;
}

/* right column styles */
#content #true-content #right-column img {
    width: 200px;
    float: none;
    display: block;
    margin: 0 0 15px;
    border: 1px solid #285c74 !important;
}

#content #true-content #right-column div.quote
{
    margin-bottom: 15px;
    width: 202px;
    background: transparent url(/App_Images/Internet/right-quote-mid-bg.gif) repeat-y top left;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #7B9CAD;
}

#content #true-content #right-column div.quote p
{
    background: transparent url(/App_Images/Internet/right-quote-top-bg.gif) no-repeat top left;
    margin: 0;
    padding: 35px 21px 0;
    line-height: 1.5em;
}

#content #true-content #right-column div.quote span.attrib
{
    display: block;
    height: 28px;
    background: transparent url(/App_Images/Internet/right-quote-bottom-bg.gif) no-repeat bottom left;
    text-align: right;
    padding: 25px 21px 0;
    font-size: 75%;
    font-style: italic;
}

#content #true-content #right-column div.contact-info,
#left-nav div.contact-info
{
    margin-bottom: 15px;
    width: 202px;
    height: 109px;
    background: transparent url(/App_Images/Internet/contact-box-bg.gif) no-repeat top left;
}

#content #true-content #right-column div.contact-info2,
#left-nav div.contact-info2
{
    margin-bottom: 15px;
    width: 202px;
    height: 148px;
    background: transparent url(/App_Images/Internet/contact-box-bg2.gif) no-repeat top left;
}

#content #true-content #right-column a.find-services {
	display: block;
	width: 197px; height: 36px;
	padding-top: 10px;
	margin-bottom: 15px;
	text-decoration: none;
	text-align: center;
	font-size: 85%;
	line-height: 1.05em;
	background: transparent url(/App_Images/Internet/btn-large.jpg) no-repeat top left;
}

#left-nav div.contact-info,
#left-nav div.contact-info2{
    margin-left:10px;
}

#content #true-content #right-column div.contact-info h3,
#content #true-content #right-column div.contact-info2 h3,
#left-nav div.contact-info h3,
#left-nav div.contact-info2 h3
{
    height: 36px;
    margin: 0;
    padding: 0;
    line-height: 36px;
    text-align: center;
    font-size: 75%;
    color: #fff;
}

#content #true-content #right-column div.contact-info p,
#content #true-content #right-column div.contact-info2 p,
#left-nav div.contact-info p,
#left-nav div.contact-info2 p
{
    margin: 0;
    padding: 10px 0 0 45px;
    color: #183b69;
    font-weight: bold;
    font-size:0.8em;
    line-height: 1.1em;
}

#content #true-content #right-column div.contact-info2 p,
#left-nav div.contact-info2 p
{
    padding-left:25px;
}

#content #true-content #right-column div.contact-info p span,
#content #true-content #right-column div.contact-info2 p span
#left-nav div.contact-info p span,
#left-nav div.contact-info2 p span
{
    color: #436188;
    display: block;
    font-size: 0.9em;
    padding-top: 0.8em;
}

/*left navigation*/
#content #left-nav-wrapper
{
    float: left;
    display: inline;
    background: transparent url(/App_Images/Internet/left-nav/top.jpg) no-repeat;
    width: 222px;
    margin-top: 9px;
    padding-top: 18px;
}
#content #left-nav-wrapper #left-nav
{
    border-left: 1px solid #e8e9e1;
    border-right: 1px solid #e8e9e1;
    background: #fdfeec;
    position: relative;
}
#content #left-nav-wrapper #left-nav ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 70%;
}
#content #left-nav-wrapper #left-nav li a
{
    padding: 7px 0 8px 22px;
    margin: 0;
    background: #e7e7ce url(/App_Images/Internet/left-nav/item.gif) repeat-x;
    width: auto;
    display: block;
    text-decoration: none;
    color: #3b3c3b;
}
#content #left-nav-wrapper #left-nav li ul li a
{
    padding: 6px 0 6px 35px;
    margin: 0;
    background: url(/App_Images/Internet/left-nav/child-arrow.gif) 27px 10px no-repeat;
    width: auto;
    display: block;
    text-decoration: none;
    font-size: 135%;
    color: white;
}
#content #left-nav-wrapper #left-nav li ul a.selected
{
    background: url(/App_Images/Internet/left-nav/selected-child-arrow.gif) 27px 10px no-repeat;
    font-weight: bold;
    color: #345162;
}
#content #left-nav-wrapper #left-nav li ul li
{
    background: #88c6db url(/App_Images/Internet/left-nav/child-bg.gif) repeat-x;
}
#content #left-nav-wrapper #left-nav .quote
{
    padding: 37px 20px 0 20px;
}
#content #left-nav-wrapper #left-nav p
{
    font-family: georgia;
    color: #8a8a8a;
    line-height: 20px;
    font-size: 70%;
}
#content #left-nav-wrapper #left-nav .selected
{
    background: #3c8aad url(/App_Images/Internet/left-nav/selected.gif) repeat-x;
    color: White;
    font-weight: bold;
    text-decoration: none;
}
#content #left-nav-wrapper #left-nav .citation
{
    text-align: right;
    margin: 0;
}
#content #left-nav-wrapper #left-nav .refine
{
    background: #eef5f6 url(/App_Images/Internet/search-down-arrow.gif) no-repeat 23px 17px;
    color: #5187ad;
    border-top: 1px solid #bcd7db;
    padding: 11px 0 7px 34px;
    height: auto;
    width: 186px;
    position: relative;
    left: 0;
    font-size: 90%;
}
#content #left-nav-wrapper #left-nav .all
{
    padding: 1px 7px 0 0 !important;
    font-size: 90%;
}
#content #left-nav-wrapper #left-nav .refine a
{
    padding: 2px 7px 0 0;
    color: #5187ad !important;
    text-decoration: underline !important;
    font-weight: normal !important;
    position: absolute;
    z-index: 4;
    right: 0;
    background: transparent !important;
}
#content #left-nav-wrapper #left-nav .refine-head
{
    font-weight: bold;
    color: #254660;
    border-top: 0;
    background: #eef5f6;
    padding: 6px 0 0 22px;
    height: 21px;
    width: 198px;
    font-size: 100%;
    margin: 0;
}

/*news styles*/
.news-date
{
	margin: 20px 0 0 0;
	padding: 0;
}
.news-title
{
	margin: 0;
	padding: 0;
}
.news-text
{
	margin: -4px 0 0 0;
	padding: 0;
	line-height: 18px;
}

#newscontainer .news-item
{
    margin: 25px 0;
}

#newscontainer .news-item h2 span.date {
    display: block;
    color: #80a7d0;
    font-size: 0.86em;
}

/*bios*/
.bio h2
{
    color: #80a7d0;
    font-size: 75%;
    font-weight: bold;
    margin: 0;
    padding: 7px 0 3px 0;
}

.bio .font-normal
{
    font-weight:normal !important;
    margin-left:10px;
}

.bio p
{
	margin: 0;
    padding: 0 0 5px 0;
}

/*jobs posting styles*/
#job-container
{
	margin-bottom: 20px;
	color: #595953;
}
.jobs-posting
{
    border-bottom: 1px solid #a19f88;
}
.even
{
    background: #f3f3e7;
}
.odd
{
    background: #fbfbf6;
}
.last
{
	margin-bottom: 20px;
}
.search-head
{
    color: #80a7d0;
    font-size: 80%;
    font-weight: bold;
    height: 22px;
    margin: 0;
    padding: 20px 0 0 0;
    background: white;
    border-bottom: 0 !important;
}
.jobs-posting .search-subhead
{
    color: #373e3f;
    font-size: 75%;
    height: 40px;
    font-weight: bold;
    padding-top: 13px;
    margin-left: 5px;
}
.jobs-posting .jobs-head-columns 
{
	height: 30px;
}
.jobs-posting .jobs-head-columns .jobs-column-1
{
	width: 222px;
	padding-left: 2px;
	float: left;
}
.jobs-posting .jobs-head-columns .jobs-column-2
{
	width: 225px;
	float: left;
}
.jobs-posting .jobs-head-columns .jobs-column-3
{
	width: 215px;
	float: left;
}
.jobs-posting .job-description
{
    padding: 0 8px;
    font-size: 75%;
    clear: both;
}
.jobs-posting .job-description .job-description-link
{
	margin: 14px 0 5px 0; 
}
.jobs-posting .job-description .job-description-link a
{
	font-weight: bold;
	text-decoration: none !important;
	font-size: 120% !important;
	text-transform: uppercase;
	color: #5187AD !important;
}
.jobs-posting .jobs-column-collapse
{
	padding: 0 10px 10px 10px;
}
.jobs-posting .jobs-column-collapse a
{
	color: #a9a997 !important;
	text-decoration: none !important;
	font-size: 80% !important;
	font-weight: normal !important;
}

/*type*/
h1
{
    color: #476f82;
    font-size: 170%;
    font-weight: lighter;
    line-height: 26px;
    margin: 13px 0 7px 0;
}
h2
{
	color: #4685b1;
	font-size: 95%;
	font-weight: bold;
	margin: 0 0 7px 0;
}
h3
{
    color: #80a7d0;
    font-size: 75%;
    font-weight: bold;
    margin: 0 0 7px;
}

h4
{
	color: #002a44;
	font-size: 115%;
	font-weight: bold;
	margin: 15px 0 20px 0;
}

/*downstuffs*/
#footer
{
    color: #92b0a3;
    padding: 20px;
    font-size: 70%;
}
#footer p
{
    margin: 2px 0;
    padding: 0;
}
#footer a
{
    color: #233e53;
    text-decoration: none;
    font-weight: bold;
}
#footer #left-foot
{
    float: left;
}
#footer #right-foot
{
    float: right;
    text-align: right;
}
/*extras*/
.clearfloats
{
    clear: both;
}
.left
{
    float: left;
}
.big-blue
{
    color: #436188;
    font-size: 75% !important;
    font-weight: bold;
}

ul.menu-child li a
{
    color: #5187ad !important;
}

