/* --------------------------------------------------------------

    base.css

    Author: 
    Date: 

    This is the main stylesheet 
    
    +top

--------------------------------------------------------------

  +Resets default browser CSS styles

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* --------------------------------------------------------------

    +Default Styles

-------------------------------------------------------------- */

body { 
	margin:0;
	padding:20px;
	height:100%;
	font-size: 0.8125em;
	font-family: verdana,sans-serif;
	color: #666666;
}

body.mainbody {
	margin:0;
	padding:0;
	text-align: center;
	background-color:#FFF;
	background-position:top;
	background-repeat:repeat-x;
}

.floatleft { float: left; }
.floatright { float: right; }

.clear { clear: both; }
.clear-floats { clear: both; font-size: 1px; }

hr { height:1px; }

small { font-size: 0.88em; line-height:1em }

/* --------------------------------------------------------------

    +Layout
    
    -- This is the optimum layout for 1024px
    -- Individual column width 93px
    -- 9 column layout
    -- margin 14px

-------------------------------------------------------------- */

#top 		{ width: 100%; margin: 0 auto; padding: 0; position: relative; }
#shell 	{ width: 946px; margin: 0 auto; position: relative; }
#page 	{ text-align: left; }
#content {  }
#header {	 }


.col { float: left; margin:0 14px 5px 0; width: 146px; padding-bottom: 5px; }
.box .col { padding-bottom: 0; margin-bottom:0; }

.span-half { width: 66px; }
.span-1 { width: 146px; }
.span-2 { width: 306px; }
.span-3 { width: 466px; }
.span-4 { width: 626px; }
.span-5 { width: 786px; }
.span-6 { width: 946px; }

