@import url(TorontoCSCC_css/global_v1-1.css);
@import url(TorontoCSCC_css/modules.css);
@import url(TorontoCSCC_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);

/*stylesheets for our framework, please do 
not remove*/
/*@import url(siteName_css/modules.css);
@import url(siteName_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);*/


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/
body {	
	background:#FFF;
	color:#000;

}
.inner { background: #FFF;
text-align:left;}
h1 {
	color: #284E36;
	font-size:20px;
}
h2,h3 {
	color: #847D54;
	font-size:20px;
}
h4 {
	color: #AF7A1F;
	font-style:italic;
	font-size:16px;
	line-height:1.3;
}

h5 {
	font-size:11px;
	color: #2b3B24;
	display: inline;
}

h6 {
	color: #423317;
	font-size:11px;
	font-weight:bold;
}
a,a.small,a.anchor,a.visited {
	color: #8B7E5F;
	font: inherit;
	text-decoration: none;
}
a:hover { text-decoration: underline;}
.page { text-align: center;
	margin:0;
	min-width:990px;
	background: #121e2d;}/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/


/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
#siteWrapper {
	margin:0 auto;
	width:990px;
	color:#252525;
}
img { display:block; border:none;}
h1,h2,h3,h4,h5, p,li { margin:0;}
ul,form,input{ padding:0; margin:0;}
ul li { list-style:none;}
a { text-decoration:none;}
a:focus { outline:none;}
a:hover { text-decoration:underline;}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#branding{
	background:url(../../../Images/header.jpg) no-repeat;
	height:136px;
}
.logo {
	background:url(../../../Images/logo.jpg) no-repeat;
	width:476px;
	height:91px;
	float:left;
	margin:34px 0 0 12px;
}
.logo a,
.small-logo a {
	display:block;
	height:100%;
	text-indent:-5600px;
}
.sub-logo {
	background:url(../../../Images/logo2.jpg) no-repeat;
	width:472px;
	height:91px;
	margin:33px 0 0 8px;
}
.members {
	float:right;
	width:355px;
	padding-right:15px;
	padding-top:25px;
}
.members h3 {
	font-size:13px;
	color:#fff;
	margin-top:20px;
	font-weight:normal;
}
.members label{
	width:64px;
	font-size:9px;
	float:left;
	clear:left;
	color:#a5bb6b;
	padding-top:9px;
}
.members input {
	float:left;
	border:none;
	margin-top:8px;
	padding:1px 0 1px 5px;
	font:13px "Times New Roman", Times, serif;
}
.members input.button {
	float:right;
	width:auto;
	padding:0;
}
.members a {
	margin:15px 45px 0 0;
	color:#fff;
	font:8px Helvetica, sans-serif;
	float:right;
}
/*top menu*/
.sub-menu {
	float:right;
	padding:25px 10px 0 0;
}
.sub-menu li {
	display:inline;
	font-size:10px;
	margin-left:10px;
	padding-left:14px;
}
.sub-menu li.home { background:url(../../../Images/home-small.gif) no-repeat 0 1px;}
.sub-menu li.contact { background:url(../../../Images/contact-small.gif) no-repeat 0 3px;}
.sub-menu li.log-off {
	padding:0 8px 0 0;
	background:url(../../../Images/log-arrow.gif) no-repeat 100% 3px;
}
.sub-menu li a {color:#9fcd4f;}
.sub-menu li.log-off a { color:#fff;}
.members-only {
	float:right;
	clear:right;
	margin:17px 6px 0 0;
	background:url(../../../Images/members-only.gif) no-repeat;
	width:180px;
	text-indent:-9999em;
	height:64px;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#nav {
	background:url(../../../Images/panel.jpg) repeat-x;
	height:55px;
}
/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea {
	float: left;
	width:990px;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../../../Images/content.gif) repeat-y;
}
.home-main {
	padding:0 !important;
	margin:0 !important;
}
.content-page {
	padding-bottom:37px !important;
	background:url(../../../Images/content-inner.gif) repeat-y 100% 0 !important;
}
#visual {

	height:360px;
}
/*main menu*/
.main-menu li { display:inline;}
.main-menu a {
	float:left;
	text-indent:-99999em;
	height:268px;
}
.main-menu a.who {
	background:url(../../../Images/who-we-are.jpg) no-repeat;
	width:197px;
}
.main-menu a.membership {
	background:url(../../../Images/membership.jpg) no-repeat;
	width:201px;
}
.main-menu a.catering {
	background:url(../../../Images/catering.jpg) no-repeat;
	width:199px;
}
.main-menu a.food {
	background:url(../../../Images/food.jpg) no-repeat;
	width:200px;
}
.main-menu a.services{
	background:url(../../../Images/services.jpg) no-repeat;
	width:193px;
}
.main-menu a:hover { background-position:0 -268px !important;}
/*main Wrapper*/
#contentWrapper {
	float:left;
	width:705px;
}
.content-page #contentWrapper{
	width:694px;
	padding-left:11px;
}
/*left column*/
#contentSeconary {
	float:left;
	padding:30px 27px 0 18px;
	width:238px;
}
.section {
	margin-left:35px;
	font-size:12px;
}
.section li {background:url(../../../Images/section-li.gif) repeat-x 0 100%;}
.section a {
	margin-left:4px;
	line-height:25px;
	padding-right:11px;
	background:url(../../../Images/section-arr.gif) no-repeat 100% 5px;
	color:#1f324b;
}
.section a.active { background:url(../../../Images/section-arr-act.gif) no-repeat 100% 5px;}
.section  ul { padding-bottom:10px;}
.section li li {
	font-size:11px;
	margin-left:9px;
	padding-left:4px;
	background:url(../../../Images/bullet.gif) no-repeat 0 10px;
}
.section li li a {
	background:none;
	line-height:19px;
}
a.weather {
	float:left;
	font-size:10px;
	text-decoration:underline;
	color:#1f324b;
	margin:20px 0 0 35px;
}
a.weather:hover { text-decoration:none;}
.glanse {
	clear:both;
	width:100%;
	padding-top:25px;
}
.glanse h3 {
	font-size:13px;
	line-height:30px;
	background:url(../../../Images/section-li.gif) repeat-x 0 100%;
	font-weight:normal;
	color:#1c2d44;
}
.glanse a.open {
	float:right;
	line-height:25px;
	font-size:10px;
	color:#365782;
}
.glanse ul {
	width:100%;
	clear:both;
}
.glanse strong {
	color:#1f324b;
	display:block;
	font-size:11px;
	font-weight:normal;
}
.glanse ul div {
	padding:5px;
	min-height:42px;
	margin-bottom:6px;
	background:#cbdcf1;
}
* html .glanse ul div { height:42px;}
/*center column*/
#contentMain {
	float: right;
	width:420px;
}
/*breadcrumbs*/
.breadcrumbs { margin-top:12px;}
.breadcrumbs li {
	background:url(../../../Images/crumbs-sep.gif) no-repeat 0 3px;
	padding-left:8px;
	margin-left:2px;
	display:inline;
	color:#c88b11;
}
.breadcrumbs li.first {
	background:none;
	margin:0;
	padding:0;
}
.breadcrumbs a { color:#333;}
.content-page .breadcrumbs{ margin-top:5px;}
.featured { margin:0 0 0 22px;}
.featured h2 {
	font-size:13px;
	font-weight:normal;
	color:#304d74;
	margin:15px 0;
}
.img-holder {
	float:left;
	padding:5px;
	margin:15px 12px 0 0;
	border:1px solid #d5c7b6;
	background:#fffaec;
}
.description {
	margin-top:15px;
	float:left;
	width:290px;
}
.description h5 {
	font-size:11px;
	line-height:12px;
	color:#c88b11;
}
.description p {
	margin-top:2px;
	line-height:18px;
}
.description strong {
	display:block;
	color:#c88b11;
	/*line-height:64px;
	margin-top:-7px;*/
	font-weight:normal;
}
.description strong a {
	color:#c88b11;
	text-decoration:underline;
	font-weight:bold;
}
.description strong a:hover { text-decoration:none;}
/*main text area*/
.main-area { margin:35px 30px 0 42px;}
.main-area h1,
.main-area h2 {
	color:#333;
	font-size:18px;
}
.main-area h2 {
	font-size:12px;
	margin-top:27px;
}
.main-area p {
	font-size:11px;
	line-height:16px;
	margin-top:10px;
}
.main-area img {
	margin-left:12px;
	display:inline;
}
.main-text {
	margin-top:14px;
	padding-bottom:22px;
	background:url(../../../Images/main-text.gif) repeat-x 0 100%;
}
.main-area h4 {
	font-size:11px;
	color:#c88b11;
	font-style:normal;
}
.sub-area { margin-top:23px;}
.sub-area div {
	float:left;
	width:195px;
	font-style:italic;
	padding:20px 12px 15px;
	border:1px solid #c88b11;
}
.sub-area div h5 {
	color:#333;
	font-weight:bold;
}
/*sidebar*/
#sidebar {
	float:right;
	padding:40px 23px 0 0;
	width:200px;
	
}

