/*
	CLIG SITE STYLES
	Overrides basic Typolight XBrowser stylesheets
	
*/

/*
	BASICS
*/

body 	{
	background:#eeeeee url('bg.png') repeat-y center top;
	font-family: Verdana, sans-serif;
	font-size:8pt;
	color:#222A2C
	}
h1,h2,h3,h4,h5,h6 {color:#374548; }
h2 {font-size:12pt}
	
img	{border:0px;}
p,pre,form	{margin:0px;padding:0px;}
optgroup	{padding-top:3px;padding-bottom:3px;font-style:normal;}
a	{text-decoration:none;color:#0099ff;}
a:hover	{text-decoration:underline;}
hr {color:#eee; width:80%; margin:auto; margin-bottom:1em}


.centered, .centred, .center, .centre {text-align:center}

p.error {color:red; font-weight:bold}

input.error {border:1px solid red}

.ce_text img{
	border:1px solid #cecece;
	padding:2px;
	background-color:#fff}

.noimageborder img , img.noimageborder{
	border:0;
	padding:0px;
	background-color:transparent
}

/*
	BUGFIX
*/
.inside {position:static !important}
#main {position:static !important;}

/* 
	PAGE LAYOUT
*/

div.caption {
padding-left:3px; 
font-weight:bold; 
}

#wrapper {	
	padding-top:10px}

div#footer {
	text-align: center;
	width:380px; 
	margin:auto;
	margin-top:30px;
	margin-left:342px;
	border-top: 3px dotted #D8D4D3;
	padding-top:10px;
	padding-left:20px}

div#credits {
      margin-top:100px;
	padding-right:43px;
	text-align:right;

}

div#main {
	padding:0px 20px 20px 20px;
	}
	
div#right {padding:0 20px 20px 20px}
div#left {}
div#container {padding-top:22px }
div#Leader {
	margin-left:242px;
	padding:0px 20px 20px 20px;
	}


div#logoheader {
	margin-top:7px; 
	margin-left:29px;
	height:230px}
	
div.mod_navigation {
	position:static;
	margin-left:35px;
	margin-bottom:50px;
	width:170px;}
	
div.layout_latest {
	margin-bottom:8px
}

div#archives-sidebar {
	margin-top:50px;
	border-left: 3px dotted #D8D4D3
}

.tableform td {padding:5px}

div#left .mod_article {text-align:center}
div#left .mod_article img {border:1px solid #aaa; padding:4px; background:#fff}
/*
	RSS LINKS
*/
.rsslink {margin-left:3px}
.rsslink img {float:left; margin-right:7px}

/*
	NAVIGATION MENU
*/


.mod_navigation ul {
	border:0;
}

.mod_navigation ul.level_1{
	border-bottom:4px solid #F4F9FA;
	border-top:4px solid #F4F9FA;
	
	}
.mod_navigation ul, .mod_navigation li, .mod_navigation li.submenu, .mod_navigation .level_2 ul, .mod_navigation .level_2 li, .mod_navigation .level_2 {padding:0; margin:0}	


.mod_navigation li {
	text-align:right;
	border:0;
	}
	
.mod_navigation .submenu {
	margin:0px;}
	
.mod_navigation .level_2{border-bottom:0px; margin-right:0.5em}

.mod_navigation li.active a.active{
	padding-top:5px;
	padding-bottom:5px;
	color:#025994;
	font-weight:bold}

.mod_navigation a, .mod_navigation li.submenu a{
	display:block;
	width:95%;
	padding-top: 5px;
	padding-bottom:5px;
	padding-right:5px}
	
.mod_navigation a:link, .mod_navigation a:visited {text-decoration:none;
	background-color:transparent;}

.mod_navigation a:hover, .mod_navigation a:active{
	text-decoration:none;
	background-color:#DFECEF;
}
	
.mod_navigation a,.mod_navigation li,.mod_navigation p{color:#374548;}

/*
	
	PAGINATION NAVIGATION

*/

.pagination li{display:inline;margin:0px;padding:0px;list-style-type:none;}

.pagination{margin-top:22px;padding-top:4px;border-top:1px dotted #cecece;}

.pagination p{width:160px;float:left;padding-right:3px;padding-left:3px;text-align:left;}

.pagination ul{width:240px;float:right;margin:0px;padding:0px 3px;text-align:right;}


/*
	FOOTER LINKS

*/

#footer a {
	margin-left:10px;
	margin-right:10px}


/*
	IMAGE CAPTION STYLES
*/

img.imageheader {
	padding-bottom:10px;
	position:relative;
	background:transparent;
	border:0;
	left:-3px}

/*
	TEXT STYLES
*/

.ce_text {
	line-height:1.4
}

p {
	margin-bottom:1em;
}

/*
	MODULE STYLES
*/

/*
	LEADER WELCOME BOX
*/

#Leader p {
	font-size:110%;
	line-height:1.8
}