.box { border-width:1px; border-style:solid; border-color:#eee #bbb #aaa #ddd; float:left; margin-bottom:7px; }
.box .span-1 { width: 144px; }
.box .span-2 { width: 304px; }
.box .span-3 { width: 464px; }
.box .span-4 { width: 624px; }
.box .span-5 { width: 784px; }
.box .span-6 { width: 944px; }

div.last, .col .last	{ margin-right: 0; }

/* This should be the standard container ---------------------- */
.module { background-color:#fff; margin-bottom: 7px; }
.box .module { margin-bottom: 0; }
.box .module .module { margin-bottom: 7px; }
.drop { border-width:0 0 2px 0; border-color:#000; border-style:solid; }
.banner { background-position:right; background-repeat:no-repeat; padding-bottom:12px; }
.frame { text-align:center; overflow:hidden; }

/* --------------------------------------------------------------

    +Typography + Headings

-------------------------------------------------------------- */

p { margin-bottom: 1.5em; }
p, blockquote, dd, dt, table { font-size: 1em; line-height: 1.4em; }
ul, ol { font-size: 1em; line-height: 1.4em; }
strong { font-weight:bold; }

/* Lists ----------------------------------------------------- */

dt { margin-bottom: 0.35em; }
dd { margin-bottom: 1.3em; }

ul { margin: 0 0 1.5em 0; padding: 0 0 0 2em; }

/* Links -------------------------------------------------- */

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover, a:visited:hover { text-decoration:underline; }

/* Headings -------------------------------------------------- */

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: bold;
	clear: none;
	line-height: 1.5em;
	}
	
h1 { font-size:2.40em; margin-bottom: 0.667em; font-weight:normal; }
h2 { font-family:'Trebuchet MS', sans-serif; font-weight:normal; font-size: 2.00em; margin: 20px 0 5px 0; }
h3 { font-family:'Trebuchet MS', sans-serif; font-weight:normal; font-size: 1.50em; margin-bottom: 5px; }
h4 { font-size: 1.1em; line-height: 1.4em; }
h5 { font-size: 1.3em; margin-bottom: 1.2307em; }
h6 { font-size: 1.1em; margin-bottom: 1.5em; }

h1 span { display: none; }

#header h1 {
	float:left;
	height:85px;
	margin:0 0 0 10px;
	padding:20px 0 20px 0;
	width:425px;
	background-color:transparent;
	background-image:url(/themes/aqua/structure/logo.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

#header h1 a {
	display:block;
	height:85px;
	text-decoration:none;
	width:425px;
}

#header h1 span { visibility:hidden;font-size:1px; }

h2#PageSubtitle { display:none; }

.graphic {
 border-width:0 0 2px 0; border-style:solid; border-color:#DDDDDD;
 background-color:#fff;
 background-position:bottom right;
 background-repeat:no-repeat;
}

.dt span.sitename { display:none; }

	/* Column typography */
	
	.col p, .col table { padding:0; margin:0.5em 10px 1em 10px; }
	.col dt { padding:0; margin:0.5em 10px 0 10px; }
	.col dd { padding:0; margin:0.5em 10px 0.5em 20px; }
	.col blockquote { padding:5px 20px; margin:0.5em 10px 1em 10px; }
	.col ul, .col ol { padding:0 0 0 1.4em; margin:0.5em 10px; }
	.col h1, .col h2 { margin: 20px 10px 5px 10px; }
	.col h3 { padding:1em 0 5px 0; margin:0 10px; }
	.col h4, .col h5, .col h6 { padding:5px 0 0 0; margin:0 10px 5px 10px; }
	.col dd h4, .col dd h5, .col dd h6 { padding:0; margin:0; }
	.col dd p { padding:0; margin:0; }

	.col ul.vcalendar { clear:both; }
	.col ul.vcalendar, ul.vcalendar, ul.vcalendar ul { margin: 0; padding: 0; list-style:none; }


	/* Module typography */
	.module h3 {  padding:5px 0; margin:0 10px 5px 10px; border-width:0 0 1px 0; border-style:solid; border-color:#DDDDDD; }
	.module h3.hi, .module h3.dark { padding:5px 10px; margin:0 0 5px 0; border-width:0; }

	/* Module selectors */

	.module hr { clear:both; background-color:#DDDDDD; color:#DDDDDD; margin:0 10px; border:0; }
	/* Special Lists Types */
	
			/* Utilities */
			ul ul ul.util, ul.util { margin:0.8em 10px; padding:0; list-style:none; }
			.col dd ul.util { margin:0.8em 10px 0.8em 0; padding:0; list-style:none; }
			ul.util li { margin-bottom:5px; font-size: 0.87em; line-height:1em; }
			ul.util li a { background-repeat:no-repeat; background-position:top left; display:block; height:12px; padding-left:20px; }
			.dark ul.util li a { background-position:bottom left; }
			ul.lrg li a { height:18px; padding-left:24px; }
			ul.util li a:hover { background-position:bottom left; }
			.dark ul.util li a:hover { background-position:top left; }

			ul.inline-list { padding-bottom:5px; }
			ul.inline-list li { float:left; margin-right: 7px; }

			ul.notext li span { display:none; }
			li.notext span { display:none; }

			ul.gallery { padding:0; list-style:none; }
			ul.gallery li { margin-right: 0; }

			/* Info */
			.bloc ul, ul.bloc { margin:0.8em 10px; padding:0; list-style:none; }
			.bloc ul li, ul.bloc li { clear:both; display:block; width:100%; margin-bottom:2px; padding-top:2px; }
			.bloc ul li img, ul.bloc li img { margin:-2px 10px 5px 0 }
			.bloc ul li strong, ul.bloc li strong { text-transform:uppercase; }

	/* Controls */
	
	a.ctrl { display:block; width:16px; height:12px; background-position:top; background-repeat:no-repeat; margin:8px 10px; }
	a.ctrl:hover { background-position:bottom; }
	a.ctrl span { display:none; }

/* --------------------------------------------------------------

    +Images

-------------------------------------------------------------- */

.media img,
.frame img,
.hentry img,
ul.bloc img
{ margin:10px; border-width:1px; border-style:solid; border-color:#CCC; padding:1px; }
.media .gallery img
{ margin:5px; border-width:1px; border-style:solid; border-color:#CCC; padding:1px; }
.media img,
ul.bloc img
{ float:left; }

/* --------------------------------------------------------------

    +Embedded Content

-------------------------------------------------------------- */

.embedded-content .audio { background-color:#eee; background-image:url(/images/graphics/modules/audio.png); background-position:top right; background-repeat:no-repeat; }
p#player { margin:0.5em 10px 0.5em 10px; }

/* --------------------------------------------------------------

    +Tables

-------------------------------------------------------------- */

table.data, .article table { font-size: 1em;	}
table.data table { font-size: 1em;	}
table.data th, .article table th { background: #DDDDDD; padding: 2px 5px; vertical-align:top; text-align:left; border-bottom:1px solid #fff; }
table.data td, .article table td { background: #f0f0f0; padding: 2px 5px; vertical-align:top; text-align:left; border-bottom:1px solid #fff; }

#cal table { width:285px; margin:10px auto; color:#888; }
#cal table caption { background-color:#E6E6E6; color:#888888; padding:5px 0; width:285px; margin:5px auto 0 auto;  font-weight:bold;	}
#cal table th, #cal table td { text-align:center; }
#cal table th { background-color:#fff; font-weight:bold; }
#cal table td { background-color:#f6f6f6; }
#cal table td span { display:block;padding:5px; }
#cal table td:hover { background-color:#888; color:#fff; }
#cal table td a { display:block;font-weight:bold; }
#cal table td#today span	{ background-color:#fff; }
#cal table td#today:hover span { background-color:#444; color:#fff; }

/* --------------------------------------------------------------

    +Forms

-------------------------------------------------------------- */

	/* Main Search */ 
	form#primarySearch {	float:right; width:400px;text-align:right; margin:0 10px 0 0; }
	form#primarySearch fieldset { margin-top:1px; float:right; padding:15px 0 5px 0; border:0; text-align:center; }
	form#primarySearch input { font-size:0.88em;font-family:verdana, sans-serif; float:left;margin-left:5px; }
	form#primarySearch input.searchbox { margin-left:0; margin-top:1px }

	#pgSearchBox form input, #pgSearchBox form select { font-size:1em;font-family:verdana, sans-serif; margin-left:5px; padding:5px }
	#pgSearchBox form input { width:300px; }
	#pgSearchBox form input.button { width:auto; }
	#pgSearchBox { display:block; float:left; width:100%; padding:20px 0; text-align:center; }

input.button,
li.hi input {
	padding: 2px 5px;
	background:url(/images/buttons/structure/bkgd.jpg) no-repeat #dde5ff;
	font-family:verdana, sans-serif;
	font-weight:bold;
	font-size:0.88em;
	color:#424348;
	border:1px solid #424348;
	text-transform:uppercase;
	cursor:pointer;
}

input.buttonlg {
	padding: 2px 5px;
	background:url(/images/buttons/structure/bkgd-large.jpg) no-repeat top center #c3f2cf;
	font-family:verdana, sans-serif;
	font-weight:bold;
	font-size:2.8em;
	padding:20px 10px;
	color:#299945;
	border:1px solid #4ebc6a;
	text-transform:uppercase;
	cursor:pointer;
}

input.buttonlg:hover {
	background:url(/images/buttons/structure/bkgd-large-hover.jpg) no-repeat top center #c3f2cf;
	border:1px solid #299945;
	color:#fff;
}


/* BASIC FORM */

form.dsForm { margin:0; }
form.dsForm fieldset { padding:5px 0 0 0; border-width:0; }
form.dsForm fieldset.bdr { margin-bottom:10px; border-width:1px; border-style:solid; border-color:#ccc; }
form.dsForm fieldset legend { padding: 0 14px 0 14px; font-size:1em; font-weight:bold; }
form.dsForm fieldset ol { margin: 0; padding: 0; }
form.dsForm fieldset ol li { list-style: none; padding: 5px 14px; margin: 0; }
form.dsForm fieldset ol li label { width: 170px; display: block; float: left; vertical-align: top; }
form.dsForm fieldset ol li label span { width:170px; display:block; }
form.dsForm fieldset ol li:hover { color:#000; }
	form.dsForm fieldset ol li.shade:hover,
	.shade form.dsForm fieldset ol li:hover { background-color:#e0e0e0; }
	form.dsForm fieldset ol li.warn:hover,
	.warn form.dsForm fieldset ol li:hover { background-color:#eac5c5; }
	.warn form.dsForm fieldset ol li.hi:hover { background-color:#d89b9b; }
form.dsForm fieldset ol li:hover label { color:#000; }
form.dsForm fieldset li.hi { margin-top:5px; }
form.dsForm fieldset fieldset { border: none; margin: 3px 0 0; }
form.dsForm fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.dsForm fieldset fieldset label { display: block; width: auto; margin-left: 175px; }
form.dsForm em { font-weight: bold; font-style: normal; color: #f00; }


/* --------------------------------------------------------------

    +Navigation

-------------------------------------------------------------- */


#nav 			{ top:50px;
right:10px;
width:50%;
position:absolute; }

#nav ul 		{ color:#999999;
font-size:0.88em;
font-weight:bold;
list-style-type:none;
float:right;
text-align:right; }

#nav ul li 	{
	float: left;
	list-style-type: none;
	padding: 8px 0 0 0;
	margin: 0;
	background: url(/images/sitefiles/li-separator.gif) no-repeat right 10px;
	}

#nav ul li a { 
	display: block;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 10px;
	border-width:0 0 2px 0;
	border-style:solid;
	border-color:#DCDCDC;
	text-decoration:none;
	text-transform:uppercase;
}
#nav ul li a:link, #nav ul li a:visited { color: #fff; font-weight: bold; text-decoration: none; }
#nav ul li a:hover, #nav ul li a:visited:hover  { background-color: #fff; color:#000; }


/* Drop downs ------------------------------------------------- */

.hiddenChild {  display: none; position: absolute; z-index: 0;}
.shownChild { display: block; }

ul#navlist { position: relative; }
ul#navlist li { position: relative; }

ul#navlist.dhtml li { position:relative; float:left; font-size: 1em; }
ul#navlist.dhtml li li { font-size: 1.1em; margin: 0; padding: 0; background-image: none; }
ul#navlist.dhtml ul { top: 34px; right:0; margin-left: 13px; position:absolute; background-color: #fff; padding: 0; }

ul#navlist.dhtml ul li a { text-transform:none; font-weight:normal; color:#000; border-width:0; padding: 5px 10px; margin: 0;  }
ul#navlist.dhtml ul li { width: 150px;  }
ul#navlist.dhtml ul li a:hover { background-color: #fff; color:#000; }

#nav { z-index: 2; }
#navlist { z-index: 3; }
#navlist li { z-index: 4; }
#navlist li ul { z-index: 5; }
#navlist li ul li { z-index: 6; }

/* --------------------------------------------------------------

    +PageTitle

-------------------------------------------------------------- */

	#title { background:#000; width:946px; margin:0; float:left; height:37px; }
	#title h1 { padding:3px 0 3px 0; margin:0 10px; font-family: 'Trebuchet MS'; font-size:1.6em; text-transform:uppercase; }
	#title div { float:right;text-align:right; }
	#title p { color:#b5bacc; margin:0 10px; padding:9px 0 5px 0; font-size:0.88em; }
	#title h1 a:link, #title h1 a:visited { color:#fff; text-decoration:none; }
	#title h1 a:hover { text-decoration:underline; }
	#title a:link, #title a:visited { color:#fff; text-decoration:none; }
	#title a:hover { text-decoration:underline; }

	#title form { margin:5px 10px 0 0; }
	#title form fieldset { border-width:0; padding:0; margin:5px 0 0 0; }
	#title form fieldset input { font-size:0.88em;font-family:verdana, sans-serif; }
	#title form fieldset label { font-size:0.88em;color:#fff; padding:4px 2px 0 0; white-space:nowrap; }
	#title form fieldset label input { margin:2px 0 0 0; }
	#title form fieldset p { padding:0; margin:0; }
	#title form fieldset input.loginbox { width:100px; }
	#title form fieldset input.button { margin:2px 5px 0 0; }

/* --------------------------------------------------------------

    +Homepage

-------------------------------------------------------------- */

/* --------------------------------------------------------------

    +Main Feature

-------------------------------------------------------------- */

.feature { height: 270px; background-repeat:no-repeat; padding-bottom:0; color:#000; }
.feature a { color:#000; }
.feature img { width: 570px; height: 270px; float:left; }
.feature h3 { margin-top:70px; font-size: 2.8em; line-height:1.2em; }
.feature-dark,
.feature-dark h3,
.feature-dark a {
	color:#fff;
}

.shallow { height: 90px; }
.shallow img { height: 1px; width:1px; }


/* --------------------------------------------------------------

    +Footer

-------------------------------------------------------------- */

#footer {
	text-align:center;
	clear:both;
	float:left;
	width:100%;
	background-image:url(/images/structure/bottombar.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:20px 0;
	height:100px;
	margin-top:20px;
	font-size: 0.88em;
	border-color:#DCDCDC;
	border-style:solid;
	border-width:1px 0 0 0;
}

/* --------------------------------------------------------------
		
		+Overwrite Styles 
		
    Add these class names to clear any margins, paddings or floats
    Keep these declarations at the BOTTOM of this stylesheet

-------------------------------------------------------------- */

.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }

.bold 	 	{ font-weight: bold; margin: 0; }
.quiet 	 	{ font-weight: lighter; text-transform: none; letter-spacing: 0; color:#999; }
	.vevent .span-1 p.quiet 	 	{ text-align:right; }
	.span-4 p.quiet 	 	{ text-align:left; }
	.dark .quiet 	 	{ color:#ccc; }
.quieter 	 	{ font-weight: lighter; text-transform: none; letter-spacing: 0; color:#ccc; }
	.quieter a 	 	{ color:#ccc; }
.last 		{ margin-right: 0; }
.half 		{ width: 50%; }
.full 		{ width: 100%; }
.left 		{ float: left; }
.italic 	{ font-style: italic; letter-spacing: 0.04em; }

.no-marg 			{ margin: 0; }
.no-pad 			{ padding: 0; }
.marg-right 	{ margin-right: 14px; }
.marg-left 		{ margin-left: 14px; }
.marg-bottom 	{ margin-bottom: 14px; }
.marg-top 		{ margin-top: 14px; }
.marg-all 		{ margin: 14px; }

.float-right,
img.float-right	{ float:right; }

.pad-bottom 	{ padding-bottom: 14px; }

.readmore p { text-align:right;margin:5px 10px; }

/* Column Themes -------------------------------------------------- */

	/* Light */
	
	.nobg { background:none; }
	.shade { background-color:#F6F6F6; }

	 p.hi, p.shade { padding:5px; }

	/* Dark */
	
	.dark p,
	.dark h1, .dark h2, .dark h3, .dark h4, .dark h5,
	.dark a
	{ color:#fff }

	/* Warn */
	
	.warn { background-color:#f2d6d6; }
	.warn .hi { background-color:#e3b4b4; }
	.warn h3 { color: #966; border-color:#e5baba; }

/* Special Modules -------------------------------------------------- */

.latest-talk { background-image:url(/images/graphics/modules/talk.png); background-position:top right; background-repeat:no-repeat; }
