/* [ Details ]

Base Style Sheet
© Copyright Intelligent Penguin 2010
Site: http://www.2pollensa.com
Author: Paul Allington (Intelligent Penguin)
Contact: paul@intelligentpenguin.co.uk
Date Created: 02.01.2010
Date Modified: 02.01.2010
-------------------------------------------------------*/

/* [ Contents ]

Universal Tags: 
[01] YUI 2: Reset CSS
[02] HTML / Body
[03] Anchors
[04] Headings
[05] Text-level markup - Misc Inline - Misc Block
[06] Lists
[07] Forms
[08] Tables
[09] Image Replacements
[10] Clearfixes
[11] Accessible Hide

Site Specific: 
[01] Colors
[02] Wrap
[03] Utilities / Header
[04] Navigation
[05] Content
[06] Footer
[07] Forms
[08] Article Lists
[09] Image Replacements
[10] Misc
[11] News

Page Specific: 
[01] Home
[02] XXX
[03] XXX
-------------------------------------------------------*/


/*-----------------------------------------------------
[ Universal Tags ]
-------------------------------------------------------*/
	
/* [01] YUI 2: Reset CSS - http: //developer.yahoo.com/yui/reset/
-------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
	
/* [02] HTML / Body
-------------------------------------------------------*/
html, body {margin: 0; padding: 0; height: 100%; }
body {
	font-family: Arial, sans-serif;
	font-size: 75%; /* 12px */
	font-weight: normal;
	line-height: 1.333em; /* 16px */
	color: #000;
	text-align: center; /*margin: auto fix for IE6*/
	background: #D8E8FE;
	margin: 0;
	padding: 0;
}

