@charset "utf-8";

* {margin : 0; padding : 0;}
body { background : #ffffff url(images/header.jpg) repeat-x;
	font-family : Arial;
	font-size : 15px; color : black;
	min-width: 850px;}

h1 { letter-spacing : 0px; font-size : 30px; color: rgb(51, 51, 255); }
h2 { font-size : 24px; color : #292929;}
h3 { font-size : 15px; text-decoration: underline; color: rgb(0, 102, 0); font-weight: bold; padding-bottom : 8px ;}
h4 { letter-spacing : 0px; font-size : 30px; color: rgb(51, 51, 255); }

p, ul, ol { margin-bottom : 2em; text-align : justify; line-height : 200%; }

a { color : #ff0000;}
a:link { color : blue; text-decoration : underline; }
a:visited {color: purple; text-decoration : underline; }
a:hover { color: blue; text-decoration : none; background : #00ff00; }

img { border : none; }
.tn img { border : 8px solid #f5f5f5; }
hr { display : none; }

/* IEhack */
/* remarked out for non-IE browsers*/
/*#IEhack {  width: expression(document.body.clientWidth < 875? "850px": "auto");} */

/* Logo */
#logo {height : 62px; min-width: 790px; margin : auto; padding: 0 30px 0 30px; max-width: 1200px;}

#logo h1 { float : left; 
	padding : 12px 37px 0 0; 
	height : 50px;
	background : url(images/caflag.gif) no-repeat 100% 15px;
	font-size : 38px;
	font-weight : normal;
	letter-spacing : -2px; }

#logo h2 { float : right;
	text-align : center;
	padding : 15px 0 0 0;
	font-weight : normal;
	font-size : 16px;
	color : #00ff00; }

#logo a { text-decoration : none; color : #0066ff; }


/* Page */
#bg-green { background-image : url(images/bg-green.jpg);}
#bg-canvas {background-image : url(images/bg-canvas.jpg);}
#bg-parchment {background-image : url(images/bg-parchment.jpg);}
#bg-blue {background-image : url(images/bg-blue.jpg);}
#bg-circuit {background-image : url(images/bg-circuit.jpg);}
#bg-xmas-blue {background-image : url(images/xmas/bg-xmas-blue.jpg);}
#bg-snowflake-blue {background-image : url(images/xmas/bg-snowflake-blue.gif);}
#bg-newyear {background-image : url(images/bg-newyear.jpg);}

#page { margin : auto; padding: 0 30px 0 30px; max-width: 1200px;}

/* Content */
#content {float : left; width : 75%; }

/* margin: top, right, bottom, left */
#content h1 {margin : 20px 0 20px 0; padding-left : 32px; background : url(images/red-star.gif) no-repeat left center;}
#content h2 {margin : 20px 0 20px 0; padding-left : 32px; background : url(images/green-star.gif) no-repeat left center;}
#content h4 {padding : 20px 0 20px 0; }
#content .content {padding-left : 32px;}

/* Sidebar */
/* Sidebar with grey border */
#sidebar1 {float : right; width : 22%; min-width: 160px; max-width: 250px; border : 3px solid gray; text-align : center;}
#sidebar1 a:link {color : blue; text-decoration : underline;}
#sidebar1 a:visited {color: purple; text-decoration : underline;}
#sidebar1 a:hover {color : blue; text-decoration : none; text-transform : uppercase; background : #00ff00;}

/* Sidebar without border */
#sidebar2 {float : right; width : 22.5%; min-width: 160px; max-width: 250px; text-align : center;}
#sidebar2 a:link {color : blue; text-decoration : underline;}
#sidebar2 a:visited {color: purple; text-decoration : underline;}
#sidebar2 a:hover {color : blue; text-decoration : none; text-transform : none; background : #00ff00;}

/* Sidebar with red colour */
.box .titleR { height : 27px;
	padding : 6px 0 0 0;
	background : url(images/red-bar.gif) repeat-x;
	font-size : 17px; text-align : center;
	color : #ffffff;}

/* Sidebar with blue colour */
.box .titleB {height : 27px;
	padding : 6px 0 0 0;
	background : url(images/blue-bar.gif) repeat-x;
	font-size : 17px; text-align : center;
	color : #ffffff;}

/* Sidebar with green colour */
.box .titleG {height: 27px;
	padding: 6px 0 0 0;
	background: url(images/green-bar.gif) repeat-x;
	font-size: 17px; text-align : center;
	color: #ffffff;}

.box .content {padding : 6px; height: auto; background-image : url(images/sb-grey.jpg); background-repeat : repeat-x;}
.box .content-r {padding : 6px; height: auto; background-image : url(images/sb-grey-r.jpg); background-repeat : repeat-x;}
.box .content-Tick1 {padding : 6px; min-height: 100px; background-image : url(images/sb-grey.jpg); background-repeat : repeat-x;}
.box .content-Tick2 {padding : 6px; min-height: 70px; background-image : url(images/sb-grey.jpg); background-repeat : repeat-x;}

.box ul { list-style : none; line-height : normal; text-align: center;}
.box ul li { 	margin-bottom : 5px; font-size : 12px;}
.box small {font-size: 10px; color : #808c96;}

/* Footer */
#footer p {text-align: center; font-size : 12px;}