@import 'screen.css';

/*
GLOBAL STYLE OVERRIDE
*/

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.body
{
	background-color:#0072B9;
	background-image:url(/images/bg_gradient.jpg);
	background-repeat:repeat-x;
}



h1, h2, h3, p
{
	margin-bottom:10px;
	color:#666;
}

h1, h2, h3
{
	clear:left;
}

li
{
	color:#666666;
}

table
{
	margin-bottom:10px;
}

a, a:hover
{
	color:#1978be;
}

h1
{
	color:#0066cc;
	font-size:22px;
	font-weight:bold;
}

h2
{
	color:#333;
	font-size:16px;
	font-weight:bold;
}

h3
{
	color:#333;
	font-size:14px;
	font-weight:bold;
}

p img.left {float:left;margin:0 20px 20px 0;padding:0;}
p img.right {float:right;margin:0 0 20px 20px;}

p.printpage
{
	float:right;
	clear:none;
	padding:5px 10px;
	margin-right:10px;
	cursor:pointer;
	background-color:#CCCCCC;
	color:#0066cc;
}

table.guidetable td
{
	border:1px solid #999999;
}

/********************
	CUSTOM STYLES
********************/

	div.wrapper1, div.wrapper2, div.wrapper3
	{
		width:1000px;
		margin:0 auto;
	}
	
	div.wrapper1
	{
		background-image:url('/images/shadow_left.png');
		background-repeat:repeat-y;
		background-position:top left;
		display:inline;
	}
	
	div.wrapper2
	{
		background-image:url('/images/shadow_right.png');
		background-repeat:repeat-y;
		background-position:top right;
		display:inline;
	}
	
	div.wrapper3
	{
		background-image:url('/images/shadow_bottom.png');
		background-repeat:no-repeat;
		background-position:top center;
		height:20px;
		display:inline;
	}
	
	div.internalwrapper
	{
		background-color:#fff;
	}
	
	div.signature
	{
		height:30px;
		color:#fff;
		vertical-align:top;
	}
	
	div.signature a
	{
		color:#fff;
	}
	
	div.menu
	{
		background-color:#E6F1F8;
		border-top:1px solid #92C6E3;
		border-bottom:1px solid #92C6E3;
		height:24px;
		z-index:89;
		position:relative;
	}
	
	/**********************
		TOP MENU STYLES
	***********************/
	
	#nav, #nav ul{
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-position:outside;
		position:relative;
		line-height:24px; 
		background-color:#E6F1F8;
		z-index:9;
	}
	
	#nav
	{
		padding-left:0;
	}
	
	#nav a{
		display:block;
		padding:0px 15px;
		color:#1978BE;
		background-color:#E6F1F8; 
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	#nav a:hover{
		background-color:#1978BE;
		color:#E6F1F8;
	}
	
	#nav li{
		float:left;
		position:relative;
		border-right: 1px solid #1978BE;
	}
	
	#nav > li:last-child{
		border-right:0;
	}
	
	
	
	#nav ul {
		position:absolute;
		display:none;
		width:200px;
		top:24px;
		z-index:9; /* fuck you IE */
	}
	
	#nav li ul li{
		border-bottom:1px solid #1978BE;
		border-right:1px solid #1978BE;
		border-left:1px solid #1978BE;
		border-top:none;
	}
	
	#nav li ul li:first-child
	{
		border-top:1px solid #1978BE;
	}
	
	#nav li ul a{
		width:170px;
		width:160px\9;
		height:auto;
		float:left;
	}
	
	#nav ul ul{
		top:auto;
	}	
	
	#nav li ul ul {
		left:200px;
		margin:0;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
		display:none;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
		display:block;
	}
	
	
	
	div.contentdiv
	{
		padding:20px 0 0 0;
		
		min-height:200px;
		height:auto; !important
		height:200px;
		z-index:1; /* fuck you IE */
	}
	
	.padding20top
	{
		padding-top:20px;
	}
	
	.padding30top
	{
		padding-top:30px;
	}
	
	div.contentdiv.withleftmenu
	{
		padding:20px 0;
	}
	
	/************************
		LEFT INTERNAL MENU
	************************/
	
	div#leftmenu
	{
		min-height:200px;
		height:auto; !important
		height:200px;
		padding-bottom:300px;
		background-color:#CCE4F2;
		background-image:url(/images/leftmenu_bg.jpg);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	div#leftmenu h3
	{
		color:#fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		padding:0 10px 0 5px;
		line-height:30px;
		background-color:#0076BF;
		margin:0;
	}
	
	div#leftmenu ul
	{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	div#leftmenu li
	{
		border-top:1px solid #0076BF;
		vertical-align:middle;
		list-style:none;
		padding:0;
		margin:0;
	}
	
	div#leftmenu li:first-child
	{
		border-top:none;
	}
	
	div#leftmenu li a
	{
		padding:5px 10px 5px 5px;
		color:#666;
		text-decoration:none;
		display:block;
		outline:none;
	}
	
	div#leftmenu li a:hover
	{
		color:#fff;
		text-decoration:underline;
		background-color:#61ADD8;
	}
	
	div#leftmenu ul li a
	{
		/*background-color:#004475;*/
		color:#333;
	}
	
	div#leftmenu ul li ul li a
	{
		background-color:#fff;
		color:#333;
		padding-left:15px;
	}
	
	div#leftmenu ul li ul li ul li a
	{
		background-color:#eee;
		color:#333;
		padding-left:25px;
	}
		
		/*div#leftmenu div
		{
			border-bottom:1px solid #0076BF;
			vertical-align:middle;
			text-align:right;
		}
		
		div#leftmenu div a
		{
			padding:5px 10px 5px 5px;
			color:#666;
			text-decoration:none;
			display:block;
		}
		
		div#leftmenu div a:hover
		{
			color:#fff;
			text-decoration:underline;
			background-color:#61ADD8;
		}*/
	
	div.homeleftbox
	{
		background-color:#E5E5E5;
	}
	
	div.homeleftbox, div.homerightbox
	{
		padding-bottom:5000px;
		margin-bottom:-5000px;
	}
	
	h1.darkgrey
	{
		font-size:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		background-color:#999999;
		color:#ffffff;
		padding:5px 20px;
		display:inline-block;
		margin-left:-40px;
		padding-left:50px;
	}
	
	h1.lightgrey
	{
		font-size:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		background-color:#cccccc;
		color:#000000;
		padding:5px 20px;
		display:inline-block;
		margin-left:-40px;
		padding-left:50px;
	}
	
	div.footer
	{
		color:#1978be;
		text-align:center;
		border-top:1px solid #1978be;
	}
	
	div.footer div
	{
		color:#1978be;
		padding:10px;
	}
	
	a.footerlink
	{
		color:#1978be;
		font-size:11px;
	}
	

/********************
    Lightbox CSS
********************/

	/**
	 * jQuery lightBox plugin
	 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
	 * and adapted to me for use like a plugin from jQuery.
	 * @name jquery-lightbox-0.5.css
	 * @author Leandro Vieira Pinho - http://leandrovieira.com
	 * @version 0.5
	 * @date April 11, 2008
	 * @category jQuery plugin
	 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
	 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
	 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
	 */
	#jquery-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
	}
	#jquery-lightbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#lightbox-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width: 49%;
		height: 100%;
		zoom: 1;
		display: block;
	}
	#lightbox-nav-btnPrev { 
		left: 0; 
		float: left;
	}
	#lightbox-nav-btnNext { 
		right: 0; 
		float: right;
	}
	#lightbox-container-image-data-box {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0;
	}
	#lightbox-container-image-data {
		padding: 0 10px; 
		color: #666; 
	}
	#lightbox-container-image-data #lightbox-image-details { 
		width: 70%; 
		float: left; 
		text-align: left; 
	}	
	#lightbox-image-details-caption { font-weight: bold; }
	#lightbox-image-details-currentNumber {
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
	}			
	#lightbox-secNav-btnClose {
		width: 66px; 
		float: right;
		padding-bottom: 0.7em;	
	}

