@charset "UTF-8";
/* CSS Document */

body{
background: url(../images/header-repeat.jpg) repeat-x top left #eee;
font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif;
font-size: 14px;
line-height: 19px;
color: #535353;
margin: 0;
padding: 0;
}

* {
margin:0;
padding:0;
}

a{color: #1E6DCA;}
a:hover{color: #000;}

img {border:none}

p{
font-size: 14px;
line-height: 19px;
padding: 4px 0 6px 0;
}

h1{
font-size: 36px;
line-height: 36px;
color: #011f3b;
font-weight: normal;
padding: 6px 0 19px 0;
}
h2{
font-size: 27px;
line-height: 29px;
color: #011f3b;
font-weight: normal;
padding: 10px 0 25px 0;
}

.clear {clear:both;}
.float-left {float:left;}
.float-right{float: right;}
p.center{
text-align: center;
font-size: 12px;
margin: 10px 0;
}

/* Container Styles
------------------------------------------------*/

#header{
background-color: rgba(0, 0, 0, 0.6);
/*opacity: 0.6;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
filter: alpha(opacity = 60);*/
height: 90px;
margin-bottom:0;
}

#intro{
background: transparent;
margin-bottom: 10px;
height: 390px;
}

#main{
float: left;
width: 590px;
}

#sidebar{
float: right;
background: #51959a;
color: #fff;
padding: 15px;
width: 300px;
}

#footer{
background: url(../images/footer-repeat.jpg) repeat-x left top;
clear: both;
margin-top: 30px;
padding-top: 3px;
height: 32px;
}

.container{
margin: 0 auto;
width: 960px;
}

/* Styles 
------------------------------------------------*/

#logo{
float: left;
padding: 14px 0 0 0;
width: 50%;
}
.support{
float: right;
text-align: right;
padding: 20px 0 0 0;
width: 50%;
}

.intro-left{
float: left;
padding-top: 10px;
width: 590px;
}

#intro ul, h1{
color:#fff;
}

p.smalltext{
float: left;
color: #fff;
font-size: 11px;
line-height: 15px;
margin: 10px 0 0 15px;
width: 300px;
}

.intro-right{
float: right;
text-align: right;
padding-top: 26px;
width: 360px;
}

a.button {
background: #cc0000;
background: -moz-linear-gradient(top,  #cc0000 0%, #a00002 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#a00002));
background: -webkit-linear-gradient(top,  #cc0000 0%,#a00002 100%);
background: -o-linear-gradient(top,  #cc0000 0%,#a00002 100%);
background: -ms-linear-gradient(top,  #cc0000 0%,#a00002 100%);
background: linear-gradient(to bottom,  #cc0000 0%,#a00002 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#a00002',GradientType=0 );
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: block;
cursor: pointer;
color: white;
text-align: center;
font-size: 28px;
line-height: 32px;
text-shadow: 0px 1px 1px #964f01;
text-decoration: none;
padding: 12px 30px;
margin: 15px auto 0 auto;
}
	a:hover.button {
background: #ff3019;
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
	}

ul{
font-size: 16px;
color: #011f3b;
padding: 10px 0 10px 0px;
}
li{
list-style: none;
background: url(../images/bullet.png) no-repeat left 4px;
padding: 4px 0 7px 30px;	
}
.no-checks li{
background: none;
font-size: 14px;
list-style: circle;
padding-left: 0px;
margin-left: 40px;
}
.alpha li{
background: none;
font-size: 14px;
list-style: upper-alpha;
padding-left: 0px;
margin-left: 40px;
}

.callout{
background: #d3d3d4;
padding: 20px 30px;
}
.callout p{
font-size: 16px;
line-height: 22px;
}

#sidebar h2{
color: #fff;
font-size: 24px;
line-height: 24px;
}
#sidebar h3{
font-size: 20px;
padding-top: 10px;
}


#footer p{
font-size: 12px;
color: #fff;
}

#footer a{
color: #51959a;
}
#footer a:hover{
color: #fff;
}