/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: Black;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFF0;
}

/* a{
	color: Green;
	text-decoration: none;
} */

a:link{
	color: Green;
	background-color: #FFFFF0;
	text-decoration: none;
}

a:visited{
	color: Green;
	background-color: #FFFFF0;
	text-decoration: none;
}

a:hover{
	color: White;
	text-decoration: underline;
	background-color: #D21E2C;
}

/* The following skip-link styles are used in the skip_links_1.php tutorial */
a.skip-link {color: #FFFFF0; background-color: #FFFFF0;}
a.skip-link:visited {color: #FFFFF0; background-color: #FFFFF0;} /* Added by ipv6guru and is requird due to miniTutorials site design */
a.skip-link:active {color: #000000; background-color: #FFFFF0;}
a.skip-link:hover {color: #000000; background-color: #FFFFF0;}
a.skip-link:focus {color: #000000; background-color: #FFFFF0;}
/* The above skip-link styles are used in the skip_links_1.php tutorial */

/* The following styles are used in the skip_links_2.php tutorial */
.skip-link2 a, .skip-link2 span{
position: absolute;
overflow: hidden;
width: 0;
height: 0;
top:-4em;
left:-3em;
}

.skip-link2 a:active,  .skip-link2 a:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background-color: #ffff00;
color: #ff0000;
top: 20px; /* Altered by ipv6guru to suit site design */
left: 20%; /* Altered by ipv6guru to suit site design */
padding: 5px;
border: 2px solid red;
font-weight: bold;
z-index: 99; /* Added by ipv6guru and is required due to miniTutorials site design */
} 
/* The above styles are used in the skip_links_2.php tutorial */

h1{
	font-family: Arial,sans-serif;
	font-size: 120%;
	color: #D21E2C;
	background-color: #FFFFF0;
	margin: 0px;
	padding: 0px;
}

h2{
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: Green;
	background-color: #FFFFF0;
	margin: 0px;
	padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 background-color: #FFFFF0;
 margin: 0px;
 padding: 0px;
}

h4 , .h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #333333;
 background-color: #FFFFF0;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 background-color: #FFFFF0;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
 background-color: #FFFFF0;
}
hr{
	color : #FFAD5B;
	background-color: #FFFFF0;
}

.code{
	background-color: #D8F0C3;
	margin: 3px 3px 3px 3px;
	white-space: pre;
	text-indent: inherit;
	font-size: 95%;
	font-weight: 800;
	color: #000000;
	border-style: solid;
	border-width: thin;
	border-color: #003366;
	font-family: "Courier New", Courier, monospace;
	word-spacing: inherit;
	padding: 3px 3px 3px 6px;
	width:auto;
	overflow: auto;
}
.codeHighlight{
	background-color: #D8F0C3;
	color: Red;
}
code{
	font-size: 11px;
	background-color: #D8F0C3;
	color: Black;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 15%;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  float:right;
	width: 160px;
	/* border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
	padding-right: 10px;
}

#content{
  float: left;
  width: 60%;
  padding-left : 2px;
  padding-right: 2px;
  margin-left : 10px;
}

/***********************************************/
/* Components                                  */
/***********************************************/


#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
background-color: #FFFFF0;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 80%;
	padding: 0 4px 0 0;
	color: #0052A4;
	background-color: #FFFFF0;
	text-decoration: none;
}

#globalNav a:hover {
	background-color: #D21E2C;
	color: White;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 0px;
	font-size: 80%;
	clear:both;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: left;
}

.feature img{
	float: right;
	padding: 10px 0px 0px 0px;
}
.centreimg img{
	float : none;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #666666;
	background-color: #FFFFF0;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #FFFFF0;} /* was EEE */

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 1px 1px 1px 1px;
	padding: 0px; /*border-bottom: 1px solid #cccccc;*/
	font-size: 75%; /*was 90%*/
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block; /* border-top: 1px solid #cccccc; */
	padding: 2px 0px 2px 10px;
	color: Black;
	background-color: #FFFFF0;
}

#sectionLinks .topic{
	padding: 3px 0px 3px 1px;
	border-top: thin solid Silver;
	color: #334d55;
	background-color: #FFFFF0;
}

#sectionLinks a:hover{
	background-color: #D21E2C;
	color: White;
}

