/* Global Stylesheet for ATR */
/* Author: Harry Kontos */
/* Last Modified: 19-Apr-2008 */

@import "colours.css";

BODY {font:13px arial,verdana,sans-serif;*font-size:small;*font:x-small;} /*Y!*/
BODY {margin: 10px 40px 0 40px; background-color: #F7BA04;}

html, body, h1, h2, h3, h4, h5, h6, div, p, ul, li, input, select, span, td, textarea {
	font-family:arial,verdana,sans-serif;
	}

table {font-size:inherit;font:100%;} /*Y!*/
pre, code {font:115% monospace;*font-size:100%;} /*Y!*/

form {margin:0; padding:0;}
textarea {font-size:100%;}
hr {color:#CCC; background-color:transparent; clear:both;} /* Only works in IE! */

a:link { color: #36C; }
a:visited { color: #66C; }
a:hover { text-decoration: underline; }

.white a, .white a:link, .white a:visited {color:#fff !important;}
a.white, a.white:link, a.white:visited  {color:#fff !important;}

H1 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 215%;
	line-height: normal;
	margin-top: 0;
	color: #666;
	padding:0;
	}

H2 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 190%;
	line-height: normal;
	margin-top: auto;
	color:#666;
	padding:0;
	}

H3 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 140%;
	line-height: normal;
	color: #666;
	padding:0;
	}

H4 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 135%;
	line-height: normal;
	color: #999;
	padding:0;
	}
	
form {
	font-family: Arial, sans-serif; 
	font-size: 85%;
	white-space: nowrap;
	margin:0px;
	padding:0px;
	}

select, textarea, input {
	font-family: Arial, sans-serif;	
	font-size: 85%;
	}

ul {	
	list-style-type: square;	
	list-style-position: outside;
	}

ul li { line-height: 150%; }
ul li li { font-size: 100%; }

ol {}
ol li { line-height: 150%; }
ol li li { font-size: 100%; }

/* Custom Classes */

ul.nomargin {margin-left: 0;}
li.nobullet { list-style-type: none;}

div.margin { margin: 10px; }

div#content {margin: 30px 0;}

div#content p {
	line-height: 150%;
	}
	
.contenttdbg {
	background-image: url(../images/content_tdbg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
td.contentBdr { border-right: 1px solid #EBE9DF; }
	
img.feature { margin: 10px; border: 1px solid #999;}
	
table.feature {
	font-size: 92.5%;
	border: 1px solid #EBE9DF;
	line-height: 1.2em;
	background-color: #FAFAF1;
	margin: 10px;
	}

table.feature th {
	color: #999900;
	background-color: #fff;
	text-align: left;
	border-bottom: 1px solid #EBE9DF;
	line-height: 0.5em;
	}

div.links { background-color: #fff; }
		
.bod { background-color: #fff; border: 2px solid #990000; }

td.sidebar { 
	width:200px; 
	padding:40px 2em;
	font-size: 92.5%; 
	border-left: 1px solid #CCCC99; 
	background-color: #F1EFE2; 
	}

div#main { 
	border-top: 1px solid #000; 
	margin: 0px; 
	padding: 0px; 
	background-color: #fff;
	}

/* __________ MISC TEXT SIZES __________ */

.small {font-size:92.5%;}
.xsmall {font-size:85%;}
.xxsmall, .smallText {font-size:77%;}
.xxxsmall {font-size:69.5%;}
		
.aligncentre { text-align:center;}
.alignleft {text-align:left;}
.alignright {text-align:right;}

.footer {
	font-family: Arial, sans-serif;
	font-size: 85%;
	padding: 5px;
	color: #333333;
	}

.floatright {float:right; clear:right; margin-left: 1em;}
.floatleft {float:left; clear:left; margin-right: 1em;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
.hidden, .hide {display:none; visibility:hidden;}

/* table and div borders */

.border { border: 1px solid #999; }
.bordertop { border-top: 1px solid #999; }
.borderright { border-right: 1px solid #999; }
.borderleft { border-left: 1px solid #999; }
.borderleftright { border-left: 1px solid #999; border-right: 1px solid #999; }
.borderbottom { border-bottom: 1px solid #999; }
.bordertopleft { border-top: 1px solid #999; border-left: 1px solid #999; }
.borderbottomleft { border-bottom: 1px solid #999; border-left: 1px solid #999; }
.bordertopright { border-top: 1px solid #999; border-right: 1px solid #999; }
.borderbottomright { border-bottom: 1px solid #999; border-right: 1px solid #999; }
.bordertopleftright { border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;}
.borderbottomleftright { border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;}
.bordertopbottom { border-top: 1px solid #999; border-bottom: 1px solid #999; }
.bordertopbottomleft { border-top: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; }
.bordertopbottomright { border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999; }

/* __________ GENERIC TABLE AND CELL STYLES __________ */

table {
	border-collapse: collapse;
	}

table#tablenormal, table.tablenormal {
	font-size: 92.5%; /* 12px text */
	}
	
table#tablesmall, table.tablesmall {
	font-size: 85%; /* 11px text */
	}

th {
	text-align: left;
	background-color: #F5F5F5;
	border-bottom: 1px solid #ccc;
	}

.padleft10 {
	padding-left: 10px;
	}
	
.padright10 {
	padding-right: 10px;
	}
	
.padleftright10 {
	padding-left: 10px;
	padding-right: 10px;
	}

.padleftright20 {
	padding-left: 20px;
	padding-right: 20px;
	}
	
.margin {margin: 1em;}

/* New Oct 2010 */
.marg1em {margin: 1em;}
.pad1em {padding: 1em;}
.homematrix-l {
	color: #000; 
	background-color:#ccc; 
	padding:1em; 
	text-align:center;
	vertical-align:top;
	}
.homematrix-d {
	color: #000; 
	background-color:#999; 
	padding:1em; 
	text-align:center;
	vertical-align:top;
	}

.logo {
	padding:7px 0;
	}
	

#nav {}
#nav ul, #nav-p ul {margin:0; padding:0;}
#nav ul li {
	margin:0; 
	padding:1px 0 2px 20px; 
	border-bottom:1px dotted #dcdcdc; 
	list-style-type:none;
	}

#nav-p ul li { /*second-level pages only*/
	margin:0; 
	padding:1px 0 2px 0; 
	border-bottom:1px dotted #dcdcdc; 
	list-style-type:none;
	}

#nav a, #nav-p a {text-decoration:none;}
#nav a:link, #nav a:visited, #nav-p a:link, #nav-p a:visited {color:#36C;}
#nav a:hover, #nav-p a:hover {color:#000; text-decoration:underline;}