﻿/* 

Standard Toga System CSS File 
All Items that need to be generated are commented
Copyright Toga Systems 2007
http://www.togasystems.ca
*/





/* Set all Padding and margin equal to 0 as to remove any inconsistencies between different browsers.*/

*
{
	margin: 0;
	padding: 0;
	
}


/*This is the attributes of a News Item Picture*/
img.Item
{
	


	float: left;
	padding: 5px 5px 5px 5px;
	border: 0px;

}

.Picture
{
	border:solid 2px #3f5383;
}


/* Body Attributes for the page. */

body
{
	/* Font family for the entire page */
	font-family: Arial; 
	/* Font Colour */
	color: #3f5383;
	background-image:url('../images/background.jpg');
	background-position:top left;
	background-repeat:repeat-x repeat-y;

	
	/*Font Size to 80%*/
	font-size: 80%;
}


/*Table Attributes*/
.mainTable #leftcell
{
	width: 580px;
	vertical-align: top;
}

.mainTable #leftcell a, .mainTable #leftcell a:visited
{
	text-decoration:none;
	color:#3f5383;
}
.mainTable #leftcell a:hover
{
	text-decoration:underline;
}

.mainTable #leftcell ul
{
	padding-left:15px;
}

/*The SideBarCell*/
.mainTable #rightcell
{
	width: 180px;
	vertical-align: top;
	padding-left: 10px;
	border-left: solid 1px #3f5383;

}

.mainTable
{
	width:100%;
}

.tdLeftCell
{
	width:510px;
	vertical-align:top;
}

.tblBodyTable
{
	width:100%;
}

.tdBodyTableTop
{
	vertical-align:top;
	width:100%;
}

.tdBodyTableBottom
{
	vertical-align:top;
	border-top: solid 2px #3f5383;
}

.tblBottomTable
{
	width:100%;
}

.tdBottomLeft
{
	width:255px;
	vertical-align:top;
	border-right: solid 2px #3f5383; 
}
.tdBottomRight
{
	width:255px;
	vertical-align:top;
}

.tdRightCell
{
	width: 250px;
	vertical-align: top;
	border-left: solid 2px #3f5383;
}

.bodyNav
{
	
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	width:100%;
	overflow:hidden;
	padding-top:3px;
	display:inline;
}

.bodyNav ul
{
	text-align: center;
	/*turns off display of bullet*/
	list-style-type: none;
}

.bodyNav li
{
	float:right;
	
	clear:left;
}

.bodyNav a, .bodyNav a:visited
{
	
	color:#3f5383;
	text-decoration:none;
	display: block;
	padding: 2px 5px 2px 5px;
	font-size:8pt;
	font-weight:bold;
}

.bodyNav a:hover
{
	color: #939598;
	border: solid 1px #3f5383;
	padding:1px 4px 1px 4px;
}
	



.SideBarImage
{
	/*margin-bottom:-3px;*/
	
	margin-left:580px;
}

.SideBar
{
	padding-left:10px;
	margin-left: 5px;
	
}


/*Set the margin for the sidebar */
.SideBar li
{
	margin-left: 10px;
	
}

.SideBar ul
{
	

}

.SideBar a, SideBar a:visited
{
	color:#3f5383;
	text-decoration:none;
	
}

.SideBar a:hover
{
	text-decoration:underline;
}




/*Menu Items*/
.navlist
{
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	width:100%;
	overflow: hidden;
	/*border-bottom: solid 1px #fff;*/
	
	
	
	
}
.navlist ul
{
	
	text-align: center;
	
	
	
	/*turns off display of bullet*/
	list-style-type: none;

}
.navlist li
{
	
	float: left;
	
	
}

.navlist a, .navlist a:visited
{
	
	display: block;
	padding: 2px 10px 2px 10px;
	
	/*background-color: #1a354b;*/
	text-decoration: none;
	font-weight:bold;
	color: #3f5383;
}
/*For the Left most Menu Item*/
.navlist a#left
{
	/*margin-left:40px;*/
	
}

/*For the Rightmost Menu Item*/
.navlist a#right
{
	
}

.navlist a:hover
{
	color: #939598;
	border: solid 1px #3f5383;
	padding:1px 9px 1px 9px;
}
/* Header attributes*/


/*For all of the Headers, make them left-align*/
.newsItem h1, .newsItem h2, .newsItem h3, .newsItem h4
{
	/*Align the text in the center */
	text-align: left; /*h1 font color */
	font-size: medium;
	color: #3f5383;
	/*background-image:url("../images/bob.jpeg");*/
	
}
.newsItem
{
	clear:right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:10px;
}



/* The container for all the content. Set the color here as not to mess with the padding */
.contentContainer
{
	background-color: White;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	border:solid 10px #dadbdd;
		/*background-image:url('images/background.jpg'); background-repeat: repeat-y;*/
}



/* Set the padding and margins for the content */
.content
{
	/*margin-left: 30px;*/
	/*margin-right: 30px;*/
	/*padding-left: 1em;*/
	padding-right: 1em;
	padding-bottom: 40px;
	padding-top: 20px;
	height: inherit;
}

/*
.content a, .content a:visited
{
	color: #3f5383;
	text-decoration: none;
	
	
}
.content a:hover
{
	text-decoration: underline;
}
*/

.newsItem a, .newsItem a:visited
{
	color:#3f5383;
	text-decoration:underline;
}
.recentNews
{
	padding-top:10px;
}
.recentNews a, .recentNews a:visited
{
	color:#3f5383;
	text-decoration:none;
}

.recentNews a:hover
{
	text-decoration:underline;
}

.recentNews ul
{
	padding-left:13px;
	padding-top:5px;
}
	
	





/*Footer */
.Footer
{
	text-align: center; /*Text Colour is the Background Colour of the contentContainer*/
	color: #939598;
	font-size: small;
}
.Footer a, .Footer a:visited
{
	/*Text Colour is the Background Colour of the contentContainer*/
	color: #939598;
	text-decoration: none;
}
.Footer a:hover
{
	text-decoration: underline;
}



/*Text-Align Right*/
.Right
{
	text-align: right;
	
}

/*Text-Align Mcenter*/
.Middle
{
	
	/*text-align: center;*/
	margin-left:200px;
}
/*Each individual Picture Cell*/
.PictureCell
{
	
	padding: 15px;
}




.Buttons
{
	border: solid 1px #3f5383;
	background-color: White;
	color: #3f5383;
	font-family: Arial;
	margin: 5px 5px 5px 5px;
	font-weight: bold;
	}

/*BlockQuote*/
blockquote
{
	padding: 0 48px;
	font-weight: normal;
}

/*Album Styles*/

.albumBox
{
	border: solid 3px #3f5383;
	margin: 0px 0px 5px 10px;
	padding: 9px;
	margin-top:10px;
	width:425px;
	
}
.albumBox a, .albumBox a:visited
{
	text-decoration:none;
	color:#3f5383;
}

.albumBox a:hover
{
	text-decoration:underline;
}
hr
{
	color:#3f5383;
	margin-right:30px;
	margin-left:30px;
	background-color:#3f5383;
}

img.coverImage
{
	width: 180px;
	border: 0px;
	padding-right: 10px;
}

.albumInfo
{
	width: 230px;
	padding-right: 5px;
}
.albumDate
{
	font-size: small;
	vertical-align:bottom;
}
















