
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,hebrew,vietnamese,latin-ext,cyrillic);

.clearfix:before, .clearfix:after	{content:""; display:table;}
.clearfix:after		{clear:both;}
.clearfix			{zoom:1;}


/****************************  Main Elements ***************************/
HTML					{font-size:62.5%; line-height:62.5%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}/* 62.5% so each 0.1 rem is 1px */
BODY					{text-align:center; color:#333333; height:100%; font-size:1.5rem; line-height:2rem; font-family:'Arimo', Arial, helvetica, sans-serif; margin:0; padding:0;}

H1, H2, H3, H4, H5, H6	{padding:0; margin:0;}
P						{padding:0; /* margin:0;*/ margin-top:0px; font-size:inherit;}
SMALL					{font-size:75%;}
UL						{font-size:inherit;}
LI						{margin:0; padding:0; font-size:inherit;}
UL LI					{list-style:circle url('../ListIconLevel1.png');}
OL LI					{padding:0 4px;}
TABLE					{font-size:inherit; line-height:inherit;}
TD						{font-size:inherit;}
HR						{border:0; border-top:1px solid #cbcbcb; height:1px; width:100%; background-color:transparent;}
IMG						{border:0; padding:0; margin:0; -ms-interpolation-mode:bicubic;}

A						{text-decoration:underline; color:#3e5d11; -webkit-tap-highlight-color:rgba(103,199,245,0.4);}
A:hover					{text-decoration:none; color:#2da657;}
A:active, A:focus		{}



/****************************** Form stuff ***********************************/
FORM						{display:inline; margin:0px;}
FIELDSET					{border:1px solid #cccccc; padding:.35rem .625rem .75rem; margin-bottom:20px; background-color:rgba(0,0,0,0.05);}
LEGEND						{border:1px solid #ddd; margin-bottom:10px; padding:5px 30px; font-weight:bold; white-space:normal; background-color:rgba(0,0,0,0.1);}
TEXTAREA					{border:1px solid #cccccc; overflow:auto; vertical-align:top; font-size:1.5rem; padding:4px 10px 4px 10px; margin:0; font-family:'Arimo', Arial, helvetica, sans-serif; box-sizing:border-box;}
SELECT						{height:27px; margin:0; vertical-align:top; font-size:1.5rem; font-family:'Arimo', Arial, helvetica, sans-serif;}
/* fixes for IE in case of round corners / background */
/*@media all and (-ms-high-contrast: none) {SELECT	{padding:4px 5px 4px 5px;}}*/ /** only for IE10 and newer: **/
/*SELECT.selectIE9			{padding:3px 5px 3px 5px;}*/ /** only for IE9 and lower **/

INPUT						{line-height:normal; font-size:100%; margin:0px; padding:0; vertical-align:baseline; font-size:1.5rem; font-family:'Arimo', Arial, helvetica, sans-serif;}
INPUT::-moz-focus-inner		{border:0; padding:0}

INPUT.input					{height:27px; line-height:21px; padding:0px 10px 0px 10px; background-color:#ffffff; color:#666; border:#cccccc 1px solid; box-sizing:border-box;}
INPUT:-webkit-autofill		{-webkit-box-shadow:0 0 0px 1000px #ffffff inset; -webkit-text-fill-color:#666; padding:0px 10px 0px 10px; box-sizing:border-box;}
::-ms-clear					{display:none !important;}

INPUT[type="text"]			{vertical-align:top;}
INPUT[type="password"]		{vertical-align:top;}
INPUT[type="reset"]			{cursor:pointer; -webkit-appearance:button;}
INPUT[type="submit"]		{cursor:pointer; -webkit-appearance:button;}
INPUT[type="checkbox"]		{margin:0px 4px 0px 4px; padding:0; position:relative; top:2px; box-sizing:border-box;}
INPUT[type="radio"]			{margin:3px 4px 0px 4px; padding:0; box-sizing:border-box;}
INPUT[type="search"]									{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
INPUT[type="search"]::-webkit-search-decoration			{-webkit-appearance:none}
INPUT[type="search"]::-webkit-search-cancel-button		{-webkit-appearance:none;}
INPUT[type="image"]			{display:block;}
INPUT[type="button"]		{cursor:pointer; -webkit-appearance:button;}
BUTTON						{line-height:normal; font-size:100%; margin:0; vertical-align:baseline; cursor:pointer; -webkit-appearance:button; font-family:'Arimo', Arial, Helvetica, sans-serif;}
BUTTON::-moz-focus-inner	{border:0; padding:0}

INPUT.button		{background:#cad77d; color:#20422c; height:27px; border-style:none; padding:0px 20px 0px 20px; vertical-align:top; text-align:center; font-weight:bold; cursor:pointer; font-family:'Arimo', Arial, Helvetica, sans-serif;}
INPUT.button:hover	{background:#b4c35d; color:#fff;}

INPUT:focus, SELECT:focus, TEXTAREA:focus	{box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2); outline:none;}


/**************************** Ruling Colors ***************************/
/** Used in complex modules and modules that have 'light' text on 'dark' background**/
.box1Background					{background-color:#54b576; color:#ffffff; text-decoration:none;}
.box1Color						{color:#ffffff; text-decoration:none;}
A.box1Color:hover				{color:#e5eb1e; text-decoration:underline;}
A.box1Color:active				{}

.box1Background_LightVersion	{background-color:#e3e5d5; color:#000000; text-decoration:none;}
.box1Color_LightVersion			{color:#000000; text-decoration:none;}
A.box1Color_LightVersion:hover	{color:#54b576; text-decoration:underline;}
A.box1Color_LightVersion:active	{}


/** Used in titles and captions**/
.titlesColor					{color:#000000;}
.titlesColor:hover				{color:#2da657;}
.pageTitleColor					{color:#000000;}
.pageTitleColor:hover			{color:#000000;}


/*******************************************************************/
DIV.body			{margin-bottom:25px;}
DIV.bodyItem		{}
DIV.bodyList		{}

/** Bread Crumbs **/
DIV.navigationTabContainer	{position:relative; margin-bottom:10px;}
A.navigationTab				{text-decoration:none;}
A.navigationTab:hover		{text-decoration:underline;}
UL.NavigationTab			{font-size:95%; padding:0px !important; margin:0px; font-weight:normal;}
UL.NavigationTab LI			{display:inline; list-style-image:none; list-style-type:none;}

@media screen and (min-width: 991px) {
	DIV.navigationTabContainer	{margin:-32px -30.2% 10px 0;}
}
@media screen and (max-width: 990px) and (min-width: 769px) {
	DIV.navigationTabContainer	{margin:-32px -32.45% 10px 0;}
}

.grid_fullwidth DIV.navigationTabContainer	{margin:-32px 0px 10px 0px !important;}
.grid_fullwidth A.navigationTab				{color:#e5eb1e;}


/** Page Title & Description **/
TD.PageTitle				{}
DIV.PageTitle				{color:#000000; font-weight:bold; font-size:2.5rem; line-height:2.8rem; padding-bottom:10px; border-bottom:#54b576 1px solid; margin:0px 0px 20px 0px;}
#HomePage DIV.PageTitle		{display:none;}
TD.PageCategoryTitle		{}
DIV.PageCategoryTitle		{}
H1.PageTitle				{font-weight:bold; font-size:100%; color:#f0791b;}
H1.PageCategoryTitle		{font-weight:bold; font-size:100%; color:#000000;}
TD.description				{padding-bottom:15px;}
DIV.description				{padding-bottom:15px;}

.grid_fullwidth DIV.PageTitle		{color:#fff;}
.grid_fullwidth H1.PageTitle		{color:#fff;}
.grid_fullwidth H1.PageCategoryTitle		{color:#fff;}
.grid_fullwidth .pageTitleColor		{color:#fff;}
.grid_fullwidth .pageTitleColor:hover	{color:#fff;}

/** Copyright **/
TD.Copyright				{font-weight:normal; font-size:1.3rem; color:#005794;}
A.Copyright					{font-weight:normal; text-decoration:none; color:#3e5d11;}
A.Copyright:hover			{font-weight:normal; text-decoration:none; color:#2da657;}

.hidden			{position:absolute; top:-10000px; width:1px; height:1px; overflow:hidden;}
.red			{color:red;}


/** Site Message **/
DIV.SiteMessageContainer	{border-bottom:solid 1px gray; text-align:center; padding:5px;}


/************************** Pop-up windows ******************************************/
BODY.Popup			{}

/** Talkbacks **/
INPUT.Response		{width:220px;}
TEXTAREA.Response	{width:220px; height:200px;}

/** Tell a Friend **/
INPUT.Friend		{width:220px;}
TEXTAREA.Friend		{width:220px; height:200px;}
