/*
yellow = f8eaab
blue = 98bce0
light brown = 645030
dark brown = 583e23
*/


/*------------------- TYPOGRAPHY -------------------*/

body, table { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #505050; line-height: 18px }

h1 {
	
	/*color: #ce7b05;*/
	/* color: #fbb900; */
	color: #9bbad9;
	
	margin: 15px 0 23px -1px;
	line-height: 30px;
}

h2 {
	
	margin: 20px 0 10px 0;
	color: #645030;
}

h3 {
	font-size: 15px;
	margin: 18px 0 2px 0;
}

h4 { font-size: 11px; color: #454545; margin: 5px 0px 0px 0px; }

h2.top, h3.top {
	margin-top: 0;
}

a {
	text-decoration: none;
	/* color: #cd7b05; */
	color: #98bce0;
	outline: none;
}

a:hover {
	color: #221612;
	cursor: pointer;
}

a.document_link {
	padding: 4px 0 4px 25px;
	background: url('/site/images/icon_document.gif') left center no-repeat;
}

* html p { margin: 12px 0 12px 0 }

*:first-child+html p { margin: 12px 0 12px 0 }

.notice {
	font-style: italic;
	color: #cd7b05;
}

.fineprint {
	font-style: italic;
	color: #909090;
	font-size: 10px;
	line-height: 11px;
}

cite { display: block; font-size: 11px; font-style: italic; text-align: right; margin-top: 6px; color: #707070 }

p.intro {
	font-size: 16px;
	line-height: 27px;
	font-weight: 100;
}


/*------------------- LAYOUT -------------------*/

table, td, tr { margin: 0; padding: 0; border: 0; border-collapse: collapse; vertical-align: top; padding: 0px; margin: 0px; border-spacing: 0; }
.clear { clear: both }
span.delimiter { margin: 0 10px }
img { border: none }
div.left { float: left }
div.right { float: right }


/*------------------- FORMS -------------------*/

form { margin: 0 }
div.form_box { background: #eeeeee; padding: 20px; border: 1px solid #707070; margin: 10px 0 }
.buttonbox { text-align: right; padding: 15px 0 0 0; clear: both }
select { height: 17px }
input, select, textarea { font-size: 11px; margin-bottom: 8px; color: #525252; border: 1px solid #a5a5a5; }
select.multiselect { height: 50px }
.checkbox, .radio { border: none; margin-right: 10px; font-size: 10px; background: none }
input.image { border: none }
input.button { border: none; margin-left: -4px }
input.file { border: none }
label { display: block; margin: 0; font-size: 10px; text-transform: uppercase }
label.inline { display: inline }
input.inlinebutton { margin: 0 0 -6px 10px; border: 0px; display: inline }

.mf_form { margin: 10px 0 15px 0; width: 500px; line-height: 11px; font-size: 11px }
.mf_form input, .mf_form select, .mf_form textarea { margin: 0 }
.mf_form input { padding: 2px 2px }
.mf_form textarea { padding: 2px 0px 2px 2px; font-size: 11px; font-family: Arial }
.mf_form input.text, .mf_form textarea.textarea, .mf_form select.select, .mf_form select.multiselect, .mf_form input.password, .mf_form input.file { width: 200px }
.mf_form input.masked { color: #aeaeae }
.mf_form .checkbox, .mf_form .radio { border: none; margin-right: 10px; font-size: 10px; background: none }
.mf_form .image { border: none; margin: 10px 0 0 -2px }
.mf_form .button, .mf_form .submit, .submit { padding: 2px 4px; color: #FFFFFF; background: #707070; margin: 10px 10px 10px 0px }
.mf_formitemmsg { font-style: italic; font-size: 10px }
.mf_formitemcomments textarea { font-style: italic }
.mf_error .mf_formitemmsg, .mf_formitemcomments textarea { color: red }
.mf_success .mf_formitemmsg { color: #70a100 }
div.mf_form div.mf_formitem { margin-bottom: 5px; margin-top: 10px }
table.mf_form td { padding: 5px 10px 5px 0 }
table.mf_form tr.highlight td { background-color: #f5f5f5; }
table.mf_form td.mf_formitemlabel { padding-top: 9px; padding-left: 10px; text-align: right }
table.mf_form td.mf_formitemlabel.select { padding-top: 8px }
table.mf_form td.mf_formitemlabel label { display: inline }
table.mf_form.mf_display td.mf_formitemlabel { padding-top: 6px; width: 100px }
.mf_form .mf_formitemoptions { width: 350px }
.mf_form.mf_collection .mf_formitemoptions ul { list-style: none; list-style-image: none; margin: 0 0 0 12px; padding: 0 }
div.mf_form.mf_collection .mf_formitemoptions ul { margin-top: 6px }
.mf_form.mf_collection .mf_formitemoptions li { text-indent: -20px; margin-bottom: 10px }
.mf_form.mf_collection .mf_error input, .mf_form.mf_collection .mf_error select, .mf_form.mf_collection .mf_error textarea { border-width: 1px; border-color: red; background-color: #ffeeee }
.mf_form.mf_collection .mf_success input, .mf_form.mf_collection .mf_success select, .mf_form.mf_collection .mf_success textarea { border-width: 1px; border-color: #70a100; background-color: #f2f3f0 }
.mf_form.mf_collection .mf_error label { color: red }
.mf_form.mf_collection .mf_success label { color: #70a100 }



/*------------------- DATA -------------------*/

table.data { width: 100%; margin: 10px 0px; text-align: left; font-size: 11px }
table.data_wrapped { border: 1px solid #cccccc; margin-top: 8px }
table.data thead td { background-color: #707070; color: #FFFFFF;}
table.data th { font-size: 9px; font-weight: normal; text-transform: uppercase; text-align: left; padding: 7px 8px; }
table.data td { padding: 6px 8px 6px 8px; vertical-align: top; }
table.data td.data { padding: 0 }
table.data td.data table td { padding: 6px 8px 10px 8px }
table.data tr.highlight td { background-color: #f5f4eb; }
table.data .title_nolink { color: #454545; }
table.data div.details_text { margin: 10px 0px 0 14px; }
table.data div.details_text p { margin-top: 0; }
table.data a.details_link { display: block; width: 60px; height: 13px; background-position: center; background-repeat: no-repeat; text-indent: -20000px; text-decoration: none; cursor: pointer; margin: 5px 0 4px 0; clear: left; background-image: url('/assets/global/images/general/details_link_collapsed.gif'); }
table.data a.details_link.details_link_expanded { background-image: url('/assets/global/images/general/details_link_expanded.gif') }
table.data .title { width: 360px; display: block }
table.data .amount { text-align: right }
table.data input { margin: 0 }

table.data tfoot td {  border-top: 1px solid #505050 }

div.pagination { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 3px 0; text-align: center; height: 17px; line-height: 17px; margin: 10px 0 5px 0; }
div.pagination a { text-transform: capitalize; } 
div.pagination label { display: inline; font-size: 10px; font-weight: normal; text-transform: uppercase; margin-left: 10px; }
div.pagination select { margin-right: 10px; }
div.pagination .next { float: right; }
div.pagination .prev { float: left; }
div.pagination .page { margin: 0 3px; }


/*------------------- LISTS -------------------*/

ul, ol { padding: 0px 0px 0px 14px; margin: 10px 0px 15px 0px }
ul li ul, ol li ol, ul li ol, ol li ul { margin-top: 10px; font-size: 11px }
ol { margin-left: 4px; }

ul ul { list-style-type: disc; list-style-image: none; }
li { margin: 0px 0px 8px 0px; padding: 0px 7px 0px 6px }
ul li { padding-left: 8px; }

ul.below_header, ol.below_header { margin-top: 14px; }
ul.nostyle { list-style: none; list-style-image: none; margin-left: 0; padding-left: 0px }
ul.nostyle li { list-style: none; list-style-image: none; margin-left: 0; padding-left: 0px }

/* IE 6 sucks */
* html ol { margin: 10px 0px 15px 12px }
* html ul { padding: 0px 0px 0px 18px; margin: 0px 0px 15px 0px }
* html ul li { padding-left: 5px }
* html ul.links { margin-left: 17px }

/* IE 7 sucks */
*:first-child+html ol { margin: 10px 0px 15px 12px }
*:first-child+html ul { padding: 0px 0px 0px 18px }
*:first-child+html ul li { padding-left: 5px }
*:first-child+html ul.links { margin-left: 17px }


/*------------------- SPECIFIC COMPONENTS -------------------*/

body {
	
	/* background: #ffffff url('/site/images/background.gif') top center repeat-y; */
	font-size: 12px;
    font-family: Georgia, Arial, sans-serif;
    background-image: url(/site/images/body_bg.png);
    color:black;
    *overflow:hidden;
}


#main {
	width:944px;
    *width:999px;
    position:relative;
    top:-70px;
    left:29px;
    
    
}

#header {
	background: url('/site/images/header_cap.jpg') center bottom no-repeat;
	text-align: center;
	position: relative;
	height: 152px;
}

#wrapper { 
	margin: 0 auto;
	width: 944px; 
	position: relative;
}

#container {
    margin: 25px auto;
    width: 944px;

	top: 0;
	
	
}



#nav{
	
	width:1000px;
	height:149px;
	postion:relative;
	background-image: url(/site/images/nav_bg.png);
	
	
}


#nav ul{list-style:none; position: relative; top:67px; float:left; z-index:1000;}

#nav ul li{float:left; }

#scrollbar { 
        
		position:relative;
        top:-563px; 
        left:-2px;
        margin-top:200px;
        clear:both;
      
		


}


/* textual subnavigation
#subnav { text-align: center; margin: 0px auto 0 auto; width: 410px; height: 40px; font-size: 13px; }
#subnav ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#subnav li { display: block; float: left; height: 27px; line-height: 27px; margin: 0px 7px; }
#subnav li.selected { padding: 0px 0 0 10px; background: url('/site/images/subnav_left.gif') top left no-repeat; }
#subnav li.selected a { display: block; height: 27px; background: url('/site/images/subnav_right.gif') top right no-repeat; cursor: auto; color: #000000; padding-right: 10px; }
*/



#page {
	background: #ffffff;
	min-height: 400px;
	position: relative;
	padding: 20px 30px 40px 30px;
	text-align: left;
}

#main img{*margin-left:-499px}

#scrollbar { 
        
		position:relative;
        top:-563px; 
        left:-2px;
        margin-top:200px;
        clear:both;
      
		


}

#footer{color:white}


#accolades {
	margin-top: 30px;
}


#press-list li{float:left;margin-left:-15px }

#collection-list li{float:left; margin-left:-15px}

#collection-display a img { *margin:auto auto auto auto}




/**********************************************************************************************/
/*************************************** COLORBOX *******************************************************/


#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999; /*display:none*/}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
#modalWrap{width:9000px; height:9000px;}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
#borderMiddleLeft, #borderBottomLeft{clear:left;}
#modalContent{position:relative; overflow:visible;}
#contentTitle{margin:0;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
#modalLoadedContent{overflow:auto; width:0; height:0;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent img#modalPhoto{display:block; border:0; margin:auto;}
#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}


/* 
ColorBox example user style
These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#modalBackgroundOverlay{background:#000;}

#colorbox{}
#modalContent{background:#000; margin-top:20px;}
#modalLoadedContent{background:#000; padding:10px;}
#contentTitle{position:absolute; top:-20px; left:0; color:#fff;}
#contentCurrent{display:none;}
#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(/site/images.colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
#contentPrevious:hover{background-position:bottom left;}
#contentNext{position:absolute; top:50%; right:10px; margin-top:-41px; background:url(/site/images.colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
#contentNext:hover{background-position:bottom right;}
#modalLoadingOverlay{background:url(/site/images.colorbox/loading.gif) center center no-repeat #000;}
#modalClose{position:absolute; top:10px; right:10px; display:block; background:url(/site/images.colorbox/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
#modalClose:hover{background-position:bottom center;}


/*
The following fixes png-transparency for IE6 only.

Since IE does not support background-positioning with filters, it is incompatible with CSS sprites.  
Colorbox preloads the 'previous', 'next', 'close' hover-states to account for this.
*/
* html #contentPrevious{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/site/images.colorbox/previous.png, sizingMethod='crop');}
* html #contentPrevious:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/site/images.colorbox/previousHover.png, sizingMethod='scale');}
* html #contentNext{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/site/images.colorbox/next.png, sizingMethod='crop');}
* html #contentNext:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/site/images.colorbox/nextHover.png, sizingMethod='scale');}
* html #modalClose{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/site/images.colorbox/close.png, sizingMethod='crop');}
* html #modalClose:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/site/images.colorbox/closeHover.png, sizingMethod='scale');}

/* 
Because IE does not support CSS sprites while using the filter attribute 
this area is for declaring hover-state backgrounds so they can be preloaded
*/
* html #preloadPrevious{background-image:url(/site/images.colorbox/previousHover.png);}
* html #preloadNext{background-image:url(/site/images.colorbox/nextHover.png);}
* html #preloadClose{background-image:url(/site/images.colorbox/closeHover.png);}