/* Home & Global Sturcture */
body{
	background: #868686;
}

div.inner-wrap{
	width: 960px;
	margin: 0 auto;
	padding: 0 160px 0 160px;
	position: relative;
}

div#header{
	width: 100%;
	height: 187px;
	border-bottom: 3px solid #919191;
	background: url(../images/header.jpg) 0 0 no-repeat;
}

div#header div.inner-wrap{
	height: 147px;
	padding-top: 40px;
}


div#content{
	width: 100%;
	background: url(../images/content-bg.jpg) #ffffff 0 0 repeat-x;
	border-bottom: 3px solid #919191;
	overflow: hidden;
	padding-bottom: 20px;
}

div#footer{
	color: #cfcfcf !important;
	padding: 6px 0 0 0;
}

div#footer div.fr{
	text-align: right;
}

div#footer a{
	text-decoration: underline;
}

div#footer a, div#footer p{
	color: #cfcfcf !important;
}

div#footer a:hover{
	color: #ffffff !important;
}

h1.logo a{
	display: block;
	width: 329px;
	height: 95px;
	background: transparent url(../images/logo.png) 0 0 no-repeat;
	text-indent: -999px;
	overflow: hidden;
}

h1.slogan{
	width: 488px;
	height: 46px;
	background: transparent url(../images/slogan.png) 0 0 no-repeat;
	text-indent: -999px;
	overflow: hidden;
	position: absolute;
	bottom: 22px;
	right: 186px;
}

p.subtitle{
	font-size: 10px !important;
	line-height: 12px !important;
}

ul.navigation{
	display: block;
	position: absolute;
	bottom: 90px;
	left: 526px;
}

ul.navigation li{
	float: left;
	margin: 0 16px 0 0;
}

ul.navigation li a{
	display: block;
	float: left;
	color: #008aa5;
	padding: 5px 10px 5px 10px;
	font-size: 16px;
	font-weight: bold;
}

ul.navigation li a:hover, ul.navigation li a.current{
	border: 1px solid #d21242;
	background: #d21242;
	color: #fff;
	padding: 4px 9px 4px 9px;
}


div#intro{
	float: left;
	position: relative;
	padding: 40px 0 40px 0;
}

div#intro div#featured-img{
	background: transparent url(../images/img-frame.png) 0 0 no-repeat;
	width: 362px;
	height: 238px;
	padding: 10px;
	float: left;
	position: relative;
	display: inline;
	margin-right: 40px;
}


div#intro div#featured-text h2{
	margin-top: 4px;
	margin-bottom: 12px;
}

div#intro div#featured-text p{
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 12px;
}

div#sub-intro{
	width: 960px;
	height: 360px;
	float: left;
	position: relative;
	padding: 0 0 10px 0;
}

div#sub-intro div.alpha{
	width: 224px;
	height: 360px;
	float: left;
	position: relative;
	padding-right: 20px;
}

div#sub-intro div.middle{
	width: 224px;
	height: 360px;
	float: left;
	position: relative;
	padding-right: 20px;
}

div#sub-intro div.omega{
	width: 224px;
	height: 360px;
	float: left;
	position: relative;
}

div#sub-intro{
	width: 960px;
	height: 360px;
	float: left;
	position: relative;
	padding: 0 0 10px 0;
}

div#subpage-intro div.alpha{
	width: 224px;
	height: 360px;
	float: left;
	position: relative;
	padding-right: 20px;
	margin: 0 0 20px 0;
}

div#subpage-intro div.omega{
	width: 224px;
	height: 360px;
	float: left;
	position: relative;
	margin: 0 0 20px 0;
}

div#subpage-intro div.resource{
	width: 206px;
	height: 344px;
	background: #e8e9ea;
	border: 1px solid #e8e9ea;
	padding: 8px;
}

div#subpage-intro div.resource p{
	font-size: 12px;
	line-height: 22px;
}

div#subpage-intro div.resource img{
	border: 3px solid #919191;
	margin: 0 0 10px 0;
}


div#subpage-intro div.resource a.button{
	position: absolute;
	bottom: 12px;
	left: 8px;
}

div#sub-intro div.resource{
	width: 206px;
	height: 344px;
	background: #e8e9ea;
	border: 1px solid #e8e9ea;
	padding: 8px;
}

