@charset "utf-8";
* {	margin: 0;	padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
:focus {outline: 1px dotted #CCC;}
body { 	background: #fff;  font-size:14px; line-height:16px; font-family: Helvetica, Arial, sans-serif; line-height:1.3em; color:#000; -webkit-text-size-adjust:none;}

li {list-style-type:none;}
#wrapper { background: #FFF; margin:0 auto; max-width:480px; min-height:480px; }
#header {}
#content {}
#footer {}
#logo h1 {}
#logo {padding:10px 3%;}
#logo img {margin:-2px; }


.listItem{display:block; min-width:320px; max-width:480px; text-decoration:none;}
	.listItem .listItemLeft{float:left; width:75px; height:75px; background-color:#ccc;}
		.listItem .image{}
	.listItem .listItemRight{min-width:235px; max-width:480px; height:64px;  padding:5px 5px 5px 80px;}
		.listItem .meta{font-size:13px; color:#444;}
		.listItem .title{color:#628DC7;text-transform:uppercase; font-weight:normal;line-height:15px;}
	
/*.navBar{}*/
	.navBar {text-transform:uppercase; font-weight:bold; text-align:center; background:black; border-bottom:1px solid #444444;}
	/*.navBar { text-transform:uppercase;}*/
	/*.navBar a{display:block;}*/

.fullArticle { text-transform:uppercase; margin:10px 0 0;}
.bar{font-size:14px; line-height:44px;}
.button{display:block; color:white; font-weight:bold; font-size:11px; line-height:30px; text-decoration:none; text-transform:uppercase; min-width:45px; margin:7px 3%;padding:0 10px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #444; background:#000 -webkit-gradient(linear, left top, left bottom, color-stop(0.45, #555), color-stop(0.55, #000)); background: -moz-linear-gradient(top, #000, #444); }

.insetBlue{background:#628DC7;border:1px solid #628DC7;}
.insetBlack{background:black;border:0px solid black;}
.inset{margin:3% 3%; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.insetItem{display:block;padding:0 3%;text-transform:uppercase; font-weight:bold;color:white;font-size:11px;text-decoration:none;line-height:44px;}

.shadow{-webkit-box-shadow:1px 1px 5px #888;-moz-box-shadow:1px 1px 5px #888;}

.gradientBlue{color:white; background:#628DC7 -webkit-gradient(linear, left top, left bottom, from(#628DC7), to(#749cd3));background: -moz-linear-gradient(top, #628DC7, #749cd3); }
.gradientBlue a{color:white;text-decoration:none;}

.gradientBlack{color:white; background:black -webkit-gradient(linear, left top, left bottom, color-stop(0.45, #646464), color-stop(0.55, #000000)); background: -moz-linear-gradient(top, #000, #444); background-color:#000;}
.gradientBlack a{color:white;text-decoration:none;}

.lineGrey{border-bottom:1px solid #444444;}
.lineBlue{border-bottom:1px solid #D8E2F1;}
#content h1 		{color:#628DC7;text-transform:uppercase;font-weight:normal; line-height:20px; padding:5px 3%; display: block;  background-color:rgba(255,255,255,0.8); position:relative; height:60px;}
.header h1			{ top:80px; }
#content .header	{ min-height:150px;}
#content .practical	{ padding:5px 3%; position:relative; bottom:10px; background:#628DC7; text-transform:uppercase; font-weight:bold; color:white;font-size:11px;}
#content p, #content ul, #content ol, #content h3, #content img	{}
#content a{color:#628DC7; text-decoration:none;}

.inlineLinkText { background:rgba(255,255,255, 0.8);}
.inlineLinkHeader { line-height:40px; padding:0 0 0 3%; }
.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.clear {clear:both;}