/*
	filename: Default.css
	author: zliniguez
	purpose: provides style detail for site; loads core/reset stylesheets
*/

/*-- load css --*/
@import url("reset.css");

/* import accessible form CSS */
@import url("accessible-form.css");
@import url("accessible-form_lib.css");

/************************/
/***** =COLORS **********/
/* #c8ba84 = Gold *******/
/* #e6e0ce = Light Gold */
/* #0b2f53 = Deep Blue **/
/************************/

/***** =LAYOUT **********/
body {
    background-color: #c3b478;
}

div#container {
    margin: 0 auto;
    width: 770px;
}

div#header {
    background-color: #e6e0ce;
    padding: 15px;
    width: 100%;
}
div#header img#logo {
    float: left;
}
div#header-name {
    border-top: 1px solid #c8ba84;
    border-bottom: 1px solid #c8ba84;
    float: left;
    margin-left: 5px;
    padding: 11px 10px 0px 10px;
    width: 668px;
}
div#header-name img#name {
    position: relative;
    top: 3px;
}
div#header-links {
    float: right;
    font-size: 1.4em;
    position: relative;
    top: -35px;
}

div#section-header {
    border-top: 4px solid #c3b478;
    border-bottom: 3px solid #c3b478;
    height: 171px;
    width: 800px;
}

div#navigation {
    background-color: #00254A;
    padding: 10px 10px 12px 10px;
    text-align: center;
    width: 780px;
}

div#navigation ul {
    list-style-type: none;
}
div#navigation ul li {
    border-right: 1px solid #c8ba84;
    display: inline;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0px 4px;
}
div#navigation ul li.last { border-right: none; }

body.home div#content-container {
    background: #e6e0ce url("../images/bg-content-home.jpg") no-repeat bottom center;
    width: 800px;
}

div#content {
    background-color: #e6e0ce;
    border-top: 4px solid #c8ba84;
    color: #0b2f53;
    min-height: 300px;
    padding: 20px;
    width: 760px;
}
body.home div#content {
    background-color: Transparent;
    border-top: none;
    height: 480px;
}

div#copyright {
    background-color: #e6e0ce;
    color: #0b2f53;
    font-size: 1em;
    padding: 10px;
    text-align: center;
    width: 780px;
}
body.home div#copyright {
    background-color: Transparent;
    color: #fff;
}

div#footer {
    background-color: #c3b478;
    border-top: 3px solid #0b2f53;
    padding: 5px;
    font-style: italic;
    text-align: center;
    width: 790px;
}

ul#slideshow { list-style-type: none; }

/***** =TYPOGRAPHY **********/
div#content p {
    font-size: 1.3em;
}
div#content ul {
    font-size: 1.3em;
    margin-left: 20px;    
}

/***** =HEADLINES **********/
h2 {
    font-size: 1.5em;
    margin: 20px 0px 10px 0px;
}
h3 {
    font-size: 1.3em;
    text-transform: uppercase;
    margin: 10px 0px;
}

/***** =LINKS **********/
div#header a:link, div#header a:visited, div#header a:hover, div#header a:active {
    color: #c8ba84;
    text-decoration: none;
}
div#content-container a, div#footer a { color: #0b2f53; font-weight: bold; text-decoration: none; }
div#navigation a { color: #c8ba84; text-decoration: none; }
div#navigation li.selected a, div#navigation a:hover { color: #fff; }
body.home div#side a:hover { color: #c8ba84; }

/***** =PAGE-SPECIFIC **********/
/* home */
body.home div#side {
    float: left;
    height: 525px;
    width: 185px;
    margin: -13px 0px 0px -8px;
    text-align: center;
}
body.home div#side p { 
    font-size: 1.3em;
    padding: 25px 6px;
}
body.home div#side p a { color: #fff; }

body.home div#main {
    float: right; 
    margin: -10px 0px 0px 0px;
    height: 522px;
    width: 550px;
}

body.home div#main p {
    color: #0b2f53;
    padding: 20px 30px;
}