div#Leader img.imageheader {
	padding-bottom:15px;}

div#Leader .mod_article .ce_text img {
	
}

/*
	FRONT PAGE NEWS BOX
*/


.mod_newslist .layout_latest {
	margin-bottom:15px;
	background: url(../img/newsframe.png) repeat-y 0px 0px;
	padding:0;
	width:337px
	
}

.mod_newslist .layout_latest .news_header {
	margin:2px;
	background: transparent url(../img/newsheader.png) repeat-y top left;
	padding-left:47px;
	padding-top: 3px;
	padding-right:7px;
	margin-bottom:1px
}

.mod_newslist .layout_latest .news_body {
	background: transparent url(../img/newsframe.png) repeat-y bottom left;
	
}
.mod_newslist .layout_latest .news_body_inside{
	margin:0px 2px 0px 2px;
	padding:3px 5px 3px 5px;
	border-top:1px solid #cecece;
}

/*
	MAIN PAGE NEWS - WIDER BOXES
*/
#clig-news .mod_newslist .layout_latest {
	background: url(../img/newsframe-wide.png) repeat-y 0px 0px;
	width:390px
	
}

#clig-news .mod_newslist .layout_latest .news_header {
	background: transparent url(../img/newsheader-wide.png) repeat-y top left;
}


#clig-news .mod_newslist .layout_latest .news_body {
	background: transparent url(../img/newsframe-wide.png) repeat-y bottom left;
	
}

/*
	OTHER NEWS STYLES
*/

.info {
	color:#666;
	padding:0;
	margin:0;
	padding-bottom:3px;
	font-family: Times New Roman, Times, serif;
	font-style:italic;
	font-size:110%
	
}


.mod_newslist h4, .mod_newsreader h4{
	font-size:8.5pt;
	font-style:italic;
	font-weight:normal;
	padding:0;
	margin:0
}


/* 
	NEWS LISTING PAGE
*/

.mod_newslist .layout_short {
	margin-bottom:15px
}

.mod_newslist p.teaser {
	line-height:1.2;}
	
.mod_newslist h3 {
	margin:0; 
	font-size: 10pt;
}

.mod_newslist h2 {
	margin:0;
	font-size:140%
}


.mod_newslist p.teaser {
	margin-top:5px;
	margin-bottom:3px
}
.mod_newslist p.more {
	text-align:right;
	margin:0;
	margin-top:7px
}
.mod_newslist p.more a {
	border-top: 1px dotted #cecece;
	padding-left:1em;
	padding-top:2px;}
	
/*
	NEWS STORY PAGE
*/
.mod_newsreader .layout_full h2 {
	font-size:220%;
	margin:0;
}
.mod_newsreader .layout_full h3 {
	margin:0;
}
.mod_newsreader .layout_full p.info {
	font-size:120%;
	margin-bottom:15px;
	margin-top:4px
}


p.back {
	margin-top:10px
}
	
/*
	NEWS ARCHIVES PAGES
*/
.mod_newsmenu ul.level_1 {
	padding-left:10px;
	margin-left:0;
	list-style-type: none
}	
.mod_newsmenu ul.level_2 {
	padding-left:8px;
	font-weight:normal;
	list-style:none;
	margin-left:0;
}	
.mod_newsmenu li {
	margin-bottom:5px;
	margin-top:5px
}

.mod_newsmenu ul.level_1 li.year {
	padding-bottom:10px;
	font-weight:bold
}

.mod_newsarchive .layout_simple {
	padding: 3px 0 3px 10px;
	font-weight:bold
}

.mod_newsarchive .layout_simple span.info{
	font-size:120%;
	display:inline-block;
	width:5em;
	float:left
}
.mod_newsarchive .layout_simple a {
	padding-left:0px;
}


/*
	COMMITTEE LISTINGS AND PROFILES

*/


.mod_memberlist table td, .mod_memberlist table th{ padding:5px;padding-right:25px}
.mod_memberlist table {margin-left:20px}
.mod_memberlist table td.cligrole {font-weight:bold}


