/*
 *	main2.css
 *
 *	a main css file for the v2 ncc website
 *
 *	$Id: main2.css 405 2009-09-17 19:40:49Z simon $
 *
 */

/*	ELEMENTS	*/ 

body {
	margin: 1em auto 1em auto;
	font-family: arial,helvetica,sans-serif;
	font-size: 62.5%;/*1em;*/
	width: 85em;
        min-width: 650px;
}

a:link	{
	color: blue;
	background-color: inherit;
	text-decoration: none;
}
				
a:visited	{	
	color: maroon;
	background-color: inherit;
	text-decoration: none;
}

a:active	{
	background-color: inherit;
	color: red;
	text-decoration: none;
}

a:hover	{
	/*color: inherit;*/
	text-decoration: underline;
}

/*   External Link graphic: experimental */
#content a[href^="http:"] {
  background: url('../images/icons/external_link.png') no-repeat right top;
  padding-right: 13px;
}

#content a[href^="mailto:"] {
  background: url('../images/icons/email_link.png') no-repeat right top;
  padding-right: 17px;
}

abbr,acronym	{
	cursor: help;
}

h2+p,h3+p,p.dateheader+p	{
	margin-top: 0.1ex;
}

caption {
  font-weight: bold;
  font-size: larger;
  margin-bottom: 0.2ex;
}
/*p.firstpara	{
	margin-top: 0.1em;
}*/

table,th,td	{
	font-size: inherit;
}

table  { 
    border-collapse: collapse; 
    margin-bottom: 0.5em;
}

th,td   {
    text-align:left;
    padding: 0.2em 0.5em 0.2em 0.5em;
}

th   { 
      border: thin solid #e0e0e0; 
      font-weight: bold;
}

td   {
    border: thin solid #e0e0e0;
}

th  {
    text-align: left;
}

tr:hover {
    background-color: #f0f0f0;
}

thead tr:hover {
    background-color: transparent;
    /* inherit works with opera and firefox, transparent is required for ie7 */
}

/*	IDs	*/
#branding	{
	background-color: #ffd;
	height: 90px;
	padding-bottom: 1ex;
}

#bottomnav	{
	background-color: #fafafa;
	text-align: center;
	padding-top: 1ex;
	padding-bottom: 1ex;
	font-size: smaller;
}

#breadcrumbnav {
        float: left;
        padding-left: 3em;
        color: gray;
	margin-top: 40px;
}

#breadcumbnav, #rightnav	{
		margin-top: 40px;
}

#canvas		{
	width: 100%;
	font-size: small;
	border-left: #f0f0f0 solid 1px;
	border-top: #f0f0f0 solid 1px;
}

#canvas h1,h2,h3	{
	color: #000;
	background-color: #ffd;
	padding-left: 2px;
	border-top: solid 1px #f0f0f0;
	border-left: solid 1px #f0f0f0;
}

#canvas h2,h3	{
	margin-bottom: 0.1ex;
	background-color: #fff;
}

#canvas h1	{width: 90%;
		margin-top: 0px;  /*	there may be a hangover from this !!!!	*/
}
#canvas h2	{width: 85%;}
#canvas h3	{width: 60%;}

#content	{
	float: left;
	width: 62%;
	padding-left: 1%;
	border-right: solid #f0f0f0 1px;
}

#leftnav	{
	width: 16%;
	float: left;
	background-color: #fafafa;
	text-align: right;
	padding-bottom: 0.5ex;	
	padding-right: 0.5%;
}

#leftnav a {
	font-weight: bolder;
}

#leftnav h3	{
	width: 100%;
	color: #000;
	text-align: left;
	background-color: #ffd;
	padding-left: 2px;
	margin-top: 0px;
}

#footer		{
	text-align: center;
	/*background-color: #fafafa;*/
	font-size: smaller;
}

#logo   {
    float: left;
    border: none;
    /*background-color: inherit;*/
    padding-right: 2em;
}

#logoright   {
    float: right;
    /*background-color: inherit;*/
    border: none;
}

#rightnav       {
        float: right;
}

#splashcol	{
        float: right;
	width: 20%;
        padding-top: 0ex;
}

#topnav	{
	background-color: #fafafa;
	text-align: center;
	padding-top: 1ex;
	padding-bottom: 1ex;
}

/*	classes	*/

.clear		{clear: both;}

.dateheader		{
	font-size: smaller;
	color: #666;
        margin-bottom: 0.1ex;
}

.diary .light {
    background-color: #f0f0f0;
    border-top: solid #f0f0f0 1px;
    border-right: solid #f0f0f0 5px;
    border-bottom: solid #f0f0f0 1px;
    border-left: solid #f0f0f0 5px;
    padding-left: 0.5em;
}

.diary .dark {
    background-color: #e8e8e8;
    border: solid #e8e8e8 1px;
    border-top: solid #e8e8e8 1px;
    border-right: solid #e8e8e8 5px;
    border-bottom: solid #e8e8e8 1px;
    border-left: solid #e8e8e8 5px;
    padding-left: 0.5em;
}

.diary h3 {
    background-color: transparent;
    border: none;
}

.diary .today {
    background-color: #fdf;
    border-right: #000;
}

.eventTitle  {
    color: #622;
    font-weight: bolder;
}

.hidden		{display: none;}

.match table th td {
    border: none;
}

.score		{
	font-weight: bold;
	text-align: center;
}

.splash		{
	/*border: solid #ffd 1px;*/
        margin-top: 0ex;
	margin-bottom: 1ex;
	background-color: #f8f8f8;
	/*font-size: smaller;*/
        padding-left: 0%;
	padding-right: 0%;
        padding-top: 0ex;
}

.splashheader {
	font-weight: bolder;
	background-color: #ffd;
}

.splashcontent {
	padding-left: 2%;
	padding-right: 2%;
	/*background-color: #fff;*/
}

.teamname	{
	font-size: larger;
}

.uparrow	{
	float: right;
}

.void   {
    background-color: #888;
}