#sidebar .inside {

text-align:left;
}
/*quick links*/
.quick-links {
	padding-bottom:46px;
	margin-top:19px;
}
.quick-links li { height:25px;}
.quick-links a {
	display:block;
	height:19px;
	margin-bottom:2px;
	background:#304d74;
	border:2px solid #a7b2c1;
	color:#fffbd4;
	font:10px/19px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
.quick-links a:hover,
.quick-links a.active {
	text-decoration:none;
	border:2px solid #b8c2d1;
	background:#a7b2c1;
}
#sidebar img.part{ margin-top:25px;}
#sidebar h4 {
	line-height:47px;
	font-style:italic;
	font-size:11px;
	font-weight:bold !important;
	color:#333;
}
#sidebar em {
	font-size:11px;
	display:block;
	padding-bottom:20px;
}
#sidebar p {
	margin:10px 0 0;
	font-size:11px;
	text-align:left;
	
}
#sidebar h3 {
	margin-top:4px;
	font-weight:normal;
	font-size:13px;
	color:#1c2d44;
	line-height:30px;
	background:url(../../../Images/section-li.gif) repeat-x 0 100%;
	text-align:left;
}
#sidebar label {
	font-size:11px;
	display:block;
	margin-bottom:2px;
}
#sidebar form { padding-top:20px;}
#sidebar label input { margin-right:10px;}
#sidebar .section { margin:70px 0 0 0; text-align:left;}
#sidebar a.weather {
	margin-left:0;
	float:left;
}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer{
	clear:both;
	background: #121e2d;
	width: 100%;
	text-align:center;
}
.footer-area {
	height:200px;
	margin:0 auto;
	width:990px;
	background: #121e2d;
}