/* [03] Anchors
-------------------------------------------------------*/
a {color: #009ac8; font-weight: bold; outline: none;}
a:link, 
a:visited, 
a:active  {
	text-decoration: none;
}
a:hover {color: #99d7e9;}
a:visited {}

/* [04] Headings
-------------------------------------------------------*/
h1, h2, h3 {margin: 1em 0; line-height: 1em; }
h1, h2, h4, h5, h6 {font-weight: bold;}
h1 {font-size: 1.4em; margin: 0 0 1.2em 0;}
h2 {font-size: 1.4em; margin: 0 0 1.2em 0;}
h3 {font-size: 1.2em; margin: 0 0 1.2em 0; line-height: 1.3em;}
h4, h5, h6 {font-size: 1.2em; margin: 0 0 1.2em 0; line-height: 1.3em;}

/* [05] Text-level markup
-------------------------------------------------------*/
abbr, acronym {border-bottom: 1px dotted #474747; cursor: help;} 
em {font-style: italic;}
cite {font-style: italic;}
strong {font-weight: bold;}
dfn {font-style: normal;}
code, kbd, samp {font-family: monospace;}
var {font-style: italic;}

/* Misc Inline -------------------------------------------------------*/
q {font-style: italic;}
del {text-decoration: line-through;}
ins {text-decoration: none;}
sub {vertical-align: sub;}
sup {vertical-align: super;}

/* Misc Block -------------------------------------------------------*/
p {margin: 0 0 1em 0; line-height: 1.3em;}
blockquote, pre {
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px dotted #474747;
	background-color: #DDD;
}
pre {
/* set specific font for IE/Win */
	font-family: inherit;
	overflow: scroll;
	margin: 0 0 1em 0;
}
hr {
	padding: 0;
	margin: 1.474747em 0; /* 20px */
/* For IE/Win, as it displays hr as inline */
	display: block;
	border: none;
	height: 1px;
	background: #474747;
}

/* [06] Lists 
-------------------------------------------------------*/

/* [07] Forms
-------------------------------------------------------*/
input[type="image"] {outline: none;}
input, textarea, select {font-family: Arial, sans-serif; font-size: 100%;}

/* [08] Tables
-------------------------------------------------------*/
table {}
caption {margin-bottom: .5em; text-align: center;}
th, td {padding: .1em;}
th {font-weight: bold; text-align: center;}
thead th, 
thead td {}
tbody {}
tbody td {}
tfoot {}
tfoot td {}

/* [09] Image Replacements
-------------------------------------------------------*/
/* Standard image replacement */
.imr {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
/* Button image replacement */
input.imr, button.imr {
	border: none;
	padding: 0;
	cursor: pointer;
}

/* [10] Clearfixes
-------------------------------------------------------*/
/* More info at: http: //www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: block;}

.clear {clear: left;}

/* [11] Accessible Hide
-------------------------------------------------------*/
.accessiblehide {
	position: absolute;
	display: block;
	height: 0;
	visibility: hidden;
	left: -9999px;
	top: -9999px;
	padding: 0;
	margin: 0;
	font-size: 0;
}


/*-----------------------------------------------------
[ Site Specific ]
-------------------------------------------------------*/
.WrapOuter {float: left; width: 100%; margin-top: 10px;}
.WrapOuter .Wrap {
	position: relative;
	margin: 0 auto;
	width: 850px;
	text-align: left;/*margin: auto fix for IE6*/
}

.WrapOuter .WrapContent { background-color: #5298FB; background-image: url(../Images/content_bg.jpg); background-repeat: repeat-y; padding-right: 10px; }
.WrapOuter .WrapContent .Footer { clear: left; padding-left: 215px; }
.WrapOuter .Footer { clear: left; margin-top: 5px;  }

.Header { width: 100%; display: block; }
#Content { width: 595px; background-color: #fff; float: right; padding: 20px 20px;  }

#Nav  
{
    width: 170px; 
    float: left; 
    clear: left;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	color: #333;
	list-style: none;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 10px;
}
#Nav h2 { color: #fff; font-weight: bold; }
#Nav ul, #FooterNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#Nav li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	width: 175px;
}
#Nav li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	color: #fff;
	text-decoration: none;
	width: 145px;
	}

#Nav li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	}

#FooterNav ul li { float: left; border-right: 1px solid #5298FB; padding-right: 5px; margin-right: 5px; } 
#FooterNav hr { margin-top: 10px; height:1px; border-style:solid; border-width:1px 0 0 0; border-color:#5298FB; }

.lightbox { margin: 10px; }

.formItem, .radios {float: left; clear: left; margin: 0 0 6px 0; padding: 0; width: 100%;}
.formItem input, .radios input {float: left; margin: 0; padding: 1px; font-size: 100%; }
.formItem label, .radios label {float: left; width: 150px; margin-right: 6px; display: inline; padding: 3px 6px; color: #000; font-size: 100%; text-align: right; background: #EBEBEB;}
.formItem select, .radios select {float: left; margin-right: 6px; padding: 0; /*width: +4;*/ border: solid 1px #9B9AA5; color: #9B9AA5; font-size: 100%;}
.formItem input.textinput, .radios input.textinput {margin-right: 6px; width: 300px; display: inline; border: solid 1px #9B9AA5; color: #9B9AA5;}
.formItem span.textinput {float: left; margin-right: 6px; display: inline; padding: 1px 2px; font-size: 100%; font-weight: normal; color: #9B9AA5;}
.formItem textarea, .radios textarea {float: left; margin-right: 6px; display: inline; padding: 1px; border: solid 1px #9B9AA5; color: #9B9AA5; font-size: 100%;}
.formItem input.checkbox {}

input.submitButton 	{margin-left: 168px; padding: 1px 3px 2px 3px; font-size: 12px; color: #FFF; border: none; background: #333; border: solid 1px #333; font-family: Arial, sans-serif; cursor: pointer; cursor: hand; }
input.submitButton:hover {color: #333; border: solid 1px #9B9AA5; background: #FFF;}
input.submitButton:active {color: #FFF; background: #000;}
a.submitButton 		{float: right; margin: 0; padding: 1px 3px 2px 3px; font-size: 12px; color: #FFF; border: none; background: #333; border: solid 1px #333; font-family: Arial, sans-serif; font-weight: normal; text-decoration: none; }
a.submitButton:hover {color: #333; border: solid 1px #9B9AA5; background: #FFF;}
a.submitButton:active {color: #FFF; background: #000;}

a.submitButton.left {float: left;}

input.submitbutton {float: right; padding: 1px 3px 2px 3px; border: none; cursor: pointer; cursor: hand; color: #FFF; background: #474747;}
a.submitbutton {float: right; padding: 1px 3px 2px 3px; border: none; font-weight: normal; text-decoration: none; color: #FFF; background: #474747;}


/**
 * 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;	
}