body.home div#main ul {
    color: #0b2f53;
    font-size: 1.3em;
    margin-left: 50px;
}

img#interest-mind { 
    position: relative;
    left: 115px;
}

/* services */
ul#services-list li { margin-bottom: 15px; }

/* meet the team */
div#col-left, div#col-right {
    width: 48%;
}
div#col-left {
    border-right: 1px solid #0b2f53;
    float: left;
}
div#col-right {
    float: right;
}
div.team-container {
    margin: 35px 0px;
    
}
div.team-container p { 
}
div.team-container img {    
    float: left;
    margin-right: 5px;
}
div#team-bio {
}
div#team-bio img { 
    float: left;
    margin-right: 10px;
}

/* contact */
div.contact {
}
div.contact img {
    float: left;
    margin-right: 20px;
}

/* newsroom */
ul#newsletters {
    list-style-type: none;
}
ul#newsletters li {
    margin: 25px 0px;
}
ul#newsletters li ul { font-size: 1em; list-style-type: none; }
ul#newsletters li ul li { margin: 10px 0px; }

div#event-images {
    float: right;
    margin-top: -30px;
}
div#event-images img { margin-bottom: 5px; }

/*-- LOGIN ----------*/
#loginContainer 
{
	position: relative;
	text-align: center;
}
#loginContent {
	background-color: #fff;
	border: 2px solid #000;
	position: relative;
	top: 10px;
	left: 10px;
	height: auto;
	width: 300px;
	margin: 10px auto 25px auto;
	padding-bottom: 10px;
	text-align: center;
}
#loginContainer h1 { font-size: 1.2em; margin-top: 5px; }
.inputLogin { width: 200px; margin-top: 5px; margin-left: 5px; }
.inputRequired { font-size: 10px; }
.errorMessage { border: 1px solid #ff0000; background: #EFD1D1 url("../images/icon_error.gif") no-repeat 1% 50%; }
.errorSummary { border: 1px solid #ff0000; padding: 8px; display: block; background-color: #EFD1D1; font-size: .89em; margin: 10px 0px; }
.errorIcon { font-size: 1.4em; }
.txtLong { width: 300px; }

/* =TOOLBAR */
ul.detailsToolbar { list-style-type: none; position: relative; width: 100%; margin-top: 20px; }
ul.detailsToolbar li { display: inline; margin-right: -3px; font-size: .8em; }

/*-- GRID VIEW ----------*/
.gvTable { margin-top: 10px; margin-bottom: 15px; width: 100%; }
.gvTable h2 { font-size: 16px; margin-top: 15px; }
.gvHeader {	}
.gvHeader th, .headerColumn { color: #fff; padding: 4px 8px; font-size: 12px; background-color: #00557e; text-align: center; font-weight: bold; }
div#content-container .gvHeader th a:link, .gvHeader th a:visited { color: #fff; }
.gvHeaderSub { font-size: 1em; }
.gvRow { background-color: #D0D0D0; }
.gvAltRow { background-color: #F2F2F2; }
.gvFooterRow { background-color: #A0A0A0; }
.gvSelectedRow 
{
	border: 1px solid #636363;
	background-color: #D5D2D2;
}
.gvItem, .commandColumn { padding: 4px 8px; font-size: 11px; }
.commandColumn, .commandColumnSmall { text-align: center; margin: 4px 8px; }
.commandColumn input { margin: 4px 8px; padding: 4px 8px; }

/*---------------------------------*/
/*--- =Safari-Hacks ---------------*/
/*---------------------------------*/
/*\*/
div#header-name a#my-account {
[top: -35px; /*required by Safari so that [] is correctly begun. associated with the property, yet hiding it. seen by IE6*/
top: 15px;/*these are seen by IE6 and Safari but hidden from Netscape6-7*/
]top: -35px; /*Reset IE6 properties and hide from Safari. required by Safari so that [] is correctly ended. associated with the property, yet hiding it. seen by IE6*/
}/**/