/*----------------------------------------
Name: global.css
Developed by: Michael Lee Giles
Date Created:
Last Updated: 11/25/2008
Copyright: Michael Lee Giles
----------------------------------------*/

/* === CSS Imports === */
/* You can change the URLs here to be absolute if needed */
@import url("reset.css");
@import url("layout.css");

/*=== Global Body Settings ===*/

body {
	padding:0;
	margin:0 auto 0 auto; 
	}


body, p, td, th, li
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
	color:#000000;
	}
p
	{
	margin: 0 0 1em 0;
	}

/*--- Header Type Styles ---*/
h1
	{
	font-size:22px;
	color:#173758;
	font-weight:bold;
	padding:0;
	margin:5px 0 10px 0;
	line-height:1.1em;
	}
h2
	{
	font-size:18px;
	color:#266692;
	font-weight: bold;
	line-height:1.1em;
	margin:5px 0 10px 0;
	}
h3
	{
	font-size:16px;
	color:#266692;
	font-weight:bold;
	line-height:1em;
	margin:5px 0 10px 0;
	}	
h4
	{
	font-size:14px;
	color:#266692;
	font-weight:bold;
	line-height:1em;
	}
h5, h6, h7
	{
	font-size:12px;
	color:#266692;
	font-weight:bold;
	}	
.page-titles	
{
	font-size:16px;
	color:#266692;
	font-weight:bold;
	line-height:1em;
	margin:5px 0 10px 0;
	}	
.sub-header1
	{
	font-size:20px;
	color:#173758;
	padding-bottom:15px;
	font-weight:normal;
	}
.sub-header2
	{
	font-size:16px;
	color:#266692;
	font-weight:normal;
	}


#column1 h1
	{
	color:#4782ba;
	padding-bottom:15px;
	}

#column2 h1
	{
	color:#79993b;
	padding-bottom:15px;
	}

#column3 h1
	{
	color:#ba5f47;
	padding-bottom:15px;
	}

.pr-title
	{
	font-size:16px;
	color:#173758;
	padding-bottom:10px;
	font-weight:normal;
	}

/*--- Global Link Styles for sub page body ---- */
div#sp2_MainContent a:link, #sp2_MainContent a:hover, #sp2_MainContent a:active 

	{
	color: #0066CC;
	text-decoration: none;
	}
	
div#sp2_MainContent a:visited 
	{
	text-decoration: underline;
	color: #999999;
	}
	
/*--- Specific Link Styles ---*/

/* column 1 home page */
#column1 a:link.arrowBgd, #column1 a:visited.arrowBgd, #column1 a:active.arrowBgd
	{
	color: #4782ba;
	text-decoration: none;
	font-weight:bold;
	/*background: url(../images/icon_blueArrowLink.gif) no-repeat 100% 65%; 
	padding-right:15px; */
	}

#column1 a:hover.arrowBgd 
	{
	text-decoration: underline;
	color: #73afd2;
	}
	
/* column 2 home page */
#column2 a:link.arrowBgd, #column2 a:visited.arrowBgd, #column2 a:active.arrowBgd
	{
	color: #79993b;
	text-decoration: none;
	font-weight:bold;
	/*background: url(../images/icon_greenArrowLink.gif) no-repeat 100% 65%; 
	padding-right:15px; */
	}

#column2 a:hover.arrowBgd 
	{
	text-decoration: underline;
	color: #a7bd6d;
	}

/* column 3 home page */
#column3 a:link.arrowBgd, #column3 a:visited.arrowBgd, #column3 a:active.arrowBgd
	{
	color: #ba5f47;
	text-decoration: none;
	font-weight:bold;
	/*background: url(../images/icon_orangeArrowLink.gif) no-repeat 100% 65%;
	padding-right:15px; */
	}

#column3 a:hover.arrowBgd 
	{
	text-decoration: underline;
	color: #c6825e;
	}
	
