/* © lightershade 2007 - www.lightershade.com */

/* --------------------------------------------------------------------------- */
/*				ZEROISE CSS								*/
/* --------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}



/* --------------------------------------------------------------------------- */
/*				GLOBAL TAGS DEFINITIONS					*/
/* --------------------------------------------------------------------------- */

body {
	font-size:0.8em;
	background: #fff;
	text-align: center; /* this centers the wrappers in older IEwin versions */
	font-family: Lucida Grande, Verdana, Lucida Sans Unicode, sans-serif;
	background: #FFF;
}

#wrapper { 
	height:100%;
	width: 800px; 
	text-align:left;
	margin: 0px auto;
	background: #e7e7e7 url(images/layout/gradient-left-top.gif) repeat-y left;
} 



/* --------------------------------------------------------------------------- */
/*				LEFT NAVIGATION							*/
/* --------------------------------------------------------------------------- */

div#left-bar {
	width:185px;
	float: left;
	height:100%;	
	display: inline; /* IEwin doubled margin bug fix */
	text-align: left;
	font-size: 11px;
}

div#left-bar div#footer {
	background: #e7e7e7 url(images/layout/gradient-left-top.gif);
}

div#left-bar div.header {
	width: 185px;
	height: 60px; 
	display: block;
	background:#fff;
	padding: 19px 0px 20px 0px;
}

div#left-bar div.header img {
	width: 185px;
	height: 60px;
}

div#left-bar div#head-pad {
	color: #fff;
	line-height: 20px;
}

div#left-bar ul {
	width:185px;
	background:#fff;
	list-style-type:none;
	font-weight: normal;
}

div#left-bar ul li {
	color:#000;
	height:20px;
	padding:5px 0px 0px 20px;
	border-bottom:1px dashed #999;
}

div#left-bar ul li a {
	color:#000;
	text-decoration:none;
}

div#left-bar ul li a:hover {
	color:#f32742;
}

div#left-bar ul li.nav-top {
	top:50%;
	color:#fff;
	border:none;
	height:25px;
	background: #fff url(images/nav/bg-nav-top.gif) no-repeat; 
}

div#left-bar ul li.nav-top a {
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5em;
	color:#fff;
}

div#left-bar ul li.nav-top a:hover {
	color:#F00;
}

div#left-bar ul li.nav-header{ 
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5em;
	color:#000; 
	border:none; 
	height:25px; 
	background: #fff url(images/nav/bg-nav-blue.gif) no-repeat; 
}



/* --------------------------------------------------------------------------- */
/*				HEADER										*/
/* --------------------------------------------------------------------------- */

div#content div.header{
	height: 41px;
	position:relative;
	margin: 0px 0px 30px 50px;
}

div#content div.header div {
	font-size: 10px;
	float: left;
	height: 41px;
	display: block;
	padding-top: 22px;
	color: black;
}

div#content div.header div span  a {
	color: #f32742;
	
	text-decoration: underline;
	/*padding: 0px 10px 0px 10px;*/
}

div#content div.header div span#register a {
	color: #7AD3F8; /* #4CC2C8; */
	/*border-left: 1px solid #CCCBCC;*/
	
}


div#content div.header ul{
	float: right;
	display: block;
	list-style-type: none;
}


div#content div.header li.logo1 {
	float: left;
	display: block;
}


div#content div.header li.logo1 a ,
div#content div.header li.logo1 a:hover {
	color:#fff;
	text-decoration:none;
}

div#content div.header li.logo2 {
	float:left;
	display:block;
	padding-left: 40px;
}


div#content div.header li.logo2 a,
div#content div.header li.logo2 a:hover{ 
	color:#fff;
	text-decoration:none;
}



/* --------------------------------------------------------------------------- */
/*				CONTENT TAGS								*/
/* --------------------------------------------------------------------------- */


#fluency_tiny {
    float: none;
    vertical-align: middle;
    border: 0px
}


div#content {
	width: 615px;
	float: right;
	left: 50px;
	min-height: 420px;
	padding: 0px 0px 145px 0px;
	display: inline; /* IEwin doubled margin bug fix */
	background: #fff url('images/layout/bg-edinburgh.gif') no-repeat bottom right; 
}

#page_content {
	margin-left: 30px;
}

