/* CSS Document */

/*basic page properties*/
body {
	background: #ffffff;
	color: #333333;/*default font color - i.e. almost black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 135%;
	font-size: 80%;
	margin: 1% 2% 2% 2%;/*top,right,bottom,left*/
}
p {
	font-size: 100%;
	line-height: 120%;
}
p.faq {
	color:#666666;
	}
	
.highlight {
	background-color: #ffff99;
	}

.weetext {
	font-size: 85%;
}
sup {
	line-height: 0;
	font-size: 80%;
	/*vertical-align: top; UNFORTUNATELY, NOT SO GOOD WITH FIREFOX!! */
}
li {
	color: #333333;
}
li.guides {
	padding-bottom: 10px;
}
ol {
	list-style: decimal;
}
ol.foresterhill {
	list-style-type: upper-alpha;
}
a {
	color: #cc3333;
}
a:hover {
	color: #999999;
}

hr {
	border: 0;
 	width: 100%;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
}

h1 {
	color: #666666;
	font-size: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .03em;
	margin-top: 0px;
}
h2 {
	color: #666666;
	font-size: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .03em;
}
h3 {
	color: #666666;
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	
h3.bigger {
	color: #666666;
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	color: #666666;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.redtext {
	color: #cc3333;
	}
	
.redtextbiggest {
	color: #cc3333;
	font-size: 150%;
	}
.redtextbig {
	color: #cc3333;
	font-size: 130%;
	}
.goldtext {
	color: #ffcc22;
}
.redtextwee {
	color: #CC3300;
	font-size: 85%;
}
.greytextwee {
	color: #666666;
	font-size: 85%;
}



/* main container  ----------------------------------------------------*/
#container {
	width: 95%;
	/*margin: 0% auto;*/
	margin: 10px 20px 0px 17px;
	}

/* outlook header  ----------------------------------------------------*/
#outlookheader {
	/*background: #ffffff;*/
	background: url(../images/web_wireless_2.gif) no-repeat bottom left;
	padding: 60px 0px 10px 0px;
	margin: 0px 0px 16px 0px;/*top margin sets amount of space between uni header bar and outlook header*/
	/*and bottom margin is white space between border line and rest of page content*/
	border-bottom: 1px solid #bbbbbb;
	/*border: 1px solid black;*/
	clear: both;	
}
		
/*left hand column - i.e. navigation menu*/
#thissection {
	width: 210px;
	float: left;
	font-size: 95%;
	line-height: 160%;
	z-index: 50;
	/*border: 1px solid red;*/
	padding-top: 10px;
}
#thissection ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	padding-right: 10px;
	text-indent: -1em;
}
#thissection li {
	color: #cc3333;/*color of wee double arrow i.e. >>*/
}
#thissection a {
	font-family: Verdana, Helvetica, Arial, Geneva, san-serif;
	text-decoration: none;
	color: #888888;
}
#thissection a:hover {
	font-family: Verdana, Helvetica, Arial, Geneva, san-serif;
	text-decoration: underline;
	color: #cc3333;
}

/*right hand column - i.e. main content*/
#maincontainer {
	margin-left: 220px; /* this to force content to right of left hand column */
	padding-top: 10px;
	padding-left: 20px;
	border-left: 1px dashed #bbbbbb;
	/*border: 1px solid blue;*/
	z-index: 100;
}

/*footer*/
#footercontainer {
	float:left;
	width: 95%;
	color: #666666;
	padding: 8px 8px 8px 0px;
	margin-top: 15px;
	margin-bottom: 8px;
	margin-left: 17px;
	border-top: 1px solid #bbbbbb;
	font-size: 85%;
}

/*use this is you want to add a 'print this page' option to any of the wireless web pages - change colours if you want*/	
.printbutton {
	border-top: 3px double #bbbbbb;
    border-left: 3px double #bbbbbb;
    border-bottom: 3px double #333333;
    border-right: 3px double #333333;
    padding: 0.25em;
    background-color: #edf4f5;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Arial, helvetica, sans-serif;
    color: #cc3333;
	}

table.wless {
	border-width: 1px;
	/*border-spacing: ;*/
	border-style: outset;
	border-color: #dddddd;
	border-collapse: collapse;
	background-color: white;
}
table.wless th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #dddddd;
	background-color:#cccccc;
	text-align: left;
}
table.wless td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #dddddd;
	background-color: white;
	text-align: left;
	vertical-align: top;
}

table.wlessrec {
	border-width: 2px;
	/*border-spacing: ;*/
	border-style: outset;
	border-color: #dddddd;
	border-collapse: collapse;
	background-color: #ebebeb;
}
table.wlessrec td {
	border-width: 2px;
	padding: 10px;
	border-style: inset;
	border-color: #dddddd;
	background-color: #ebebeb;
	text-align: left;
	vertical-align: top;
}


table.manu {
	border-width: 1px;
	/*border-spacing: ;*/
	border-style: outset;
	border-color: #dddddd;
	border-collapse: collapse;
	background-color: white;
}

table.manu th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #dddddd;
	background-color: white;
	text-align: left;
	vertical-align: top;
}
table.manu td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #dddddd;
	background-color: white;
	text-align: left;
	vertical-align: top;
}



div.spacer {
  clear: both;
  }
  
/* right aligned image and caption */
.floatright	{
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 10px;
}