/* Type Elements
----------------------------------------*/
.text-bold
	{
	font-weight:bold;
	}

.text-italic
	{
	font-style:italic;
	}

.text-BlackBold 
	{
	font-size: 14px;
	font-weight: bold;
	color: black;
	}

.text-RedBold
	{
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	}
.text-Red
	{
	color: #CC0000;
	}
.text-OrangeBold
	{
	font-size: 16px;
	font-weight: bold;
	color: #E29045;
	}
.text-GreenBold
	{
	font-size: 16px;
	font-weight: bold;
	color: #009900;
	}
.text-small
	{
	font-size:10px;
	}
.text-large
	{
	font-size:1em;
	}
.text-soft
	{
	color:#D3D3D3;
	}

.list-normal
	{
	padding:5px 0px 10px 20px;
	margin:5px 0px 10px 15px;
	}

/* =========== Standard Float Definitions ============*/
.left 		{float:left;}
.right 		{float:right;}
.clearBoth 	{clear:both;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
.left-both	{float:left; clear:both;}


/* =========== MOOTIP tooltip ============*/
div.tooltip {
	width: 200px;
	color: white;
	text-align: center;
}
div.tooltip h4 {
	color: white;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(../images/balloon.png) top left no-repeat !important;
	background: url(../images/balloon.gif) top left no-repeat;
	font-size: 12px;
}
div.tooltip p {
	color: white;
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(../images/balloon.png) bottom left no-repeat !important;
	background: url(../images/balloon.gif) bottom left no-repeat;
	font-size: 14px;
}


/* ============================ jquery Light Box Code =========================== */

/* ============================ This styles the list items =========================== */
.lightBoxContainer
	{
	float:left;
	clear:both;
	width:625px;
	padding:15px 0px;
	}
	
.lightBoxContainer ul 
	{
    list-style: none;
	padding:0;
	margin:5px 0 0 0;
	}
.lightBoxContainer li  
	{
	display:inline;
	list-style-type:none;
	margin-right:5px;
	padding:0;
	}
.lightBoxContainer ul a 
	{
    padding: 5px 5px 5px;
    display: block;
    float: left;
	clear:none;
    margin: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #CCC;
	background:#f4f4f4;
	}

.lightBoxContainer ul a img 
	{
    border: 1px solid #ddd;
	}
.lightBoxContainer ul a:hover 
	{
    background-color: #C2DEEF  ;
	border:1px solid #0066CC;
	}
	
.lightBoxContainer ul a.lightbox-enabled img 
	{
    border: 1px solid #DDD;
	}
/* ============================ This styles the ligtbox itself =========================== */
/**
 * 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;
	top:50px;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 14px Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 10px 10px 0 10px;
}
#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: normal;
	color:#000;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	font-size:10px;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding:2px 10px 10px 0px;
}

/* ================================ Buttons Cose ==================================== */
a.ovalbutton{
background: transparent url('../images/oval-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Verdana; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #444; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-red-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration:none;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: white;

}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* ============= for LEFT aligned images ==========*/
img.borders-left-align {
	float:left;
	padding:3px;
	margin:5px 15px 15px 0;
	background:#f4f4f4;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #d9d9d9;
}

.borders-left-align a {
	float:left;
	padding:3px;
	margin:5px 15px 15px 0;
	background:#f4f4f4;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #d9d9d9;
}
.borders-left-align a:hover
	{
    background-color: #C2DEEF  ;
	border:1px solid #0066CC;
	}

/* ============= for Right aligned images ==========*/
img.borders-right-align {
	float:right;
	padding:3px;
	margin:5px 0 15px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #d9d9d9;
	background:#f4f4f4;
}
img.borders-right-align a{
	float:right;
	padding:3px;
	margin:5px 0 15px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #d9d9d9;
	background:#f4f4f4;
}	
.borders-right-align a:hover
	{
    background-color: #C2DEEF  ;
	border:1px solid #0066CC;
	}