#sectionLinks .topic a:link, #sectionLinks .topic a:visited{
	color: #D21E2C; /* was Black */
	background-color: #FFFFF0;
	font-weight: bold;
}

#sectionLinks .topic a:hover{
	background-color: #D21E2C;
	color: White;
}
#sectionLinks .subtopic{
padding: 1px 0px 1px 6px;
}

/************** #headlines styles **************/

#headlines{
	margin: 0px;
	/*padding: 10px 5px 20px 5px;*/
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

div#rightbar { background: transparent;  padding: 0;  text-align : center;  font-size : 0.9em;  }
div#rightbar div {margin-bottom: 1em;}
div#rightbar a {display : block; border : 0px none;}
div#rightbar a:link {color: Green; background-color: #FFFFF0;}
div#rightbar a:visited {color: Green; background-color: #FFFFF0;}
/*div#rightbar a:hover {color: White; background-color: #D21E2C;}*/
/*div#rightbar a span {display: none;}*/
div#rightbar div.rightsub {position: relative; display : block; border : thin solid #cccccc; background-color : #FFFFF0; color : Black;  padding : 1px; }
div#rightbar div.rightsub h5{
	color: #D21E2C;
	background-color: #FCFCFC;
}

div#leftbar { background: transparent;  padding: 0;  text-align : center;  font-size : 0.9em;  }
div#leftbar div {margin-bottom: 1em;}
div#leftbar a {display : block; border : 0px none;}
div#leftbar a:link {color: #036; background-color: #FFFFF0;}
div#leftbar a:visited {color: #036; border : dotted; background-color: #FFFFF0;}
div#leftbar a:hover {color: Black; background-color: #FFFFF0;}
div#leftbar a span {display: none;}
div#leftbar div.leftsub {position: relative;display : block; border : thin solid #036; background-color : #FFFFF0; color: Black;  padding : 1px; }


img{
	border : none;

}

img a:hover{
	background-color: transparent;
}
.highlight{
	color : Red;
	background-color: #FFFFF0;
}

#imgright { position : absolute; top : 5px; right : 2%; width : 350px; height : 22px;}
#sitesponsorimg{position : absolute; top : 30px; right : 2%; width : 345px; height : 45px;}
#sitesponsorimg a:hover{background-color: transparent;}
#tutorialsponsorimg{float : none;}

#floatleft{
	float : left;
}
.onoffimg {background: #fcf7f4 ;  color: #000000; width: 17.5em ; }
#alignLeft{
float : left;
	text-align : left;
}
.acronym{
	cursor: help;
}
.center{
	text-align: center;
}
table{
	background-color: Gray;
	color: Black;
	border: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
}

/* CheatSheet Styles */

div#cheatsheet{
width:100%;
padding: 0.5em 0.5em 0.5em 0.5em;
}

div#cheatsheet ul, div#cheatsheet li{
list-style:none; margin:0; padding:3px 0px 3px 0px;
font-size:12px;
font-family: Georgia, "Times New Roman", Times, serif}

div#cheatsheet li.odd{
background: #FBFECD;}

div#cheatsheet li.even{
background: #CBDCDC;}

div#cheatsheet li.title{
color:white;
font-weight:bold;
text-align:center;}

div#cs_left{
float:left;
width:49%;
left: 0;
border: 1px solid #555;
background:#CC9999;}

div#cs_right{
float:right;
left:50%;
width:49%;
border: 1px solid #555;
background:#FFCC66;}

div#cs_bottom{
clear:both;
padding-top: 1em;}

/* End of  CheatSheet Styles */


/* UK2.net Styles for button image */



div#uk2 .poweredby{
padding:3px 6px 0px 40px; text-align: right;}

div#uk2 a, div#uk2 a:visited, div#uk2 a:hover, div#uk2 a:link {
display: block;
overflow:hidden;
background-color: transparent;
width: 79px;
height: 25px;
position: absolute;
top: 0px;
left: 0px;
text-align: right;
color: #eee; font: bold 11px arial, Helvetica, sans-serif;
line-height: 11px; 
text-decoration: none; 
padding: 17px 6px 0 50px;
margin: 0;
z-index:999;
}
div#uk2{
background:url('/images/uk2.gif');
background-repeat:no-repeat;
position: relative;
top: 0px;
left: 0px;
width: 135px;
height: 42px;
color: #eee;
font: bold 11px arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0;
margin: 0;
}

/* End of UK2.net styles */