/**********************************
**** Homepage Animation Styles ****
**********************************/

	#animationcontainer
	{
		/*height:360px;*/
		height:270px;
		/*width:586px;*/
		width:716px;
		border:2px solid #0076BF;
		margin-bottom:20px;
	}
	
	#catdesc
	{
		/*width:470px;
		height:360px;
		width:350px;*/
		width:480px;
		height:270px;
		float:left;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
		#catdescoverlay
		{
			position:absolute;
			height:50px;
			/*width:470px;
			width:350px;*/
			width:100%;
			bottom:0;
			left:0;
			background-color:#000;
			color:#fff;
			opacity:0.7;
			filter:alpha(opacity=70);
			z-index:2;
		}
		
		#catdescinfo
		{
			position:absolute;
			height:50px;
			/*width:460px;
			width:340px;*/
			width:100%;
			
			bottom:0;
			left:0;
			color:#fff;
			opacity:1;
			filter:alpha(opacity=100);
			z-index:3;
		}
			#catdescinfo p
			{
				color:#fff;
				padding:5px;
			}
			
			#catdescinfo a
			{
				color:#00B2FF;
				text-decoration:underline;
			}
	
	#catlist
	{
		/*width:315px;
		height:360px;*/
		width:236px;
		height:270px;
		float:left;
		background-color:#E4E4E4;
		z-index:1;
		position:relative;		
	}
	
		#catlist ul
		{
			margin:0;
			padding:0;
			z-index:9;
			position:relative;
		}
	
			#catlist ul li
			{
				list-style:none;
				margin:0;
				padding:0;
				border-top:2px solid #fff;
				/*height:38px;*/
				height:28px;
				/*line-height:38px;*/
				line-height:28px;
			}
				#catlist ul li a
				{
					display:block;
					color:#1978be;
					text-decoration:none;
					padding-left:40px;
					outline:none;
				}
				
				#catlist ul li a.active
				{
					color:#fff;
				}
			
			#catlist ul li:first-child
			{
				border-top:none;
			}
	
	#pointer
	{
		position:absolute;
		/*width:330px;
		height:38px;
		background:url(/images/pointer.png) no-repeat;*/
		width:250px;
		height:28px;
		z-index:2;
		right:0;
		top:0;
	}