div#content p, div#content ul, div#content li, div#content blockquote, div#content table {
	font-size: 12px;
    color: #444;
    margin-bottom: 10px;
    text-align: justify;
}

div#content ul {
    margin-left: 20px;
}
div#content li {
    font-size: 11px;
    margin-bottom: 2px;
}

div#content blockquote {
    margin-left: 20px;
}

div#content input {
    padding: 0px;
}

div#content h1 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 20px;
}

div#content h1 b {
	font-weight: bold;
	color:#f32742;
}

div#content h2 {
	font-size: 12px;
	margin-bottom: 20px;
	font-weight: bold;
}

div#content h2 b {
	font-weight: normal;
	color:#f32742;
}

div#content .mybox {
	background: #e7e7e7 url(images/layout/panel_corner.gif) no-repeat bottom left; 
	border-right: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	margin-bottom: 20px;
	padding: 20px;
	text-align: left;
}

div#content .mybox h2 {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    margin-left: 0px;
    margin-bottom: 10px
}

div#content .mybox p {
    font-size: 11px;
    color: #666;
    margin-left: 10px;
    margin-bottom: 10px;
}

div#content .dottedbox {
	background: #e7e7e7; 
	border: 1px dashed #aaa;
	margin-bottom: 20px;
	padding: 10px;
	text-align: left;
	font-size: 11px;
}

#pageicon {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

div#content table, td {

	/*padding: 5px;*/

}

/*div#content table {
	margin-left: 30px;
}


div#content table td {
	padding: 5px;
}*/

small {
	font-size: 10px;
}

table {
    border-collapse: collapse;

}

.greytable table  {
	font-size: 11px;
	background-color: #FFFFFF;
	border-collapse: collapse;
}

.greytable td {
	font-size: 11px;
	padding: 5px;
	border: 1px #A1A5A9 solid;
}

.greytable th {
	font-size: 11px;
	background: #DDD url(images/gradient.gif);
	padding: 5px;
	font-weight: bold;
	border: 1px #A1A5A9 solid;
}

.criteriabox {
    margin-top: -1px;
    border: 1px dashed rgb(221, 221, 221);
    background-color: rgb(254, 254, 238);
    width: 100%;
    padding: 5px;
    padding-left: 15px;
}

div#content#map table {
	font-size: 10px;
	padding: 0;
	margin: 0;
}

#debug {
    text-align: left;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #eee;
    border: 1px solid #999;
    padding: 10px;
}

#toppopup {
    text-align: left;
    position: absolute;
    left: auto;
    right: auto;
    top: 50px;
    background: #eee;
    border: 1px solid #999;
    padding: 10px;
}


/* --------------------------------------------------------------------------- */
/*			BUTTONS on HOMES and TECHNICAL PAGE			*/
/* --------------------------------------------------------------------------- */


div#buttons {
	margin-left: 50px;
}

div#buttons table {
	font-size:67%;
	margin-top: 10px;
}

div#buttons table td{
	width:90px;	
	color:#999;
	padding: 0px 7px 25px 0px;
}

div#buttons a {
	text-decoration: none;
}

div#buttons a:hover {
	color:#000;
}



/* --------------------------------------------------------------------------- */
/*				FOOTER SETTINGS							*/
/* --------------------------------------------------------------------------- */

span.clear {
	clear: both;
	display: block;
/*	
	height: 0px;
	line-height: 0px;
*/
}


div#footer{
	height: 60px;
	background: #fff url(images/layout/gradient_footer.gif) no-repeat;
	font-size: 10px;
	font-weight: normal;
}

div#footer div.links{
	height:100%;
	margin-left: 185px;
}


div#footer div.links ul{
	list-style-type:none;
	padding: 22px 0px 0px 50px;
}


div#footer div.links ul li{
	color:#fff;
	font-size:90%;
	display:inline;
	margin-right:10px;
}

div#footer div.links a{
	color:#fff; 
	text-decoration:none;	
}

div#footer div.links ul li a:hover{
	color:#7ad3f8;
	text-decoration:underline;
}
div#footer div#addthis{
	float: left;
	padding-top: 10px;
}

div#footer div#tech_slug{
	float: right;
	padding-top: 7px;
}

.comment {
	padding: 15px;
	margin-bottom: 10px;
	border: 1px dashed #ddd;
	background-color: #fefeee;
}