/*

Author:			Bedrich Rios
Created:		02.16.08
Last Updated:	09.30.08
Theme:			OCS program template.

*/



/* Global Styles
.................................................. */

body { background: #f4f4f4; }

#wrapper.fullGraphicsView 
{ 
	padding-top: 10px;
	font-size: 100%;
	line-height: 1.15em;
	color: #333333;
}

#bannerXtra 		{ display: none; }

.fullGraphicsView a { color: #333366; }

.fullGraphicsView a:hover 	
{  
	color: #333333;
	background: #f4f4f4;
	text-decoration: underline !important;
}

.fullGraphicsView h1 { font-size: 1.7em !important; }
.fullGraphicsView h2 { font-size: 1.35em !important; }
.fullGraphicsView h3 { font-size: 1.025em !important; }
.fullGraphicsView h4 { font-size: 1em !important; } 

.fullGraphicsView h1,
.fullGraphicsView h2,
.fullGraphicsView h3,
.fullGraphicsView h4
{ 
 	clear: both; 
 	margin-bottom: 0;
 	padding-bottom: .5em;
}

.fullGraphicsView ul,
.fullGraphicsView ol
{
	border: none; 
	margin-left: 0;
	padding-left: 0;
}



/* breadcrumbs
.................................................. */

#wrapper.fullGraphicsView #breadcrumbs
{
	padding: 5px 0;
	width: 1048px;
	height: 20px;
	margin: 0 auto;
	background: none;
	font-size: .6em;
	font-family: Verdana, sans-serif;
	color: #555;
}

#wrapper.fullGraphicsView #breadcrumbs a { color: #333366; }



/* banner
.................................................. */

.fullGraphicsView #banner
{
	padding: 30px 50px;
	border: 1px solid #ddd;
	border-bottom: none;
}

.fullGraphicsView #banner h1 { padding-bottom: 0; }



/* parentSites
.................................................. */

.fullGraphicsView .parentSites 
{ 	
	font-family: verdana, sans-serif;
	font-size: .5em;	
}

.fullGraphicsView #banner .parentSites h2 
{ 
	font-family: Verdana, sans-serif;
	font-size: 1.3em !important;
	font-weight: normal;
	margin: 0;
}

.fullGraphicsView .parentSites h2 a
{
	display: block;
	padding: 0 10px;
	font-size: .85em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: url('images/parent_buttons.jpg') top left repeat-x #e9e0b5;
	border: 1px solid #bcb57a;
	border-top: none;
	color: #4d1c71;
}

.fullGraphicsView .parentSites h2 a:hover 
{ 
	background: #d4cc89;
	text-decoration: underline; 
}


/* bannerAndMeat
.................................................. */

.fullGraphicsView #bannerAndMeat { background: #fff; }



/* meat
.................................................. */

.fullGraphicsView #meat 
{
	border: 1px solid #ddd;
	border-top: none;
}



/* postBanner
.................................................. */

.fullGraphicsView #postBanner
{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.fullGraphicsView #topNavigation
{
	font-family: verdana, sans-serif;
	font-size: .7em;
	width: 100%;
}


	/* navLevel1
	............ */

	.fullGraphicsView #topNavigation .navLevel1 { padding-top: 4px; }
	
	.fullGraphicsView #topNavigation .navLevel1 ul li a
	{
		margin-right: 10px;
		text-transform: capitalize;
		text-decoration: underline;
		padding-bottom: 4px;
	}
	
	.fullGraphicsView #topNavigation .navLevel1 ul li.open a,
	.fullGraphicsView #topNavigation .navLevel1 ul li.current strong
	{
		text-transform: capitalize;
		font-weight: bold;
		text-decoration: none;
		color: #333333;
		margin-right: 10px;
		padding-bottom: 4px;
		background: url('images/current_mark.gif') bottom center no-repeat;
	}
	
	.fullGraphicsView #topNavigation .navLevel1 ul li strong.home { display: none; }

	
	/* navLevel2
	............ */
	
	.fullGraphicsView #topNavigation .navLevel2
	{
		background: url('images/navlevel2_bg.jpg') top left repeat-x #f4f4f4;
		clear: left;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}
	 
	.fullGraphicsView #topNavigation .navLevel2 ul li.current strong 
	{ 
		text-transform: capitalize;
		padding: 2px 7px;
		color: #444444;
		background: #fff;
		border-right: 1px solid #bbbbbb;
	}
	
	.fullGraphicsView #topNavigation .navLevel2 ul li a
	{
		text-transform: capitalize;
		text-decoration: none;
		border-right: 1px solid #bbbbbb;
		padding: 2px 6px;
	}
	
	.fullGraphicsView #topNavigation .navLevel2 ul li.current a
	{
		padding: 0;
		border: none;
	}
	
	* html .fullGraphicsView #topNavigation .navLevel2 ul li a { height: 1px; }
	
	.fullGraphicsView #topNavigation .navLevel2 ul li.open a,
	.fullGraphicsView #topNavigation .navLevel2 ul li a:hover
	{
		background: #fff;
		color: #444444;
	}
	
	.fullGraphicsView #topNavigation .navLevel2 ul li.open a { font-weight: bold; }



/* content
.................................................. */

.fullGraphicsView #content
{
	font-family: Verdana, sans-serif;
	font-size: .7em;
}

.fullGraphicsView #content ul,
.fullGraphicsView #content ol					
{ 
	border: none; 
	margin-left: 0;
	padding-left: 0;
}

.fullGraphicsView #content h3 { margin: 0; }

.fullGraphicsView #content h2.pageTitle 
{ 
	margin: 0;
	padding-bottom: 1em;
}

.fullGraphicsView #content p			
{
	margin-top: 0; 
	margin-bottom: 1em; 
}

.fullGraphicsView #content p.quote
{
	clear: both;
	background: #f4f4f4;
	padding: 5px 10px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}

.fullGraphicsView #content ul.childrenList, 
.fullGraphicsView #content ul.siblingList 
{
	padding-top: 10px;
	margin-top: 0;
	border-top: 1px dotted #ddd;
}

.fullGraphicsView #pageContent img
{
	padding: 10px;
	margin: 0 10px 10px 0;
	border: 1px solid #ddd;
}

* html .fullGraphicsView #meat.containsConRelNav #content 
{
	overflow: hidden;
}



.fullGraphicsView #pageContent p img { margin-top: 10px; }

.fullGraphicsView #content #imageGallery #searchWrapper
{
	width: 250px;
	height: 25px !important;
	padding: 4px 10px;
	background: #f0f0f0;
	border: 1px solid #ddd;
	border-bottom: none;
	white-space: nowrap;
}

.fullGraphicsView #content #imageGallery #searchWrapper input { border: 1px solid #ddd; }

.fullGraphicsView #content #imageGallery #searchWrapper input[name="go"]
{
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
}

.fullGraphicsView #content #imageGallery #searchWrapper input[name="go"]:hover
{
	background: #fff;
	border: 1px solid #ddd;
}

.fullGraphicsView #content #imageGallery ul#imageGalleryItemList 
{ 
	padding-left: 0;
	margin-left: 0;
}

.fullGraphicsView #content #imageGallery ul#imageGalleryItemList li 
{ 
	border: 1px solid #ddd; 
	background: #fff;	
	margin-left: 0;
	margin-right: 10px;
	height: 170px !important;
}

.fullGraphicsView #content #imageGallery ul#imageGalleryItemList li a.imageLink 
{ 
	width: 100%;
	background: #fff; 
}

.fullGraphicsView #content #imageGallery ul#imageGalleryItemList li img 
{ 
	padding: 10px; 
	border: none;
}

.fullGraphicsView #content #imageGallery ul#imageGalleryItemList li p.descText
{
	background: #f4f4f4;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 100%;
}

.fullGraphicsView #content #imageGallery ul#imageGalleryItemList li p.descText a 
{ 
	text-decoration: none; 
	padding: 0;
}

.fullGraphicsView #content #imageGallery .back,
.fullGraphicsView #content #imageGallery h3,
.fullGraphicsView #content #imageGallery .pagination
{
	background: #f4f4f4;
	border: 1px solid #ddd;
	padding: 3px 10px;
	font-size: .85em;
}

.fullGraphicsView #content #imageGallery .nextWrapper, 
.fullGraphicsView #content #imageGallery .prevWrapper   
{ border: 1px solid #ddd; }

.fullGraphicsView #content #imageGallery .sequenceNum 	{ margin: 5px 0; }
.fullGraphicsView #content #imageGallery .dateTime 		{ margin: 0; }



/* Blog
.................................................. */

.fullGraphicsView #blog .persistent
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: none;
	border-bottom: 1px dashed #ddd;
}

.fullGraphicsView #blog .persistent #filtering,
.fullGraphicsView #blog .persistent .loginlogout
{
	margin-left: 0;
}

.fullGraphicsView #blog .persistent .loginlogout 	{ font-size: .8em; }
.fullGraphicsView #blog .pagination 				{ clear: left; }

.fullGraphicsView #blog .moduleNav .below /* = .pagination.below | However, IE6 does not understand double class selectors. */		
{ 
	border-top: 1px dashed #ddd; 
	padding-top: 5px;
}


	/* post listing 
	............... */
		
	.fullGraphicsView #blog ul.posts li.post
	{
		border-top: 1px dashed #ddd;
		margin-bottom: 10px;
		padding-bottom: 10px;	
	}
	
	.fullGraphicsView #blog ul.posts li.post .teaserImage img
	{
		float: right;
		margin: 16px 0 10px 10px;
		padding: 10px;
		border: 1px solid #ddd;
	}
	
	.fullGraphicsView #blog ul.posts li.post h4.title
	{ 
		margin-bottom: 0; 
		clear: left;
	}
	
	.fullGraphicsView #blog ul.posts li.post .desc { margin: 10px 0; }
	
	.fullGraphicsView #blog ul.posts li.post .date
	{
		font-size: .9em;
		color: #777;
	}
	
	.fullGraphicsView #blog ul.posts li.post ul.links
	{
		margin-left: 0;
		padding-left: 0;
		list-style: disc outside;
	}
	
	
	/* full post 
	............ */
	
	.fullGraphicsView #blog .fullPost .text 	{ margin: 10px 0 10px 0; }
	.fullGraphicsView #blog .fullPost .text img { margin: 0; }
	
	.fullGraphicsView #blog .fullPost .date,
	.fullGraphicsView #blog .fullPost .author
	{
		font-size: .9em;
		line-height: 1.6em;
		color: #777;
	}
	
	.fullGraphicsView #blog .fullPost .relatedItems .images { padding-left: 25px; }
	
	.fullGraphicsView #blog .fullPost .relatedItems .images .tnImage
	{
		border: 1px solid #ddd;
		padding: 10px 0;
	}
	
	.fullGraphicsView #blog .fullPost .relatedItems .images .tnDesc
	{
		background: #f4f4f4;
		border: 1px solid #ddd;
		border-top: none;
	}



/* navigation
.................................................. */

.fullGraphicsView #navigation { font-size: .7em; }

.fullGraphicsView #navigation p 
{
	margin: 0;
	margin-bottom: 5px;
}

.fullGraphicsView #navigation p.textOnlyLink
{
	padding: 5px 25px;
	border-top: 1px dotted #ddd;
	background-position: left center;
}

.fullGraphicsView #navigation p.pullQuoteRight,
.fullGraphicsView #navigation .blurb
{
	background: #f4f4f4;
	padding: 5px 10px;
	margin: 10px 0;
	margin-top: 0;
	border: 1px solid #ddd;
	float: none;
	text-align: left;
}

.fullGraphicsView #navigation .blurbs { margin-bottom: 20px; }

.fullGraphicsView #navigation p.pullQuoteRight 
{ 
	font-weight: normal;
	border: none;
	padding: 0;
	width: auto; 
	margin-bottom: 0;
}

.fullGraphicsView #navigation #minisiteNavigation 
{ 
	margin-bottom: 20px; 
	border-top: 1px solid #ddd;
}

.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList 	{ padding-left: 0; }
.fullGraphicsView #navigation #minisiteNavigation ul li 					{ margin: 0; }

.fullGraphicsView #navigation #minisiteNavigation strong,
.fullGraphicsView #navigation #minisiteNavigation a
{
	display: block;
	text-decoration: none;
	text-transform: capitalize; 
	background: #f4f4f4;
	padding: 3px 5px;
	border: 1px solid #ddd;
	border-top: none;
}

* html .fullGraphicsView #navigation #minisiteNavigation a 	{ height: 1px; }


	/* First set of children 
	........................ */
	
	.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open ul.navList li.closed a,
	.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open ul.navList li.current strong
	{
		padding-left: 15px;
	}
	
	
	/* Second set of children 
	......................... */
	
	.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open ul.navList li.open ul.navList li.closed a,
	.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open ul.navList li.open ul.navList li.current strong
	{
		padding-left: 30px;
	}
	
	.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open ul.navList li.open a { padding-left: 15px; } /* parent link positioned after click */
	
	
	/* Third set of children 
	........................ */
	
	.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open ul.navList li.open ul.navList li.open ul.navList li.closed a,
	.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open ul.navList li.open ul.navList li.open ul.navList li.current strong
	{
		padding-left: 45px;
	}
	
	.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open ul.navList li.open ul.navList li.open a 	{ padding-left: 30px; } /* parent link positioned after click */


.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open a,
.fullGraphicsView #navigation #minisiteNavigation strong,
.fullGraphicsView #navigation #minisiteNavigation a:hover 	
{ 
	background: #fff; 
}

.fullGraphicsView #navigation #minisiteNavigation ul.navListTop ul.navList li.open a strong
{
	margin: 0;
	border: 0;
	color: #000;
}


/* related
.................................................. */

.fullGraphicsView #related 
{
	font-family: Verdana, sans-serif;
	font-size: .8em;
}

.fullGraphicsView #related .assets
{
	background-color: #fff;
	margin: 0;
	margin-bottom: 10px;
	border: none;
	padding: 0;
}

.fullGraphicsView #related .assets h3
{
	background: #ddd;
	padding: 5px 10px;
	font-size: .8em !important;
	font-weight: normal;
}

.fullGraphicsView #related .assets ul li
{
	padding: 5px 10px;
	margin-top: 0;
	border: 1px solid #ddd;
	border-top: none;
}

.fullGraphicsView #related .assets ul li .name
{
	background: url('images/document.gif') top right no-repeat;
	padding-right: 35px;
	min-height: 35px;
}

.fullGraphicsView #related .assets ul li .description 	{ margin-left: 0; }
.fullGraphicsView #related .assets ul li a strong 		{ font-weight: normal; }

.fullGraphicsView #related .imageChunk
{
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.fullGraphicsView #related .imageChunk .tnDesc,
.fullGraphicsView #related .imageChunk .tnImage 
{ 
	text-align: center; 
}

.fullGraphicsView #related .imageChunk .tnImage a:hover 				{ background: none; }
.fullGraphicsView #meat.containsConRelNav #related .imageChunk img 		{ max-width: 100px; }

* .fullGraphicsView #meat.containsConRelNav #related .imageChunk img	{ width: 100px; }

.fullGraphicsView #related .imageChunk img
{
	padding: 10px;
	margin: 10px;
}

.fullGraphicsView #related .imageChunk .tnDesc
{
	background: #f4f4f4;
	border-top: 1px solid #ddd;
}

.fullGraphicsView #related .imageChunk .tnDesc a 		{ text-decoration: none; }
.fullGraphicsView #related .imageChunk .tnDesc a:hover 	{ text-decoration: underline; }


/* footer
.................................................. */

.fullGraphicsView #footer
{
	font-family: Verdana, sans-serif;
	font-size: .5em;
	text-transform: uppercase;
	letter-spacing: .1025em;
	color: #555;
	line-height: 1.5em;
}

.fullGraphicsView #footer p { margin-top: 0; }

.fullGraphicsView #footer p.textOnlyLink
{
	font-size: .95em;
	border: none;
	padding: 0 0 10px 20px;
}


/* self-clearning rules 
.................................................. */

/* :after rules force elements to self-clear in standards-compliant browsers */
.fullGraphicsView #topNavigation .navLevel2:after 
{
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}

/* These rules force layout in IE 6 & 7, which in turn forces the elements to self-clear */
* html .fullGraphicsView #topNavigation .navLevel2 
{
	/* display:inline-block; /* for some reason this doesn't work in IE 7 */
	height:1px;
	/* overflow:hidden; /* this one works in IE 7 */
	/* zoom:1; */
}

.fullGraphicsView #topNavigation .navLevel2 { min-height:1px; /* this one works in IE 7 */ }