/*RESET
---------------------------------------------------*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Text Styles
------------------------------------------------------------*/

body
{
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus
{
	outline: 1px dotted invert;
}

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
	font-size: 23px;
}

h2
{
	font-size: 20px;
}

h3
{
	font-size: 18px;
	/*color:#B59859;*/
    color:#806b3e;
}

h4
{
	font-size: 15px;
}

h5
{
	font-size: 12px;
}

h6
{
	font-size: 10px;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

li
{
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}

p, li, #mainContent div[role="navigation"] p, #mainContent div[role="navigation"] li {font-size:9pt; }
#mainContent p, #mainContent li { font-size: 10pt;}

/* 960 Grid Styles
-----------------------------------------------------------*/
/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 40px;
}

.container_16 .grid_2
{
	width: 100px;
}

.container_16 .grid_3
{
	width: 160px;
}

.container_16 .grid_5
{
	width: 280px;
}

.container_16 .grid_6
{
	width: 340px;
}

.container_16 .grid_7
{
	width: 400px;
}

.container_16 .grid_9
{
	width: 520px;
}

.container_16 .grid_10
{
	width: 580px;
}

.container_16 .grid_11
{
	width: 640px;
}

.container_16 .grid_13
{
	width: 760px;
}

.container_16 .grid_14
{
	width: 820px;
}

.container_16 .grid_15
{
	width: 880px;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 80px;
}

.container_12 .prefix_2
{
	padding-left: 160px;
}

.container_12 .prefix_4
{
	padding-left: 320px;
}

.container_12 .prefix_5
{
	padding-left: 400px;
}

.container_12 .prefix_7
{
	padding-left: 560px;
}

.container_12 .prefix_8
{
	padding-left: 640px;
}

.container_12 .prefix_10
{
	padding-left: 800px;
}

.container_12 .prefix_11
{
	padding-left: 880px;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 60px;
}

.container_16 .prefix_2
{
	padding-left: 120px;
}

.container_16 .prefix_3
{
	padding-left: 180px;
}

.container_16 .prefix_5
{
	padding-left: 300px;
}

.container_16 .prefix_6
{
	padding-left: 360px;
}

.container_16 .prefix_7
{
	padding-left: 420px;
}

.container_16 .prefix_9
{
	padding-left: 540px;
}

.container_16 .prefix_10
{
	padding-left: 600px;
}

.container_16 .prefix_11
{
	padding-left: 660px;
}

.container_16 .prefix_13
{
	padding-left: 780px;
}

.container_16 .prefix_14
{
	padding-left: 840px;
}

.container_16 .prefix_15
{
	padding-left: 900px;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 80px;
}

.container_12 .suffix_2
{
	padding-right: 160px;
}

.container_12 .suffix_4
{
	padding-right: 320px;
}

.container_12 .suffix_5
{
	padding-right: 400px;
}

.container_12 .suffix_7
{
	padding-right: 560px;
}

.container_12 .suffix_8
{
	padding-right: 640px;
}

.container_12 .suffix_10
{
	padding-right: 800px;
}

.container_12 .suffix_11
{
	padding-right: 880px;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 60px;
}

.container_16 .suffix_2
{
	padding-right: 120px;
}

.container_16 .suffix_3
{
	padding-right: 180px;
}

.container_16 .suffix_5
{
	padding-right: 300px;
}

.container_16 .suffix_6
{
	padding-right: 360px;
}

.container_16 .suffix_7
{
	padding-right: 420px;
}

.container_16 .suffix_9
{
	padding-right: 540px;
}

.container_16 .suffix_10
{
	padding-right: 600px;
}

.container_16 .suffix_11
{
	padding-right: 660px;
}

.container_16 .suffix_13
{
	padding-right: 780px;
}

.container_16 .suffix_14
{
	padding-right: 840px;
}

.container_16 .suffix_15
{
	padding-right: 900px;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}

/* Layout Styles
-----------------------------------------------------*/
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */
html, body { height:100%;}

