@import url(http://fonts.googleapis.com/css?family=Arvo:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato);



body {
	background:url("/images/background1.gif") repeat-x;
	margin:0px;
	font-family:'Lato';
	font-size:14px;
	
}

.canvas {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}

/* Reset global elements */

h1, h2, h3, h4, h5, td, ul, ol, li {
	margin:0px;
	padding:0px;
}


h1, h2, h3, h4  {
	font-family:'Arvo';
	color:#111111;
	font-weight:normal;
}


h1 {
	font-size:175%;
	margin-top: 0.33em;
	padding-bottom:0.66em;
}

h2 {
	margin-top: 0.33em;
	font-size:166%;
	padding-bottom:0.66em;
}


h3 {
	margin-top: 1em;
	padding-bottom:0.33em;
}



h4 {
	margin-bottom:6px;
}

img {
	border:none;
}

p, li {
	margin-top:0px;
	line-height:200%;
}

ul {
	list-style-type:none;
}

a:link,
a:visited {
	text-decoration:none;
	color:#000000;
}

a:hover {
	text-decoration:none;
	color:#CC6600;
}

.clear_left  {
	clear:left;
}

.clear_right {
	clear:right;
}

.clear_both {
	clear:both;
}


/* header & nav */


.header {
	background:url("/images/headerbg.gif") no-repeat;
	background-position:right top;
	height:115px;
}

.header .logo {
	margin-top:30px;	
	margin-left:3px;
}

.navigation {
	padding-top:11px;
	padding-bottom:7px;
	margin-left:0px;
}

.navigation ul {
	color:#666666;
}

.navigation li {
	display:inline;
	
}


.navigation li  a {
	-moz-border-radius:5px;

}

.navigation li a:link,
.navigation li a:visited {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius:5px;	
    color: #333333;
    display: inline-block;
    font-family: "Arvo",Arial;
    font-size: 15px;
    font-weight: normal;
    height: 28px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
}


.navigation li.selected a:link,
.navigation li.selected a:visited {
    border: 1px solid #666666;
    color: #000000;
}

.navigation li a:hover {
	text-decoration:none;
	background-color:#FFCC33;
	color:#000000;
    border: 1px solid #CC9933;


}

/* layouts */

.intro {
	margin-bottom:20px;
}

.intro .text {
	width:320px;
	margin-left:620px;
	padding-top:20px;
	background-image:url(/images/vertical-line.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:20px;
}

.intro img {
	float:left;	
}



.leftcol {
	width:670px;
	float:left;
}


.rightcol {
	margin-left:700px;
	width:260px;
}


.rightcol h2.columnheading {
	margin-top: 0.66em;

}



/* content */

.content {
	clear:both;
	padding-top:30px;
	color:#666666;
}

a.button,
input.button {
	-moz-border-radius:5px;
	display:inline-block;	
}


a.button:link,
a.button:visited,
input.button {
	border:0px;
	cursor:pointer;
	background-color:#FFCC00;
	padding:8px;	
	padding-left:16px;
	padding-right:16px;
	border-radius:5px;
	-moz-border-radius:5px;
	color:#000000;
	font-weight:normal;
	font-size:12px;
/*	-moz-box-shadow: 0 0 .66em #CCC;
	-webkit-box-shadow: 0 0 .66em #CCC;
     box-shadow: 0 0 .66em #CCC;*/
	background: #FFCC00; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#FFCC00, #FDB800);
	background: -o-linear-gradient(#FFCC00, #FDB800);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFCC00), to(#FDB800)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FFCC00, #FDB800);
}


a.button:hover,
input.button:hover {
 	background:#666666;
	color:#FFFFFF;
}

.pipe {
    border-left: 1px double #CCCCCC;
    color: #CCCCCC;
    font-size: 20px;
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle;
}



/* form styles */

.textfield {
	padding:5px;
	border:1px solid #999999;
	color:#666666;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family:'Lato';
	font-size:14px;
	-moz-box-shadow: 2px 2px 5px #EEEEEE inset;
	-webkit-box-shadow: 2px 2px 5px #EEEEEE inset;
	box-shadow: 2px 2px 5px #EEEEEE inset;
	
}

label {
	cursor:pointer;
}

.greypanel {
	padding:25px;
	background-color:#F0F0F0;
	border-radius:10px;	
	-moz-border-radius:10px;	
}


.content ul,
.content ol {
	padding-left:30px;
	margin-bottom:15px;
}

.content ul {
	list-style-type:disc;

}


.content ul.ticklist {
	list-style-type:none;
	padding-left:0px;
}

.content ul.ticklist li  {
    background-image: url("/images/icon_tick.png");
    background-repeat: no-repeat;
    line-height: 166%;
    margin-bottom: 10px;
    padding-left: 28px;

}


.content ul.mini-navigation {
 	list-style-type:none;
	padding-left:0px;
	margin-top:15px;
}

.content ul.mini-navigation li:before {

	content: '\2022 ';
	color:#FDC600;
}

.content ul.mini-navigation li a {
	padding-left:5px;
}

table td {
	padding-bottom:10px;
	padding-right:10px
}





/* Footer */

.footer {
	margin-top:50px;
	background-color:#E9E9E9;
	background: -moz-linear-gradient(#E9E9E9, #FFF);
	background: -o-linear-gradient(#E9E9E9, #FFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#FFF)); /* older webkit syntax */
	background: -webkit-linear-gradient(#E9E9E9, #FFF);
	border-top:3px solid #FDC600;
	padding-bottom:50px;
	padding-top:20px;

}

.footer p {
	color:#999999;
	font-size:13px;
	line-height:150%;
}


.footer .inner {
	width:960px;
	margin-left:auto;
	margin-right:auto;	
}


.footer ul {
	float:right;
	}


.footer ul li {
	display:inline;
	}
	

.footer ul li a:link,
.footer ul li a:visited{
	color:#666666;
	display:inline-block;
	margin-left:15px;
	}
	
.footer ul li a:hover {
	color:#333333;
}