div#sub-intro div.resource p{
	font-size: 12px;
	line-height: 22px;
}

div#sub-intro div.resource img{
	border: 3px solid #919191;
	margin: 0 0 10px 0;
}


div#sub-intro div.resource a.button{
	position: absolute;
	bottom: 12px;
	left: 8px;
}

a.button{ display: block; text-decoration: none; overflow: hidden; color: #fff; line-height:35px; text-indent:22px; font-size: 14px;}
a.button:hover{ color: #EFEFEF; }

a.button.orange{ width: 120px; height: 35px; background: transparent url(../images/btn-orange.png) 0 0 no-repeat;}
a.button.blue{ width: 121px; height: 35px; background: transparent url(../images/btn-blue.png) 0 0 no-repeat;}
a.button.green{ width: 121px; height: 35px; background: transparent url(../images/btn-green.png) 0 0 no-repeat;}
a.button.lblue{ width: 121px; height: 34px; background: transparent url(../images/btn-lblue.png) 0 0 no-repeat; text-indent: 26px;}
a.button.purple{ width: 120px; height: 35px; background: transparent url(../images/btn-purple.png) 0 0 no-repeat;}

/* Sub-Page Structure (with sub-nav)*/
div#sub-nav{
	width: 209px;
	height: 642px;
	background: url(../images/subnav-bg.jpg) 0 0 no-repeat;
	padding: 40px 0 40px 10px;
	float: left;
	position: relative;
	margin-right: 40px;
	display: inline;
}

div#sub-nav ul{
	
}

div#sub-nav li{
	padding: 0 0 0 18px;
	background: none;
	margin-bottom: 6px;
}

div#sub-nav li.current, div#sub-nav li:hover{
	background: transparent url(../images/arrow.png) 0 0 no-repeat;
}


div#sub-nav a{
	font-size: 15px;
	font-weight: bold;
}


div#sub-nav a:hover{
	color: #000;
}

div#sub-content{
	float: left;
	position: relative;
	width: 700px;
	padding: 32px 0 0 0;
}

div#sub-content ul{
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}

div#sub-content li{
	list-style: disc;
	margin: 0 0 10px 0;
}

div#sub-content img{
	float: right;
	border: 4px solid #fff;
	margin: 0 0 10px 10px;
}

div#sub-content h1{
	font-size: 36px;
	color: #d21242;		
	font-family: "Trebuchet MS", Georgia, serif;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

div#content div#sub-content p{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}

/* Sub-Page Structure (withOUT sub-nav)*/
div#inner-content{
	float: left;
	position: relative;
	padding-top: 40px;
}

div#inner-content div.alpha{
	float: left;
	padding-right: 40px;
	width: 460px;
}

div#inner-content div.omega{
	float: left;
	width: 460px;
}

div#inner-content h1{
	font-size: 36px;
	color: #d21242;		
	font-family: "Trebuchet MS", Georgia, serif;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

div#inner-content p{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}

div#inner-content img{
	border: 4px solid #fff;
	margin-top: 16px;
}

/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: silver;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

.upcoming-meeting {
	font-size:18px;
	color:#000000;
}

.calendar-prev a:link, .calendar-prev a:visited, .calendar-next a:link, .calendar-next a:visited {
	color:#008aa5;
	text-decoration:none;
	font-size:15px;
}

.calendar-prev a:hover, .calendar-prev a:active, .calendar-next a:hover, .calendar-next a:active {
	color:#d21242;
	text-decoration:underline;
}

.jad-calendar-event {
	margin:0px;
	padding:0px;
}

.jad-calendar-event h2 {
	font-size:18px;
	line-height:0px;
	margin:0px;
	padding:0px;
	color:#000000;
}

.jad-calendar-date-from {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#d21242;
	font-weight:bold;
	line-height:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.jad-calendar-date-from span {
	color:#555555;
}

.jad-calendar-summary {
	margin:0px;
	padding-bottom:20px;
	font-size:14px;
	color:#d21242;
	font-weight:bold;
	line-height:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #dbdbdb;
}

.jad-calendar-summary span {
	color:#555555;
}

.jad-calendar-details {
	margin:0px;
	padding-bottom:20px;
	font-size:14px;
	color:#555555;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #dbdbdb;
}

.jad-calendar-details span {
	display:none;
}