body {
	background:#ddd url(../images/pagebg.png) repeat-y top center;
	color: #333;
	font-size: 11px;
	padding: 0;
}


/* anchors
----------------------------------------------- */
a {
	color:#006600;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#DAA520;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	/*background:#fff;*/
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
	background-color:transparent;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
}
.box h2 {
	font-size:1.3em;
	font-weight:normal;
	text-transform:uppercase;
	color:#004910;
	background-color:transparent;
	border-bottom:4px solid #004910;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#004910;
	background:transparent url(../images/spriteme1.png) 910px -2301px no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.box h2 a.hidden,
.box h2 a.hidden:hover {
	background:transparent url(../images/spriteme1.png) 910px -2269px no-repeat;
}
#navwrapper .box h2 a, 
#navwrapper .box h2 a.visible, 
#navwrapper .box h2 a.hidden, 
#navwrapper .box h2 a.hidden:hover 
{
	color:#004910;
    background: none;
    font-weight: normal;
}
    #navwrapper .box h2 a:hover {
    	color: #DAA520;
    }

#navwrapper li { font-size: 10pt; }
#navwrapper li, .nobullets > li { margin-left: 0; }
.nobullets ul li { margin-left: 15px; }
#navwrapper ul, #navwrapper li, ul.nobullets, .nobullets ul, .nobullets li { list-style: none none; }
.nobullets ul { margin-bottom: 5px; }
ul.inline, ul.inline li { display: inline; }
ul.inline li { font-size: 1.4em; }
ul.inline li:before {
    content: '•';
    margin-right: 3px;
}
    ul.inline li:first-child:before {
        content: '';
        margin-right: 0;
    }

.nowrap { white-space: nowrap; }

.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}
.box h2 a:hover {
	background-color:#ddd;
	color:#DAA520;
}
.block {
	padding-top:10px;
}
div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}
.lowbottom {margin-bottom: 0; padding-bottom:0; }


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
}
ul.section li {
	text-transform:uppercase;
}
ul.section li a {
	background:#bbb;
}
ul.section li a:hover {
	background:#aaa;
}
ul.section li a:active {
	color:#fff;
	background:#666;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}

/* images
---------------------------------------------- */
img.img_right {margin:10px 20px 10px 17px; padding: 15px; float:right; border: 1px solid #ddd;}				
p img.img_right {margin-right: 0; }				
img.img_left {margin:10px 20px 10px 20px; padding: 15px; float:left; border: 1px solid #ddd;}		
p img.img_left {margin-left: 0;}


/* site information
----------------------------------------------- */
#site_info, #site_info .box {background-color:#013C12; margin-bottom:0px; }
#site_info h2 { color:#fff; }
#site_info a, #site_info li, #site_info p {
	color:#fff;
}
#site_info a:hover {
	color:#aaa;
}

#site_info .grid_4 ul li, #site_info .grid_3 ul li
{
    margin-left:15px;   
}
.subsites { background:#013412 url(../images/spriteme2.png) 0 -115px repeat-x; border-top:2px solid #fff; }
.campaign { margin-top:20px; }
.campaign img {float:right;}
.campaign ul
{
    clear:right;
    list-style-image:none;
    padding-top:10px;
    text-align:right;
    margin:0;   
}
.campaign ul li
{
    display:inline;
    padding:0 6px 0 5px;
    border-right:1px solid #fff;
    margin:0;
}

.campaign ul li.last 
{
    border-right:none;
    padding-right:0;   
}

.campaign ul.secondNav
{
    padding-top:0;
}

/*Google Site Search
----------------------------------------------- */

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: transparent;
  }
  input.gsc-input {
    border-color: #BCCDF0;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: transparent;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #004910;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #006600;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #009900;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #009900;
  }
  .gsc-cursor-page {
    color: #0000CC;
  }
  a.gsc-trailing-more-results:link {
    color: #0000CC;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #0000CC;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #004910;
  }
  
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gsc-cursor-page 
  {
    color:#004910 !important;
    background:transparent !important;   
  }


/* Site Specific Styles
------------------------------------------------ */
.wrapper {min-height:100%; height: auto !important; height:100%; margin:0 auto -188px; }
.white  {padding-bottom:10px; }
#mainContent { background-color: #fff; }
#site_info, .push {height:188px;}

#header {background:transparent url(../images/spriteme2.png) 0 -10px repeat-x;}

#logo { float: right; width: 380px; height: 69px; margin: 0px 0 0; padding: 0; }
#logo h1, #sitelogo h1 { text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; border: 0;	}
#logo h1 a:link, #logo h1 a:visited	{ display: block; width: 422px; height: 44px; background: transparent url(../images/spriteme1.png) -10px -150px no-repeat; margin: 7px 0 0 0; padding: 0; border: 0; }
#logo h1 a:hover { background: transparent url(../images/spriteme1.png) -10px -150px no-repeat;	}

#sitelogo { float:left; width:375px; height:80px; margin:3px 0 3px 0; padding:0; }
#sitelogo h1 a:link, #sitelogo h1 a:visited	{ display: block; width: 375px; height: 80px; background: transparent url(../images/spriteme1.png) -10px -40px no-repeat; margin: 3px 0 0 0; padding: 0; border: 0; }
#sitelogo h1 a:hover { background: transparent url(../images/spriteme1.png) -10px -40px no-repeat;	}

#searchform { float: right;  }
#searchform fieldset { float: right; border: 0 solid #004810; padding: 5px 0 0 0; }
#searchform input { vertical-align: middle; font-size: 1.4em; display: inline; }
#searchform input.textBox { background: #E8EEE9; border-top: 1px solid #8b8f8b; border-bottom: 1px solid #9c9f9c; border-left: 1px solid #949894; border-right: 1px solid #949894; width: 300px; padding: 2px; }
#searchButton {
    background:url(/_support/images/button-search.gif) top left no-repeat; 
    width: 55px; 
    height: 20px; 
    border: 0;
    color: transparent;
}

