/* graphical style */

/* elements */
			
body {margin:auto; color: #333; background: white; text-align: justify; font-size: 80%; font-family: "Trebuchet MS", "Tahoma", "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;}
a {color: #0391dd; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
a.readmore {font-size: 75%;}
h1, h2, h3, h4, h5, h6	{margin: 0 0 1em 0; font-family: "Century Gothic", "Trebuchet MS", "Tahoma", "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #666;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: #0391dd;}
h2				{font-size: 180%;}
h3				{font-size: 160%;}
h4				{font-size: 140%;}
h5				{font-size: 120%;}
h6				{font-size: 100%;}
img				{border: none;}
p				{margin: 0 0 1em 0;}
ul				{margin: 0; padding: 0; text-align: left; list-style: inside;}
code			{font-family: "Courier New", Courier, mono;}
address			{font-style: normal; text-align: left;}
form			{ }											
form ul			{list-style: none;}
form ul li		{margin: 10px 0;}
form em			{color: red;font-style: normal}
a.readMoreExpand	{display: none;}
.loginform		{}
.loginform button	{width: 86px; height: 32px; /* image is only 27px high, but the extra height and position offset fix an alignment issue with the textbox */ padding: 0; background: url(images/searchbutton.gif) -0 -27px no-repeat; border: none; text-indent: -9999px;}
.loginform button:hover	{ background-position: -86px -27px;}
.loginform button:active{ background-position: -172px -27px; outline: none;}
.loginform input[type="text"], .loginform input[type="password"]
{	height: 19px; margin: 0 1em 0 0; padding: 3px; color: #999;border: 1px solid #999;
	-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
}
.searchform		{}
.searchform button	{
	width: 32px;
	height: 32px; /* image is only 27px high, but the extra height and position offset fix an alignment issue with the textbox */
	padding: 0;
	background: url(images/searchbutton.gif) -0 5px no-repeat;
	border: none;
	text-indent: -9999px;
}
.searchform button:hover	{ background-position: -32px 5px;}
.searchform button:active   { background-position: -64px 5px; outline: none;}
.searchform input[type="text"]	{
	height: 19px;
	margin: 0 1em 0 0;
	padding: 3px;
	color: #999;
	border: 1px solid #999;
	-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
}

/*.infobox		{margin: 0 0 5em 0; padding: 7px; font-size: 80%;background: #366; color: white; border-left: 7px solid #0391dd; background: url(images/leftpanelBG.gif) repeat-x;} */
.infobox		{margin: 0 0 5em 0; padding: 7px; font-size: 80%; /*background: #ccc;*/ background: #366; color: white; background: url(images/infobox.gif) no-repeat;
	border: 10px solid #EEEEEE;
	-moz-border-radius: 7px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 7px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 7px; 			/* CSS3-capable browsers should support this argument */
}
.affiliatelogos	{ width: 250px; text-align: center;}
.affiliatelogos img	{display: inline;}
.latestnews .article	{margin: 0 0 4em 0; }
.latestnews .article span.articledate	{font-weight: bold;}

/* named elements */

#mainwrapper	{width:950px; margin:auto;}
#header			{height: 100px; background: #eee; border-bottom: 1px solid #ccc;}
#CCNlogo		{padding: 0; margin: 0 0 0 1em; float: left; border-right: 1px solid #ccc;}
#CCNlogo h1		{height: 100px; width: 200px; margin: 0; padding: 0; background: url(images/ccnlogo.gif) center no-repeat; text-indent: -9999px;}
#lancasterlogos	{padding: 0px; margin: 0px 10px 0px 0px; float: right; }
#lancasterlogos h2#lulogo	{height: 75px; width: 122px; margin: 0 0 0 1em; padding: 0; float: right; background: url(images/lulogo.gif) center no-repeat; text-indent: -9999px;}
#lancasterlogos h2#leclogo	{height: 75px; width: 178px; margin: 0; padding: 0; float: right; background: url(images/leclogo.gif) center no-repeat; text-indent: -9999px;}
#header .loginform	{height: 100px; margin: 0; padding: 0 1em; float: left; border-right: 1px solid #ccc; border-left: 1px solid white;}
#header .searchform	{height: 100px; margin: 0; padding: 0 0 0 1em; float: left; border-left: 1px solid white; }
#header .searchform button	{margin: 27px 0 0 0; /* to align with login for bottom row */}
#mainmenu		{height: 50px; margin: 0 0 25px 0; padding: 0 0 0 3em; background: #eee; border-top: 1px solid white; border-bottom: 1px solid #999;
/*background: #336666 none repeat scroll 0 0;
border-bottom: 1px solid #114444;
border-top: 1px solid #557777;*/
}
#mainmenu ul	{list-style: none;}
#mainmenu ul li	{height: 50px; width: 100px; float: left;}
#mainmenu ul li a	{display: block; height: 40px; width: 80px; padding: 10px 0 0 20px; color: #666; font-family: "Century Gothic"; text-decoration: none;}
#mainmenu ul li a:hover	{ background: url(images/mainmenuhover.gif) repeat-x;}
#mainmenu ul li a span	{ font-size: 75%;}
#contentwrapper	{width:950px;}
/*#leftpanel {width:150px; padding: 40px 20px 0 20px; float: left; background: url(images/leftpanelBG.gif) repeat-x;} */
#leftpanel {width:150px; padding: 40px 20px 0 20px; float: left; background: url(images/CCN-left_new.gif) 0px 0px repeat-x;}
#leftpanel ul	{list-style: none outside;}
#quicklinks		{width: 150px; margin: 0 auto 5em auto;}
#quicklinks ul li	{margin: 0 0 1em 0;}
#quicklinks ul li ul	{margin-left: 1em;}
#leftpanel .latestnews		{margin: 0 0 5em 0;}
#leftpanel .latestnews .article	{font-size: 90%;}
#maincontentwrapper	{float:left; width:713px; padding-left:43px;}
#banner			{height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right; background: url(images/banner_photos/1.jpg) left no-repeat;}
#banner h1		{margin-top: 1em; text-align: right;}
#banner h1 span	{ display: block; margin-top: 1em; clear: left;	}
#centerpanel	{/*width: 50%;*/ width:713px; argin: 0 5% 2em 5%; float: left; padding:10px 0px 0px 0px;}
#inner_centerpanel	{/*width: 50%;*/ width:480px; argin: 0 5% 2em 5%; float: left; padding:10px 10px 0px 0px;}
#footer			{width:950px; padding:10px 0px 0px 0px; clear: both; border-top: 1px solid #ccc; background: #eee; font-size: 80%; text-align:center;}
#adminpanel		{position: fixed; bottom: 0; width: 100%; height: 1em; padding: 0.5em; border-top: 1px solid #999; background: #666;}
#adminpanel a	{color: #9c3;}
/* fixed header styling */
/* 
#header, #mainmenu	{
position: fixed;
width: 100%;
z-index: 1;
}
#mainmenu		{
top: 100px;
}
#contentwrapper	{
position: relative;
top: 175px;
}
#footer			{
position: relative;
top: 175px;
}
*/



/* jqModal styling */

.jqmWindow {display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px;}
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}


#banner4 {background: url(images/banner_photos/4.jpg) no-repeat; height: 214px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner4 h1		{margin-top: 1em; text-align: right;}
#banner4 h1 span	{ display: block; margin-top: 1em; clear: left;	}


#banner2 {background: url(images/banner_photos/2.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner2 h1		{margin-top: 1em; text-align: right;}
#banner2 h1 span	{ display: block; margin-top: 1em; clear: left;	}

#banner3 {background: url(images/banner_photos/3.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner3 h1		{margin-top: 1em; text-align: right;}
#banner3 h1 span	{ display: block; margin-top: 1em; clear: left;	}

#banner4 {background: url(images/banner_photos/4.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner4 h1		{margin-top: 1em; text-align: right;}
#banner4 h1 span	{ display: block; margin-top: 1em; clear: left;	}

#banner5 {background: url(images/banner_photos/5.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner5 h1		{margin-top: 1em; text-align: right;}
#banner5 h1 span	{ display: block; margin-top: 1em; clear: left;	}

#banner6 {background: url(images/banner_photos/6.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner6 h1		{margin-top: 1em; text-align: right;}
#banner6 h1 span	{ display: block; margin-top: 1em; clear: left;	}

#banner7 {background: url(images/banner_photos/7.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner7 h1		{margin-top: 1em; text-align: right;}
#banner7 h1 span	{ display: block; margin-top: 1em; clear: left;	}

#banner8 {background: url(images/banner_photos/8.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner8 h1		{margin-top: 1em; text-align: right;}
#banner8 h1 span	{ display: block; margin-top: 1em; clear: left;	}

#banner9 {background: url(images/banner_photos/9.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner9 h1		{margin-top: 1em; text-align: right;}
#banner9 h1 span	{ display: block; margin-top: 1em; clear: left;	}

#banner10 {background: url(images/banner_photos/10.jpg) no-repeat; height: 160px; width:713px; argin: 0 5% 2em 5%; float: left; clear: right;}
#banner10 h1		{margin-top: 1em; text-align: right;}
#banner10 h1 span	{ display: block; margin-top: 1em; clear: left;	}


#conversations	{}
#newconversationentryform	{
	margin-bottom: 1em;
	padding: 0 10px;
	background: #ccc;
	border: 1px solid #bbb;
	-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
}
#newconversationentryform h4	{margin: 0.5em 0 0 0; text-transform: capitalize;}
#newconversationentryform h5	{text-transform: lowercase; font-size: 75%;}
.conversationwrapper	{ margin: 0 0 3em 0; }
/* container styling for all conversation container divs */
.conversation, .conversationentry, .conversationcomments	{														
	-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
}
.conversation			{padding: 10px; background: #eee;}
.conversationtitle		{ margin: 0;}
a.post_link { color:#666666; text-decoration:none;}
a.post_link:hover{ color:#666666; text-decoration:underline;}
.conversationdate, .conversationposter	{font-size: 75%;}
.conversationentry		{ margin-top: 1em; padding: 5px 10px; border: 1px solid #ddd; background: #f8f8f8;}
.conversationentry ul	{ margin: 0 0 1em 1em; list-style-position: outside;}
.conversationcomments	{background: #ccc;}
.disabledcomments	{display: block; padding: 5px 10px;}
.expandcomments	{
	display: block; 
	padding: 5px 10px;
	background: url(images/comment_arrow_closed.gif) center right no-repeat;
	-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
}
.expandcomments:hover	{ background: #ddd url(images/comment_arrow_open.gif) center right no-repeat;	}
.expandcomments_open	{ background: #ddd url(images/comment_arrow_open.gif) center right no-repeat; }
.addcommentform	{padding: 10px;}
.comment		{margin: 0 10px; padding: 10px 0;}
.commentdate	{ }
.commentposter	{}
.commententry	{
	padding: 5px 10px;
	border: 1px solid #bbb;
	background: #ddd;
	-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
}
#pager {border-top: 1px solid #ccc;}
#rightpanel		{width:150; padding:10px 0px 0px 0px; float: left;}
#rightpanel #keithbeven	{
	width: 200px;
	margin-bottom: 1em;
	padding: 10px 10px 0 10px;
	background: #366;
	color: #ddd;
	border: 1px solid #bbb;
	-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
	font-size: 85%;
	text-align: left;
}
#keithphoto		{
	width: 200px;
	height: 300px;
	margin: auto;
	background: url(images/keithbeven.jpg) top center no-repeat;
	border: 1px solid #bbb;
}

.blogwrapper	{margin: 0 0 3em 0;}
/* container styling for all blog container divs */
.blog, .blogentry, .blogcomments
{														
-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
}
.blog			{padding: 10px; background: #eee;}
.blogtitle		{ margin: 0;}
.blogdate, .blogposter	{font-size: 75%;}
.blogentry		{margin-top: 1em; padding: 5px 10px; border: 1px solid #ddd; background: #f8f8f8;}
#events			{	}
#events br+h5, #events br+h6	{margin-top: 2em;}
#newevententryform	{ 
	margin-bottom: 1em;
	padding: 0 10px;
	background: #ccc;
	border: 1px solid #bbb;
	-moz-border-radius: 5px; 		/* Old Mozilla-engine browsers, such as Firefox pre v3.5 */
	-webkit-border-radius: 5px; 	/* Old Webkit-engine browsers, such as Safari pre v4 (v4 uses the new Nitro-engine) */
	border-radius: 5px; 			/* CSS3-capable browsers should support this argument */
}
#newevententryform li	{padding: 10px 0 0 0; clear: both;}
#newevententryform h4	{ margin: 0.5em 0 0 0; text-transform: capitalize;}
#newevententryform h5	{text-transform: lowercase; font-size: 75%;}
#about-menu a {color:#BFEEFF}