.mod_memberpage table {	margin-left:20px
}
.mod_memberpage table td {padding-bottom:10px}

.mod_memberpage img.mugshot {
	float:right; 
	border:1px solid #cecece;
	padding:2px;
	background-color:#fff}

.mod_memberpage table .left {
	vertical-align:top; 
	font-weight:bold;
	padding-right:20px}
	
.mod_memberpage .biography {
	clear:both;
	padding-top:20px;
}
.mod_memberpage h2 {
	padding:0;
	margin-bottom:0px;
	font-size:200%;}
	
.mod_memberpage h3 {
	margin-top:5px;
	padding-bottom:20px;
	font-size:130%
	}
	
.mod_personalData td {
	padding:5px;
	padding-left:0
}

.mod_login td {
	padding:5px;
	padding-left:0
}

.mod_lostPassword td {
	padding:5px;
	padding-left:0
}

/*
	DOWNLOAD RESOURCES PAGES

*/
.downloadarchivList {
	margin-top:10px
}
.downloadarchivItem .description {
	color:#666;
	padding:0;
	margin:0;
	padding-bottom:3px;
	font-family: Times New Roman, Times, serif;
	font-style:italic;
	font-size:120%;
	padding-left:22px;
	padding-top:3px;
}


/*
	ARTICLES PAGES

*/

.mod_article h1, .mod_article h2, .mod_article h3 {margin-bottom:3px}



/*
	EVENT LISTINGS
*/

.event .header {
	font-weight:bold;}

.event h2 {
	font-size:220%;
	margin:0;
}
.event h3 {
	margin:0;
}
.event p.info {
	font-size:140%;
	margin-bottom:15px;
	color:#222A2C;
	
	margin-top:4px
}

.event .time {
	font-weight:normal
}


/*.mod_upcoming_events .event .header {
	background-color:#E9F7FA;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding:1px
}*/

		
.mod_eventlist .ce_text {
	line-height:1.2}

.mod_eventlist .event {margin-bottom:0.7em}

.event .yearlist div.date {width:150px; display:block;
	padding-left:20px;float:left; clear:left;}
.event .yearlist div.date .time {font-size:10px}
.event .yearlist {
	padding-bottom:6px; 
	font-size:110%;
	color:#222A2C;}
	
.event .yearlist .eventlink  {display:block; margin-left:170px; width:400px; margin-bottom:5px}

.yearnav	{
	margin-bottom:15px; 
	text-align:center}

.yearnav .current_year {
	font-size:200%;
	margin: 0 30px 0 30px;
	font-weight:bold
	}

.newmonth h3 {
	font-size:140%;
	border-top:1px dotted #cecece;
	margin-top:20px;
	margin-bottom:5px;
}

/*
	CALENDAR STYLES
	Largely taken from the Typolight demo site
*/


table.calendar{width:100%;border-top:1px solid #cecece;border-left:1px solid #cecece;}
table.calendar .head{padding-top:4px;padding-bottom:5px;text-align:center;background-color:#f6f6f6;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
table.calendar .current{background-color:#ffffcc;}
table.calendar .label{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#bbbbbb;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;font-size:10px;color:#ffffff;}
table.calendar td{width:14%;height:72px;padding:1px;vertical-align:top;background-color:#ffffff;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
table.calendar .weekend{background-color:#f6f6f6;}
table.calendar .today{background-color:#ffffcc;}
table.calendar .empty,table.calendar .empty .header{background-color:#f6f6f6;}
table.calendar td .header{padding-bottom:2px;background-color:#e0e0e0;font-size:10px;}
table.calendar td .event a{font-size:10px;}


table.minicalendar	{
	width:100%;
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
	margin-bottom:5px}
table.minicalendar td{width:14%;padding-top:2px;padding-bottom:3px;text-align:center;background-color:#ffffff;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
table.minicalendar td,table.minicalendar .active a{font-size:10px;}
table.minicalendar .weekend{background-color:#f6f6f6;}
table.minicalendar .today{background-color:#E9F7FA;}
table.minicalendar .label{padding-top:2px;padding-bottom:3px;text-align:center;background-color:#c3c3c3;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-size:10px;color:#ffffff;}
table.minicalendar .head{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#f9f9f9;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
table.minicalendar .current{background-color:#E9F7FA;}
table.minicalendar .previous a , table.minicalendar .next a{
	width:100%; 
	display:block;
	height:100%
	}
table.minicalendar .previous a:hover , table.minicalendar .next a:hover{
	background-color:#DFECEF;
	text-decoration:none
	}