.breadcrumbs {padding:5px 0;}

#navheading h2 { border-bottom:none; margin-left:0px;}
#toggle-nav:hover { background-color:transparent; color:#004910; }
#navtext {width:100px;}

a.currentPage { color: black !important; cursor: default !important; }
#site_info a.currentPage { color: goldenrod !important; }

.callout { border: 1px solid #ccc; box-shadow: 3px 3px 3px #999; border-radius: 10px; padding: 1em 10px; }
.callout h2 { margin-top: 0; }
.callout ul { margin-bottom: 5px; }

a.button { color: white; background-color: #042; border: 1px solid #693; border-radius: 5px; box-shadow: 3px 3px 3px #999; font-size: 1.5em; padding: 3px 10px 5px 10px; }
a.button:hover { background-color: #053; border-color: #9b6; box-shadow: 3px 3px 3px #bbb; }

.screenreader { position: absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }

#notifications {list-style:none outside none;}
#notifications li {margin-bottom:8px; margin-left:0; padding-left:35px; min-height: 30px; }

#userDetails h3, #GroupsPages h3, #Pages h3 { background-color:#004910; border-bottom:10px solid #fff; }
#userDetailsToggle, #GroupsPagesToggle, #PagesToggle { background-color:#004910; color:#fff; }
#userDetailsToggle:hover, #GroupsPagesToggle:hover, #PagesToggle:hover { background-color:#004910; color:#DAA54C; }

#userDetailsToggle, #GroupsPagesToggle, #PagesToggle, #userDetailsToggle.visible, #GroupsPagesToggle.visible, #PagesToggle.visible 
{
	display:block;
	color:#fff;
	padding:6px 12px;
	margin:-6px -12px;    
}

.login{text-align:center;}
.login label{padding:20px;}
.login table tr {height:35px;}
.login table {margin:0 auto;}

/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

.locked
{
	padding: 5px 20px 5px 0;
	background: transparent url(../images/lock_closed.png) no-repeat center right;
}

.nav
{
    background:transparent url(../images/spriteme1.png) -10px -2235px no-repeat;
    text-indent:8px;   
}

.notify
{
	background: transparent url(../images/spriteme1.png) -10px -2341px no-repeat ;
	text-indent:20px;
}

.notificationslink
{
    padding: 5px 40px 5px 0;
    background: transparent url(../images/arrow_double_right.png) no-repeat center right;
}

.calendar 
{
	background: transparent url(../images/spriteme1.png) -10px -2635px no-repeat;
	text-indent:20px;
}

.warning 
{
    background: transparent url(../images/spriteme1.png) -10px -2393px no-repeat;   
}

.resolved
{
    background: transparent url(../images/spriteme1.png) -10px -2454px no-repeat;
}

.Nerror
{
    background: transparent url(../images/spriteme1.png) -10px -2515px no-repeat;
}

.error a
{
    color:#9B0000;   
}

.error a:hover
{
    color:#ff0000;   
}

.alert 
{
    color: #aa0000;
    padding-left: 20px;
    background: url(../images/ico_error.jpg) center left no-repeat;
}

.required-field:before
{
    content: ' * ';
    color: #aa0000;
    float: left;
    font-size: 2em;
}

.copy
{
    text-align:right;
    margin:10px 70px 10px 0;   
}

.greenBlock 
{
    color:#fff;
    margin-bottom:10px;
    padding-top:5px;
}

.greenBlock h3 a, .greenBlock h3 a:hover {background-color:#015915;  padding-left:10px; display:block; border-bottom:3px solid #B59859;}

.greenBlock h3 a { color:#fff; }
.greenBlock h3 a:hover { color:#B59859;}

.innerBlock, .innerBlock2 {background-color:#fff;}

ul.nobullets li { list-style-type:none; }

legend 
{
    font-weight: bold;
    font-size:15px;
}

.calloutBox { border: 1px solid #ccc; box-shadow: 2px 2px 2px #ccc; 
border-radius: 10px; padding: 10px; margin-bottom: 1em; display: block; }
.clearLeft { clear: left; }
.floatRight { float: right; }

#success{margin:5px 0px;border:1px solid #b2dc4d;color:#40550d;font-family:"Arial", Arial, sans-serif;font-size:12px;background:#cce297;font-weight:700;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
#fail{margin:5px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#e7928d;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
#warning{margin:5px 0px;border:1px solid #efdc90;color:#a9a014;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#fffecc;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}

.ico_success{padding-left:20px;background:url(../images/success.jpg) no-repeat left center}
.ico_cancel{padding-left:20px;background:url(../images/error.jpg) no-repeat left center}
.ico_error,.ico_construction{padding-left:20px;background:url(../images/ico_error.jpg) no-repeat left center}

#sidebar 
{
    width:30px;
    height:80px;
    border:1px solid #B59859;
    position:absolute;
    top:95px;
    left:0;
    text-indent:-9999px;
}

#sidebar a
{
    display:block;
    background:transparent url(../images/Logout.jpg) no-repeat 0 0;
    width:30px;
    height:80px;   
}

#sidebar a:hover
{
    background:transparent url(../images/LogoutHover.jpg) no-repeat 0 0;   
}

/* Forms
--------------------------------------------------------- */
.spacer{clear:both; height:1px;}

/*form.wide {	margin: 0 0 20px 20px; padding:5px 0 20px 0; }*/


form.wide fieldset { border: 1px solid #c4dac7; background-color: #d4ead7; width: 400px; float: left; margin: 0 35px 25px 0; padding: 0;}
form.wide fieldset.wider {width: 870px;}
form.wide legend { color: #115511; padding: 0px 7px 3px 7px; }

/* FORM ORGANIZATION */
form.wide  ol { list-style:none; margin:0; padding:10px; }
	form.wide ol li { padding:6px; background:#e5f8e8; margin-bottom:2px; margin-left:0;	}
	form.wide ol li#send { background:none; margin-top:6px; }

/* INPUTS */
form.wide  label { float:left; width:120px; text-align:right; margin-right:10px; color:#115511; line-height:25px; /* This will make the labels vertically centered with the inputs */}
form.wide label.taller {line-height: 20px;}
form.wide label.taller span {font-size: 9px;}
			
form.wide input, form.wide textarea { padding:4px; font-size:12px; border:1px solid #679768; width:205px; }
form.wide input:focus, form.wide textarea:focus { border:1px solid #666; background:#e3f1f1; }

form.wide select { padding: 4px; width: 205px; border: 1px solid #679768;}

form.wide label.error 
{
    width:325px; color:#ff0000;  
}
			
/* BUTTON */
form.wide ol li#send button {
	background:#115511 url(../images/add.gif) no-repeat 8px 50%;
	border:none;
	padding:4px 8px 4px 28px;
	border-radius:15%; /* Don't expect this to work on IE6 or 7 */
	-moz-border-radius:15%;
	-webkit-border-radius:15%;			
	color:#fff;
	margin-left:130px; /* Total width of the labels + their right margin */
	cursor:pointer;
	}
	
form.wide ol li#send button:hover { background-color:#226622; }

/******************************************/

form.widest { margin: 0 0 20px 20px; padding:5px 0 20px 0; }


form.widest fieldset { border: 1px solid #c4dac7; background-color: #d4ead7; width: 700px; float: left; margin: 0 35px 25px 0; padding: 0;}
form.widest fieldset.wider {width: 870px;}
form.widest legend { color: #115511; padding: 0px 7px 3px 7px; }

/* FORM ORGANIZATION */
form.widest  ol { list-style:none; margin:0; padding:10px; }
	form.widest  li { padding:6px; background:#e5f8e8; margin-bottom:2px;	}
	form.widest  li#send { background:none; margin-top:6px; }


/* INPUTS */
form.widest label { float:left; width:420px; text-align:right; margin-right:10px; color:#115511; line-height:25px; /* This will make the labels vertically centered with the inputs */}
form.widest label.taller {line-height: 20px;}
form.widest label.taller span {font-size: 9px;}
			
form.widest input, form.widest textarea { padding:4px; font-size:12px; border:1px solid #679768; width:205px; }
form.widest input:focus, form.widest textarea:focus { border:1px solid #666; background:#e3f1f1; }

form.widest select { padding: 4px; width: 205px; border: 1px solid #679768;}

/* ADJUSTMENTS */


p.superlabel {color:#115511; font-size:14px;}
form.wide label.lesserlabel , form.widest label.lesserlabel{color: #444; font-size: 12px;}

			
/* BUTTON */
form.widest  li#send button {
	background:#115511 url(../images/add.gif) no-repeat 8px 50%;
	border:none;
	padding:4px 8px 4px 28px;
	border-radius:15%; /* Don't expect this to work on IE6 or 7 */
	-moz-border-radius:15%;
	-webkit-border-radius:15%;			
	color:#fff;
	margin-left:430px; /* Total width of the labels + their right margin */
	cursor:pointer;
	}
	
form.widest  li#send button:hover { background-color:#226622; }

/* Iconize 
--------------------------------------------------------- */

a.external 
{
	padding: 5px 16px 5px 0;
	background: transparent url(../images/icons/external-green.png) no-repeat center right;
}
a.map {
    background: url(../images/map-pin.png) center right no-repeat;
    padding-right: 20px;
    min-height: 16px;
    display: inline-block;
}

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'], a[href$='.docx'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_doc.gif) no-repeat center right;
}

a[href$='.ppt'], a[href$='.pptx'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_ppt.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'], a[href$='.xlsx'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'], .ico_feed { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_opml.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_phps.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_phps.gif) no-repeat center right;
}

a[href$='.torrent'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_torrent.gif) no-repeat center right;
}

a[href$='.vcard'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'], a[href$='.msi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'], a.pdf { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_css.gif) no-repeat center right;
}

a[href$='.reg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_reg.gif) no-repeat center right;
}

a[href$='.ttf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_ttf.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icons/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icons/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icons/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icons/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icons/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icons/icon_gadugadu.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icons/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

/* Thickbox
------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	/* adam removed this top:50%; */
	bottom:25%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin-bottom:1px;
}

/* Syntax Highlighter
--------------------------------------------------------- */

.dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

/* ASP.Net AJAX Calendar Control CSS 
---------------------------------------------------- */
.ajax-calendar *
{
	padding: 0;
	border: none;
}
.ajax-calendar .ajax__calendar_container
{
	border: solid 1px #cccccc;
	background-color: White;
}
.ajax-calendar .ajax__calendar_dayname, .ajax-calendar .ajax__calendar_day
{
	margin: 0;
	padding: 0;
	border: none;
}

autocomplete_completionListElement
{
	margin: 0;
	padding: 5px;
	background-color: #cccccc;
	font-size: 100%;
}
autocomplete_listItem
{
	margin: 0;
	padding: 5px;
	background-color: #ffffff;
	color: Black;
	font-size: 100%;
}
autocomplete_highlightedListElement
{
	margin: 0;
	padding: 5px;
	background-color: #ffffcc;
	color: Blue;
	font-size: 100%;
}

.popupControl
{
    position:absolute;
    visibility:hidden;
    left:-1000px;
    width:0;
}

/* Fancy Box (jQuery)
---------------------------------------------------------- */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 1030;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1090;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 1100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 1100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 1100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 1181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 1111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 1112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 1070;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 1070;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 1100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../images/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancy_title_right.png') repeat-x;
}

/* media queries for small screen widths on mobile devices */
/* tablet */
@media only screen and (max-width: 960px) 
{
.container_12,
.container_16
{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.container_12 .grid_3, .container_12 .grid_4,
.container_16 .grid_4
{
	width: 22%;
}

.container_12 .grid_6, .container_12 .grid_5,
.container_16 .grid_8
{
	width: 47%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 72%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 97%;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	margin-left: 1%;
	margin-right: 1%;
}

#header { background: #013412 url(../images/spriteme2.png) 0 -115px repeat-x; }
img { max-width: 100%; }
    
}

@media only screen and (max-width: 800px) {
#logo, #searchform, #searchform fieldset { float: none; }
#searchform { margin-top: -10px; }
}

/* phone */
@media only screen and (max-width: 550px) 
{

/* single column */
.container_16, .container_12,
.container_16 .grid_1, .container_12 .grid_1,
.container_16 .grid_2, .container_12 .grid_2,
.container_16 .grid_3, .container_12 .grid_3,
.container_16 .grid_4, .container_12 .grid_4,
.container_16 .grid_5, .container_12 .grid_5,
.container_16 .grid_6, .container_12 .grid_6,
.container_16 .grid_7, .container_12 .grid_7,
.container_16 .grid_8, .container_12 .grid_8,
.container_16 .grid_9, .container_12 .grid_9,
.container_16 .grid_10, .container_12 .grid_10,
.container_16 .grid_11, .container_12 .grid_11,
.container_16 .grid_12, .container_12 .grid_12,
.container_16 .grid_13, .container_12 .grid_13,
.container_16 .grid_14, .container_12 .grid_14,
.container_16 .grid_15, .container_12 .grid_15,
.container_16 .grid_16, .container_12 .grid_16
{
    width: 98%;
}

/* larger link fonts */
a, #navtext { font-size: 1.4em; }
#navwrapper a, #site_info a { font-size: 1.8em; width: 100%; display: inline-block; padding: 3px 0; }
#navwrapper li { border-bottom: 1px solid #ccc; }
#toggle-nav { padding: 10px; margin: -4px 0; }

.callout.floatRight { float: none; display: inline-block; max-width: 95%; }

#site_info, .push { display: none; }
#header { max-width: 100%; overflow: hidden; }
}

@media only screen and (max-width: 400px) 
{
#logo h1 a:link, #logo h1 a:visited { width: 100%; background-size: 90%; background-position: -10px -120px; }
#sitelogo h1 a:link, #sitelogo h1 a:visited { width: 100%; background-size: 90%; background-position: -10px -30px; }
#searchform input.textBox { width: auto; }
}