.small-logo {
	float:left;
	background:url(../../../Images/small-logo.jpg) no-repeat;
	width:258px;
	height:66px;
	margin:7px 0 0 8px;
}
.footer-area ul {
	float:left;
	width:950px;
	padding:20px 0 0 40px;
}
.footer-area li {
	display:inline;
	background:url(../../../Images/separator.gif) no-repeat 0 2px;
	padding-left:10px;
	margin-left:4px;
	font-size:9px;
}
.footer-area li.first { background:none;}
.footer-area li a { color:#a5bb6b;}
.discover {
	float:right;
	width:488px;
	padding:15px 0 10px;
	margin-top:19px;
	background:url(../../../Images/discover.gif) repeat-y;
}
.discover h3 {
	float:left;
	letter-spacing:-1px;
	width:117px;
	padding-top:7px;
	font:14px Arial, Helvetica, sans-serif;
	color:#a5bb6b;
}
.discover ul {
	float:none;
	width:auto;
	padding:0;
}
.discover li {
	float:left;
	width:120px;
	margin:0;
	white-space:nowrap;
	padding:2px 0 1px 12px;
	color:#fff;
	font-size:10px;
	background:none;
}
.discover li.part { width:80px;}
.discover li a {
	text-decoration:underline;
	color:#fff;
}
.discover li a:hover { text-decoration:none;}