/* Start of CMSMS style sheet 'CSS: Typography' */
/* -----------------------------------*/
/* ---->>> COLOUR GLOSSARY <<<----*/
/* -----------------------------------*/

/* 
	light grey: #cfdbe4;
	grey: #606b73;
	dark grey: #404346;
	red: #ce151e;
	light red: #fe4c4c;
	blue: #055d9d;
	light blue: #4780af;
*/

/* -----------------------------------*/
/* --------->>> GLOBAL <<<----------*/
/* -----------------------------------*/

body {
	font-family: arial,verdana,helvetica,sans serif;
	font-size: 11px;
	line-height: 15px;
	color: #606b73;
}

/* -----------------------------------*/
/* ------>>> TYPOGRAPHY <<<-------*/
/* -----------------------------------*/

h1 {
	font-size: 30px;
	margin: 1em 0;
	font-weight: normal;
color: #cfdbe4;
}

h2 {
	font-size: 19px;
	line-height: 20px;
	margin: 0 0 1em 0;
	color:#ce151e;
	font-weight: normal;
}
p+h2,ul+h2 {margin: 1.2em 0 0.6em 0;}

h3 {
	font-size: 15px;
	line-height: 17px;
	margin: 0 0 0.5em 0;
	color:#404346;
}

h4 {
	font-size: 1.1em;
	margin: 0 0 0.3em 0;
	color: #404346;
}

h2 a, h3 a, h4 a {color: #6d6d6d;}
h2 a, h3 a, h4 strong {color: #000;}

p {margin: 0 0 1em 0;}

/* -----------------------------------*/
/* --------->>> LINKS <<<-----------*/
/* -----------------------------------*/

a {
	color: #404346;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {color: #ce151e;}
a:active {outline: none;}

a.externalLink {
	padding-right: 12px; 
	background: url(/uploads/images/layout/arrow_ur_small.gif) 100% 0 no-repeat;
}
a img {border: none;}

/* -----------------------------------*/
/* --------->>> LISTS <<<-----------*/
/* -----------------------------------*/


ul {
	/*margin: -0.3em 0 1em 1em;*/
	list-style: none;
}
p+ul, h3+ul {margin-bottom: 1em;}

ul li {
	/*margin: 0.4em 0.5em;*/
	line-height: 1.3em;
background: url(uploads/images/bullet.gif) no-repeat scroll 15px 4px;
padding-left:30px;
}
ul a {color: #63605F;}

ol {margin: -0.3em 0 1em 1em;}
ol li  {
	/*overflow: hidden;*/
	margin: 0.4em 0.5em;
	line-height: 1.3em;
}

strong {font-weight: bold; color: #333;}
em {font-style: italic;}

/* -----------------------------------*/
/* --------->>> FORMS <<<----------*/
/* -----------------------------------*/

input, select {font-size: 11px;}
fieldset {border: none;}

fieldset legend {
	color: #ce151e;
	font-weight: normal;
	font-size: 19px;
	margin-bottom: 1em;
}

fieldset label {
	display: block;
	width: 120px;
	padding: 2px;
	float: left;
	font-size: 1em;
	color: #606b73;
clear: left;
position: relative;
}

fieldset input {
	width: 360px;
	border: 1px solid #cfdbe4;
	margin-bottom: 5px;
	padding: 2px;
}

fieldset select {
        border: 1px solid #cfdbe4;
	margin-bottom: 5px;
	padding: 2px;
	width: 366px; 
}

fieldset textarea {
	width: 360px; 
	height: 60px;
	border: 1px solid #cfdbe4;
	margin-bottom: 5px;
	margin-top: 0;
	padding: 2px;
	color: #6d6d6d;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:1em;
}
* html fieldset input {width: 348px;}
* html fieldset select {width: 355px;}
* html fieldset textarea {width: 340px;}


fieldset .button {padding-top: 0px;}
fieldset .button input {width: 100px}

.submit input, input.signin_button {
	border: 1px solid #cfdbe4;
	background-color: #fff;
	color: #99B3C6;
	padding: 2px;
        margin-right: 20px;
	text-transform: lowercase;
	width: 80px;
        float: right;
cursor: pointer;
}

.contactform {width: 490px;}
fieldset .short input, fieldset .short select {width: 150px;}
fieldset .checkbox input {width: 15px; float: left;}
fieldset .checkbox label {clear: none; width: 300px; float: left; margin-top:-15px;}



/* -----------------------------------*/
/* ------->>> TABLES <<<---------*/
/* -----------------------------------*/

thead {font-size:1.2em; color: #333;}
tbody {background-color: #fff;}

td {
padding: 10px; 
color: #333;
border:1px solid #ccc;
font-family: verdana, helvetica, sans-serif;
line-height: 1.4em;
}

table {border-collapse: collapse;}

/* -----------------------------------*/
/* --------->>> OTHER <<<-----------*/
/* -----------------------------------*/

/* --------->>> HorizontalLine <<<-----------*/

.hr {
	border: none;
	height: 5px;
	margin: 1em;
	clear: both;
}
.hr hr {display: none;}

hr.thin {margin: -0.3em 0 0.5em 0;}
hr.black {border-color: #000;}

/* --------->>> DataTables <<<-----------*/

dt{
	float: left;
	clear: left;
	font-weight: bold;
	margin: 0 0 1em 1em;
	width: 55px;
	color: #000;
}

dd {
	display: block;
	margin: 0 0 1em 0;
	padding-left: 75px;
}
/* --------->>> BlockQuotes <<<-----------*/

blockquote {
	margin: 0.5em 0;
	padding: 1.5em;
	background: #F5F8E2;
	color: #000;
}
blockquote h2, blockquote h3,blockquote h4, blockquote a {color: #000;}
blockquote p {}

/* ------->>> CodeView <<<--------*/

code {
	background: #F0F0F0;
	color: #000;
	font-size: 1.1em;
}

pre {
	background: #333;
	font-size:1.2em;
	line-height:1.4em;
	color: #eaeaea;
	padding: 1em;
	margin: 0.5em 0;
	font-family: Verdana, Helvetica, sans-serif;
}

/* End of 'CSS: Typography' */

