/******************************
* Colours
*******************************
common - light:			#97a8c6
common - medium:		#4b699d
common - dark:			#253c72
-------------------------------
office - light:			#57c5da
office - medium:		#21aac5
office - dark:			#047499
-------------------------------
print - light:			#c6a1dd
print - medium:			#7e6d8e
print - dark:			#614375
-------------------------------
design - light:			#f5b458
design - medium:		#f3940e
design - dark:			#f46000
-------------------------------
marketing - light:		#ef6f71
marketing - medium:		#c01d1f
marketing - dark:		#a30207
-------------------------------
bespoke - light:		#ea92d6
bespoke - medium:		#ce38ac
bespoke - dark:			#b91284
-------------------------------
environment - light:	#??????
environment - medium:	#??????
environment - dark:		#??????
*/

/* Import stylesheets */
@import url('Styles.css');
@import url('Menus.css');

* { margin: 0; padding: 0; border: 0; }
body, html { background: #fff; font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 89%; color: #989898; }


/*************
Defaults
*************/

/* Links */
a { text-decoration: none; padding: 0px 2px; color: #989898; }
a:visited {color: #989898;}
a:active {color: #972b2c;}
a:hover {text-decoration: underline;}

/* Departmental Variations */
.common a:active, .common a {color: #4b699d;}
.office a:active, .office a {color: #21aac5;}
.print a:active, .print a {color: #7e6d8e;}
.design a:active, .design a {color: #f3940e;}
.marketing a:active, .marketing a {color: #c01d1f;}
.bespoke a:active, .bespoke a {color: #ce38ac;}

/* Headings */
h1 { clear: both; font-weight: 500; font-size: 1.7em; padding: 0 0 5px 0; margin: 0 0 8px 0; font-family: Trebuchet MS;}
h2 { clear: both; font-weight: 500; font-size: 1.3em; padding: 5px 0; font-family: Trebuchet MS;}
h3 { clear: both; font-weight: 500; font-size: 1.1em; padding: 5px 0; font-family: Trebuchet MS;}

/* Forms */
input { border: 1px solid #000; display: inline; float: left; padding: 5px; line-height: 1em;}
.inputOver { background: #fff; }
.inputOut { background: #f0f0f0; }
#__EVENTTARGET, #__EVENTARGUMENT, #__VIEWSTATE, #__EVENTVALIDATION {display: none;}

textarea { border: 1px solid #000; display: inline; float: left;}
select {border: 1px solid #000; display: inline; float: left;}
.button { border: 1px solid #000; display: inline; float: left; padding: 5px; line-height: 1em; background: url('../images/layout/button_bg.png') #000 no-repeat; color: #fff;}
.button:hover { background-color: #414141; cursor: pointer; }
.checkbox { border: 0; display: inline; float: left; }

/* Bulleted Lists / Numbered Lists */
.userText ul {list-style-type: disc; padding: 15px 0 15px 15px; margin-left: 20px; list-style-position: outside;}
.userText ul ul, .userText ul ol, .userText ol ul, .userText ol ol {padding: 5px 0 10px 15px;}
.userText ol {padding: 0 0 15px 15px; list-style-position: outside;}
.userText li {padding: 1px 0; font-size: 1.1em;}

/* Other */
.userText .strong { font-weight: bold;}
.userText p { padding: 5px 0; clear: both; line-height: 140%; font-size: 1.1em;}

a.noDecoration {background: none; border: none; text-decoration: none;}
a.noDecoration:hover {background: none; border: none; text-decoration: none;}

.clear {clear: both;}