/*
Stylesheet for konnected.org.uk
*/
/*
colors:
lightest: #fff2d2
middle: #ffd571
darkest: #fbbd29
*/


/*
Main Page
*/



div.welcome
{
	font-size: 17px;
	font-family: "arial", serif;
	color: red;
	text-transform: uppercase;
	font-weight: bold;
}

div.mainheader2
{
	background-color: #fbbd29;
	font-size: 16px;
	font-weight: bold;
	font-family: "Arial", serif;
	padding: 2px; 
	width: 99.5%;
	text-transform: capitalize;
	text-decoration: none;
}



div.mainheader
{
	background-color: #fbbd29;
	font-size: 16px;
	font-weight: bold;
	font-family: "Arial", serif;
	padding: 2px; 
	width: 140px;
	text-transform: capitalize;
	text-decoration: none;
}

a.pointer
{
	cursor: pointer;
}





td.imagebox1
{
	width: 246px;
	height: 677px;
	border: solid 0px #fbbd29;
	padding: 2px;
	background-image: url(../images/bookcase6.jpg);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: top;
	color: red;
	font: 26px arial, serif;
	font-weight: bold;
}

a.imagebox1
{
	color: red;
	font: 18px arial, serif;
	font-weight: bold;
	text-decoration: none;
}

a.imagebox1:hover
{
	color: #ff8000;
	font: 18px arial, serif;
	font-weight: none;
	background-color: #fff2d2;
	text-decoration: none;
}
	
	
/*
Nick's
*/


#frame
{
	width: 100%;
	margin: 0px;
}

#music
{
	background-color: #ffd571;
	text-align: right;
	font-family: Times, serif;
	font-size: 16px;
	font-style: italic;
}

#jambox
{
	padding: 15px;
	font: 12px Arial, sans-serif;
	color: white;
}

#entry
{
	text-align: center;
	font: 10px Arial, sans-serif;
	background-color: #ffd571;
	margin-bottom: 2px;
}

#team { font: bold 10px Arial, sans-serif; }

#team_link
{
	background-color: black;
	color: white;
	font: bold 12px Verdana, sans-serif;
	width: 100px;
	margin-bottom: 5px;
}

#rachael
{
	position: absolute;
	width: 730px;
	margin-left: 17px;
	padding: 5px;
	z-index: 2;
	top: 340;
	visibility: hidden;
	border: solid 1px red;
}

#laura
{
	position: absolute;
	width: 730px;
	margin-left: 17px;
	padding: 5px;
	z-index: 3;
	top: 340;
	visibility: hidden;
	border: solid 1px red;
}

#verity
{
	position: absolute;
	width: 730px;
	margin-left: 17px;
	padding: 5px;
	z-index: 4;
	top: 340;
	visibility: hidden;
	border: solid 1px red;
}

#holly
{
	position: absolute;
	width: 730px;
	margin-left: 17px;
	padding: 5px;
	z-index: 4;
	top: 340;
	visibility: hidden;
	border: solid 1px red;
}

#claire
{
	position: absolute;
	width: 730px;
	margin-left: 17px;
	padding: 5px;
	z-index: 5;
	top: 340;
	visibility: hidden;
	border: solid 1px red;
}

#fran
{
	position: absolute;
	width: 730px;
	margin-left: 17px;
	padding: 5px;
	z-index: 6;
	top: 340;
	visibility: hidden;
	border: solid 1px red;
}

#rooted
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 3px;
	text-align: right;
	font: 16px Monaco, Courier New, mono;
	color: #ccc;
}

#navlinksactive
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #39398d;
	font-weight: none;
	text-transform: uppercase;
	background-color: #fff2d2;
	text-align: center;
	padding: 1px;
	margin-right: 4px;
	margin-bottom: 2px;
	height: 16px;
	width: 80px;
	float: left;
	cursor: pointer;
	border-top: 0px solid #fbbd29;
	border-left: 0px solid #fbbd29;
	border-right: 0px solid #fbbd29;
}




#navlinks
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #39398d;
	background-color: #fbbd29;
	text-align: center;
	padding: 1px;
	margin-right: 4px;
	margin-bottom: 2px;
	height: 16px;
	width: 80px;
	float: left;
	cursor: pointer;
	border: 1px solid #39398d;
}

#navlinks:hover
{
	color: #ff0000;
	background-color: #ffd571;
}
#navlinksactive:hover
{
	color: #ff0000;
}

#navlinks:active
{
	background-color: #ffd571;
}

#newstitle
{
	font: bold 12px Verdana, Arial, sans-serif;
	background-color: #fbbd29;
	margin: 0px;
	padding: 5px 5px 5px 10px;
	text-align: left;
	color: #333;
}

#newsentry
{
	font: 11px Verdana, Arial, sans-serif;
	background-color: #ffd571;
	margin: 0px;
	padding: 10px;
	text-align: left;
}

/* page attributes */
body
{
	text-align: left;
	background-color: #fff2d2;
	margin: 0px;
}

/* text-attributes */
h1
{
	text-align: left;
	margin-top: 0px;
	margin-bottom: -4px;
	font: bold 14px Arial, sans-serif;
	color: #000;
}

p
{
	text-align: left;
	font: 12px Arial, sans-serif;
	color: #000;
}

h2
{
	text-align: left;
	font: bold 20px Arial, sans-serif;
	color: white;
}

h3
{
	text-align: right;
	margin-bottom: 40px;
	margin-right: 5px;
	font: bold 20px Arial, sans-serif;
	color: #ff0000;
}

h4
{
	text-align: left;
	margin-bottom: 40px;
	margin-left: 5px;
	font: bold 20px Arial, sans-serif;
	color: #ff0000;
}

