/*
	--------------------------------------------------
	BASE STYLES
	--------------------------------------------------
	Client:	Bycast
	Author:	Darren Gould
	Date:	August, 2009
	
*/

/* ------------------------ DO NOT ALTER THIS FILE ---------------------------- 
This is the standard eSolutions website style sheet.
Create a copy of the three style sheets and place them in your new website directory so that
CSS are commonly kept in the /styles/ directory of the /root or /language for the website. 
   ------------------------ DO NOT ALTER THIS FILE ---------------------------- */

/* IMPORTING OTHER STANDARD STYLE SHEETS */
/* rather than importing styles we prefer to just link the styles on the pages since the
top part of each page is normally an include, so on the page under <title> add the following code ...

<link href="/styles/base.css" rel="stylesheet" type="text/css" media="screen">
<link href="/styles/structure.css" rel="stylesheet" type="text/css" media="screen">
<link href="/styles/content.css" rel="stylesheet" type="text/css" media="screen">
<link href="/styles/print.css" rel="stylesheet" type="text/css" media="print">
 */
 
 
/* =============================================================================================== REMOVE PADDING AND MARGIN VALUES */

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, 
table, blockquote, q, caption, a, form, input, textarea, fieldset, pre 
{
	margin: 0;
	padding: 0;
}


/* =============================================================================================== REMOVE PADDING AND MARGIN VALUES FROM TABLES */

/* this is commented out because it tends to wreak havock with the .NET stuff we do
thead,tbody,tfoot,th,tr,td {margin:0;padding:0;} */


/* ===================================================================================== BODY ATTRIBUTES */

body 
{
	background-color: #DDD;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	color: #5E5E5E;
}


/* ===================================================================================== SET BASE FONT ATTRIBUTES */

p, blockquote, li, td 
{
	font-size: 12px;
}

p, blockquote 
{
	padding-bottom: 1.5em;
}

blockquote 
{
	padding-left: 20px;
	padding-right: 20px;
}

h1, h2, h3, h4, h5 
{ 
	padding: 10px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #A99A6F;
	text-transform: none;
}

h1 { font-size: 20px; padding: 0px 0px 20px 0; color: #FFF; }
h2 { font-size: 18px; padding: 0 0 25px 0; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color: #005581; }
h3 { font-size: 14px; }
h4 { font-size: 12px; color: #5E5E5E; font-weight: bold; padding: 0 0 0.75em 0; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }

ul, ol 
{
	margin-left: 40px;
	padding-bottom: 1.5em;
}

li 
{
	padding-bottom: .75em;
}


/* ===================================================================================== STANDARDIZE LINK STYLES ACROSS SITE */

a { color: #005581; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; color: #0176B2; }


/* ===================================================================================== KILL BORDER ON IMG LINKS */

a img, 
:link img, 
:visited img, 
:hover img, 
:active img 
{ 
	border: none;
}


/* ===================================================================================== MISCELLANEOUS STYLES TO ENSURE STANDARD TYPOGRAPHY */

em 
{
	font-style: italic;
	font-weight: normal;
}

strong 
{
	font-weight: bold;
}

acronym 
{
	background: transparent;
	cursor: help;
	font-style: normal;
}

a acronym 
{
	border: none;
	cursor: pointer;
}


/* ===================================================================================== STANDARD MULTIPLE COLUMN CLEARING TRICK */

/* make sure your columns divs are inside a holding div that is set to float:left; */

.clear { clear: left; }




/* ----- END OF TEMPLATE ----- */
