/*
===============================================
Page wide settings
*/

body
{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:160%;
	background-color: #fff;
	padding:0px;
	text-align:center;
}

area
{
	border:0px;
	margin:0px;
	padding:0px;
}

a img{ border-style:none;padding:0px; }

.background
{
	background-image:url(../images/backgroundGradient.gif);
	background-repeat: repeat-x;
	background-attachment:fixed;
}

h2
{
	margin:0px 0px 1em 0px;
	padding:1em 0px 0px 0px;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #ccc;
	width:auto;
}

h3
{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:14px;
}

h4{
	margin:0px;
	padding:1em 0px 0px 0px;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dashed #ccc;
}

a{ border:0px;padding:0px;text-decoration:none; }

img{ border:0px;padding:0px; }

ul { padding:0px;margin:0px; }
li{ list-style:none; }

pre{
	 overflow:scroll;
	 width:99%;
	 border:1px solid #CCC;
	 background-color:#FFF;
}

/*
===============================================
Element settings
Main body element
creates width of page - 747px total + a 1px border
*/
#maincontent
{
	background-color: #fff;
	width : 95%;
	border:1px solid #bbb;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}


#maincontent a:link{ color:#999;text-decoration:none; }
#maincontent a:visited{ color:#999;text-decoration:none; }
#maincontent a:hover{ color:#999;text-decoration:underline overline; }
#maincontent a:active{ color:#999;text-decoration:underline overline; } 

/*
===============================================
Header elements: Global
*/
#iecludge
{
	height:126px;
	border:1px solid #999;
	margin:4px;
	padding:0px;
}

#header
{
	/*width:737px;*/
	height:126px;
	background-repeat:repeat-x;
}

/*
creates width of header - left section
*/
#headerLft
{
	float: left;
	width: 20px;
	height:126px;
	margin: 0px;
	padding: 0px;
	background-repeat:no-repeat;
}

/*
creates width of header - centre section
*/
#headerCntr
{
	display:block;
	float:left;
	height:126px;
}

/*
creates width of header - right section
*/
#headerRgt
{
	float: right;
	width: 20px;
	height:126px;
	margin: 0px;
	padding: 0px;
	background-repeat:no-repeat;
}

/*
===============================================
Left Column elements
*/
#columnleft
{
	display:inline;
	float:left;
	width:171px;
	margin-left: 4px;
	margin-top:0px;
	background-color:#CCC;
	border:1px solid #999;
}

* html #columnleft{	width:173px;w\idth:171px; }
#columnleft a{ display:block;padding:0px; }

/* \*/
* html #columnleft a {height:1%;}
/* */

.columnleftheader{ margin:1px;}

/*
Nav menu
*/

#columnleft a:link { border:1px solid #999; }
#home a:visited, #gallery a:visited, #pstips a:visited, #aapl a:visited, #contact a:visited, #blog a:visited, #cv a:visited { border:1px solid #999; }
#home a:hover, #gallery a:hover, #pstips a:hover, #aapl a:hover, #contact a:hover, #blog a:hover, #cv a:hover { border:1px solid #999; }
#home a:active, #gallery a:active, #pstips a:active, #aapl a:active, #contact a:active, #blog a:active, #cv a:active { border:1px solid #999; }
img.down{border:1px solid #999;}

/*
Sub-menus in left column
*/

#columnleft .submenu{ border:1px solid #999;margin:0px 1px 1px 1px; }
#columnleft .submenu p{	margin:0em; }
#columnleft .submenu a{
	display:block;
	text-decoration:none;
	padding:0.4em 0.6em 0.4em 0.6em;
	font-weight:bold;
	line-height:100%;
	border:0px;
}

/* bgcolor is the lightest colour from the header (bgcolor) */
/* text color is the darkest colour (ibgcolor) from the name gif */
#columnleft .submenu a:link{ background-color:#eee;color:#999;text-decoration:none; }

/* bgcolor is the lightest colour from the header */
/* text color is muted version of the main button colour */
#columnleft .submenu a:visited{	background-color:#eee;color:#999text-decoration:none;; }

/* bgcolor is the darkest colour from the name gif */
/* text color is the text colour from the name gif */
#columnleft .submenu a:hover{ background-color:#999;color:#eee;text-decoration:none; }

/* bgcolor is the border color from the button's hover class */
/* text color is white or black, depending on the tone of the bgcolor */
#columnleft .submenu a:active{ background-color:#999;color:#fff;text-decoration:none; }

.hit{
	background-color:#999;
	color:#FFF;
	display:block;
	padding:0.4em 0.6em 0.4em 0.6em;
	font-weight:bold;
	line-height:100%;
}

.submenuheader{	margin-bottom:0px; }
.submenuheader img{ margin-bottom:0px;border-bottom:0px;}

/*
===============================================
Page icon element
*/
.container{ overflow:hidden;margin:0px 3% 0px 3%; }
* html .container{ margin-right:10px;margin-left:10px; display: inline-block;}

.icon
{
	float:left;
	padding:1em 1em 1em 0em;
	height:205px;
} 

.iconheader
{
	float:left;
	margin:0px 4px 0px 4px;
	border-left:1px dotted #ddd;	
	border-right:1px dotted #ddd;	
	padding:4px 10px;
}

.firstpara{ font-size:1.2em; }


/*
===============================================
Right Column elements
*/

#columnright
{
	display:inline;
	float:right;
	width:179px;
	margin-right: 4px;
	margin-top:0px;
	background-color:#ccc;
	border:1px solid #999;
}

* html #columnright{ width:181px;w\idth:179px; }

.columnrightheader{	
	width:175px;
	margin:1px;
	color:#999;
	border:1px solid #999;
	background-repeat:repeat-x; 
	background-position:center;
}

* html .columnrightheader{ width:177px;w\idth:175px; }
.columnrightheaderinv{ margin-left:1em;font-weight:bold; }
#columnright a{ display:block;margin:1px;border:1px solid #999; }

/*
===============================================
Middle column element
*/

#maincolumn
{
	border-left:1px dashed #fff;
	border-right:1px dashed #fff;
	background-color:#fff;
	margin-top:0px;
	margin-right:190px;
	margin-bottom:4px;
	margin-left:182px;
}

* html #maincolumn{ height:1% }  

.info
{
	display:block;
	background-color:#ccc;
	border: 1px dashed #999;
	border-left:0px;
	border-right:0px;	
	margin: 1em 0px 1em 0px;
	padding:10px 10px 0px 10px;
	min-height:95px;
	text-decoration:none;
	color:#999;
	overflow:hidden;
}

.infoover
{
	display:block;
	background-color:#999;
	border: 1px dashed #ccc;	
	border-left:0px;
	border-right:0px;
	margin: 1em 0px 1em 0px;
	padding:10px 10px 0px 10px;
	min-height:95px;
	text-decoration:none;
	color:#ccc;
	overflow:hidden;
}

.leftinfo
{
	float:left;
	display:block;
	padding:3px;
	background-color:fff;
	border:1px solid #999;
	margin-right:1em;
}

.rightinfo
{
	float:right;
	padding:3px;
	background-color:fff;
	border:1px solid #999;
	margin-left:1em;
}

.info h3{ margin:0px; }
.info p{ margin:0px;padding-bottom:1em; }
.infoover h3{ margin:0px; }
.infoover p{ margin:0px;padding-bottom:1em; }
.floatleft{ float:left;margin-right:10px;margin-bottom:10px }

.padclear{ padding:0px -10px 0px -10px;margin: 0px -10px 0px -10px; }
.padclear img{ margin:10px; }
.imgover{ border:1px solid #333; }
.imgout{ border:1px solid #333; }
.imgdown{ border:1px solid #333; }

ul.fulltable li{ list-style:none; }

ul.cwf li{ list-style:none; }

ul.reallist li{ list-style-type:lower-latin;list-style-position:inside;padding-bottom:.5em;padding-left:1em; }

ul.cv { margin-bottom:2em; }
ul.cv li{
	margin-top:0.5em;
	margin-bottom:-0.3em;
	font-weight:bold;
}

ul.cv li ul li{ 
	font-weight:normal;
	margin-left:1.2em;
	margin-top:0.2em;
	margin-bottom:0em; 
	list-style:square;
	list-style-position:inside;
	color:#222;
}

ul.standard { margin-bottom:2em; }

ul.standard li { 
	font-weight:normal;
	margin-left:1.2em;
	margin-top:0.2em;
	margin-bottom:0em; 
	list-style:square;
	list-style-position:inside;
	color:#222;
}

.pc{ display:inline; }
.mac{ display:inline; }
.or{ display:inline }

.fulltable{	border:1px solid #cce3ee;margin-bottom:1em; }

.ieTable{
	margin:0px;
	padding:0px;
	border:0px;
	overflow: auto;
	width:98%;	
}

.title{
	float:left;
	overflow:hidden;
	width:130px;
	height:auto;
	padding:0.4em; 
	border-right:1px dashed #ccc;
}

.keys{ padding:0.4em 0em 0.4em 0em;margin-left:150px; }

.default{ font-weight:bold;color:#999 }

.tableImg{
	float:right;
	overflow:hidden;
	width:100px;
	max-width:100px;
	text-align:center;
	padding:5px;
	margin:10px;
	border:1px solid #ccc;
	background-color:#fff;
	line-height:100%;
	font-size:smaller;
}

.tableImg img{ 
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #999;
}

.imgleft{
	float:left;
	border:1px solid #CCC;
	padding:10px;
	color:#333;
	font-size:smaller;
	margin-bottom:10px;
	margin-right:10px;
	background-color:#FFF;
}

.imgright{
	float:right;
	border:1px solid #CCC;
	padding:10px;
	color:#333;
	font-size:smaller;
	margin-bottom:10px;
	margin-left:10px;
	background-color:#FFF;
}

.imgli{
	width:100px;
	float:left;
	color:#333;
	font-size:smaller;
	margin-bottom:10px;
	margin-right:10px;
}

.cwf{ overflow:hidden; }

.mono{ font-family:monospace; color:#333; }

.it{ font-style:italic }

/*
===============================================
Footer element
*/
#footer
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	clear:both;
	vertical-align: bottom;
	overflow:hidden;
}