h5
{
	text-align: right;
	margin-bottom: 40px;
	margin-right: 5px;
	font: bold 20px Arial, sans-serif;
	color: white;
}

h6
{
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font: bold 12px Verdana, sans-serif;
	color: #009900;
}

li
{
	font: 12px Arial, sans-serif;
	color: #000;
}
table.navbar-top
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: solid 1px #fff2d2;
	background-color: #fff2d2;
	text-align: right;
}

table.navbar
{
	width: 100%;
	padding: 0px;
	padding-left: 3px;
	margin: 0px;
	border: solid 0px #ffd571;
	border-bottom: solid 0px #ffd571;
	background-color: #fff2d2;
	text-align: right;
}

table.news
{
	width: 100%;
	margin-top: 5px;
	border-width: 0px;
	background-color: #fff2d2;
}

table.shed
{
	width: 100%;
	border: 0px;
	text-align: left;
}

table.whoswho
{
	width: 765px;
	background-color: #ffd571;
	border: 1px solid #39398d;
	font-family: verdana, serif;
	font-size: 16px;
}

table.whoswho2
{
	width: 765px;
	background-color: #ffd571;
	border: 1px solid #39398d;
}

td.navbar
{
	width: 52px;
	padding: 1px;
	background-color: #666;
	text-align: center;
	font: 11px Arial, sans-serif;
	color: white;
	margin-right: 5px;
}

td.navbar2
{
	border-bottom: 1px solid #39398d;
}


td.boxleft
{
	width: 140px;
	border-left: solid 1px #39398d;
	border-bottom: solid 1px #39398d;
	padding: 2px;
	background-color: #ffd571;
	text-align: left;
	font: 11px Arial, sans-serif;
	color: black;
	vertical-align: top;
}

td.boxright
{
	width: 140px;
	border-bottom: solid 1px #39398d;
	border-right: solid 1px #39398d;
	padding: 2px;
	background-color: #ffd571;
	text-align: left;
	font: 11px Arial, sans-serif;
	color: black;
	vertical-align: top;
	
}

td.news
{
	width: 100%;
	padding: 2px;
	vertical-align: top;
	text-align: center;
}

td.reviews
{
	width: 250px;
	vertical-align: top;
	padding: 5px;
	font: 12px Arial, sans-serif;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

tr.row1
{
	background-color: #fff2d2;
	font: 9px Arial;
}

tr.row2
{
	background-color: #ffd571;
	font: 9px Arial;
}

td.school
{
	background-color: #ffd571;
	font: 12px Geneva, sans-serif;
	padding: 5px;
	width: auto;
	border: solid 2px #fbbd29;
	vertical-align: top;
}

td.sungano
{
	padding-bottom: 20px;
	text-align: right;
	font: 12px Arial, sans-serif;
}

td.padded { padding: 5px; }

td.fbox
{
	width: 191px;
	padding: 2px;
	font: 11px Arial, sans-serif;
	border: solid 1px #006600;
	border-bottom: solid 1px #006600;
	vertical-align: top;
}

td.lbox
{
	width: 19px;
	text-align: right;
	background-color: #ddffdd;
}

td.tbox
{
	width: 91px;
	background-color: #ddffdd;
}

td.lbox2
{
	width: 19px;
	text-align: right;
}

td.tbox2 { width: 91px; }

td.topsname
{
	width: 100px;
	font: 10px Arial, sans-serif;
}

td.topsscore
{
	width: 30px;
	font: 10px Arial, sans-serif;
	text-align: right;
}

td.bar
{
	padding: 10px;
	vertical-align: top;
	width: 191px;
	border: solid 1px #ffd571;
}

td.ww2
{
	width: 214px;
	background-color: #fff2d2;
	font: 10px Verdana, sans-serif;
	color: #333;
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #39398d;
}

td.gtitle
{
	width: 113px;
	background-color: #ddd;
	font: 10px Arial, sans-serif;
	color: #333;
	text-align: center;
}

td.fleft
{
	width: 115px;
	background-color: #eee;
	font: 10px Verdana, sans-serif;
	color: #000;
	vertical-align: top;
	padding: 2px;
}

td.fmid
{
	width: auto;
	padding: 5px;
	vertical-align: top;
}

td.fright
{
	width: 220px;
	vertical-align: top;
	padding: 5px;
	font: 9px Verdana, sans-serif;
}

.center { text-align: center; }
.right { text-align: right; }
.white { color: white; }
.small { font-size: 10px; }
.grey { color: #666666; }

/* links */
a
{
	color: black;
	text-decoration: underline;
}

a:hover
{
	color: red;
	background-color: ;
	text-decoration: underline;
}

a.reviews
{
	color: black;
	text-decoration: none;
}

a.reviews:hover
{
	color: red;
	background-color: white;
	text-decoration: underline;
}

a.comment
{
	color: red;
	text-decoration: underline;
}

a.comment:hover
{
	color: #fff;
	background-color: red;
	text-decoration: underline;
}

a.ww
{
	color: #333;
	text-decoration: underline;
}

a.ww:hover
{
	color: red;
	text-decoration: underline;
}

a.email
{
	color: #ff8000;
	text-decoration: none;
	font-weight: none;
}

a.email:hover
{
	color: red;
	text-decoration: none;
	font-weight: bold;
}


a.nav
{
	color: white;
	text-decoration: none;
}

a.nav2
{
	color: red;
	text-decoration: none;
}

a.nav:hover, a.nav:active
{
	color: red;
	background-color: #ffd571;
	text-decoration: none;
}

a.nav2:hover, a.nav:active
{
	color: red;
	background-color: #ffd571;
	text-decoration: none;
}

a.f
{
	text-decoration: none;
}