/*	
	ICSA Layout and Presentation CSS
	Author(s): M. J. Magee
	Date: 15.02.08
	Version: 1.0
	www.e-scape.co.uk
	
	Change Log:
*/

/* Standards*/
	* { margin: 0px; padding: 0px; }
	body { background: url(../img/main-bg.jpg) repeat-x #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 100%; position: relative; }
	span, hr { display: none; }
	.clear { clear: both; height: 1px; }
	
	
	
/* Main Body */
	#drop-shadow { width: 822px; background: url(../img/drop-shadow.png) repeat-y; margin: 0 auto; text-align: center; position: relative; z-index: 100; }
	#wrapper { width: 754px; min-height: 500px; background: #FFFFFF; padding: 30px 25px 0 25px; margin: 0 auto; text-align: center;  }
	
	
	
/* Header */
	#header { width: 100%; min-height: 194px; background-repeat: no-repeat; background-position: right; text-align: left; }
	#header p { position: absolute; top: 20px; right: 34px; font-size: 70%; color: #666666; }
	#header a#logo { width: 130px; height: 97px; background: url(../img/header/logo.jpg) no-repeat; position: relative; top: 0px; display: block; }
	#header #navigation { width: 754px; background: #000000; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; position: relative; top: 68px; }
	#header #navigation ul { list-style: none; font-size: 100%; }
	#header #navigation ul li { float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 83%; }	
	#header #navigation ul li a { background: url(../img/header/nav-divider.jpg) no-repeat right center #bc0000; padding: 4px 20px 6px 19px; color: #FFFFFF; text-decoration: none; border-left: 0px; display: block; }
	#header #navigation ul li.last-item a { background-image: none; }
	#header #navigation ul li a:hover, #header #navigation ul li.selected a { background: url(../img/header/nav-highlight.jpg) no-repeat bottom center #000000; padding-right: 19px; position: relative; right: 1px; border-left: 1px solid #000000; }
	#header #navigation .clear { height: 0px; }
	
	
	
/* Hack to target Safari and then fix it in Opera */
	@media screen and (-webkit-min-device-pixel-ratio:0) { #header #navigation ul li.last-item a { padding-right: 26px; } #header #navigation ul li.last-item a:hover, #header #navigation ul li.last-item.selected a { padding-right: 25px; } }
	html:first-child #header #navigation ul li.last-item a { padding-right: 20px; }
	html:first-child #header #navigation ul li.last-item a:hover, html:first-child #header #navigation ul li.last-item.selected a { padding-right: 19px; }
	
	
	
/* Header Images */
	#main #header { background: url(../img/header/header-main.jpg); }
	#achievements #header { background: url(../img/header/header-main.jpg); }
	#events #header { background: url(../img/header/header-main.jpg); }
	#training #header { background: url(../img/header/header-main.jpg); }
	#articles #header { background: url(../img/header/header-main.jpg); }
	#contact #header { background: url(../img/header/header-main.jpg); }
	
	
	
/* Content */
	#content-wrapper { width: 100%; min-height: 490px; text-align: left; }
	#content-wrapper form#searchform { margin-top: 15px; }
	#content-wrapper form#searchform input { width: 136px; height: 14px; padding: 3px 2px; margin-right: 8px; text-align: center; vertical-align: middle; font-size: 70%; color: #cccccc; border: 1px solid #7f9db9; }
	#content-wrapper form#searchform input:focus, #content-wrapper form#searchform input:hover, #content-wrapper form#searchform input.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content-wrapper form#searchform input.button { width: 53px; height: 20px; padding: 0px; border: 0px; }
	
	#container { width: 100%; background: url(../img/sidebar-bg.gif) repeat-y; margin: 25px 0 0 0; }
	
	#content { width: 538px; float: right; padding: 0 22px 0 22px; }
	#content h1 { margin: 0 0 8px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 120%; color: #000000; }
	#content h2 { margin: 20px 0 8px 0; font-size: 90%; color: #bc0000; }
	#content h2 a { color: #bc0000; text-decoration: none; }
	#content h2 a:hover { text-decoration: underline; }
	#content p, #content span { margin: 0 0 15px 0; font-size: 80%; color: #666666; display: block; }
	#content p.updated { font-size: 80%; color: #cccccc; }
	#content p a, #content span a { color: #bc0000; text-decoration: none; }
	#content p a:hover, #content span a:hover { text-decoration: underline; }
	#content ul { margin: 10px 0 10px 15px; list-style: disc; color: #666666; }
	#content ol { margin: 10px 0 10px 15px; list-style: georgian; color: #666666; }
	#content ul li, #content ol li { margin-bottom: 5px; font-size: 80%; color: #666666; }
	#content ul li a, #content ol li a { color: #bc0000; text-decoration: none; }
	#content ul li a:hover, #content ol li a:hover { text-decoration: underline; }
	#content li ul { margin: 5px 0 5px 20px; list-style: square; }
	#content li ol { margin: 5px 0 5px 20px; list-style: lower-roman; }
	#content ul li li, #content ol li li { font-size: 100%; }
	#content img { margin-bottom: 10px; }
	
	
	
/* News, Events, Articles, and Achievement Listings */
	#content .article-listing { width: 513px; background: #f6f6f6; margin: 5px auto 15px auto; padding: 10px; border: 1px solid #bfbfbf; }
	#content .article-listing:hover { background: #FFFFFF; }
	#content .article-listing h2 { margin: 0px; }
	#content .article-listing p a { color: #666666; text-decoration: none; }
	#content .article-listing p.updated { margin: 5px 0; color: #787878; font-size: 70%; }
	#content .article-listing p.read-more { margin: 8px 0 0 0; font-weight: bold; }
	#content .article-listing p.read-more a { color: #bc0000; text-decoration: none; }
	#content .article-listing p.read-more a:hover { text-decoration: underline; }
	#content .pagination { margin: 20px 0 10px 0; }
	#content .pagination p { font-size: 70%; }
	#content .pagination ul { width: 100%; margin: 0 auto; text-align: center; font-size: 100%; list-style: none; }
	#content .pagination ul li { margin: 0 8px 0 0; float: left; font-size: 70%; }
	#content .pagination ul li a { width: 20px; background: #f6f6f6; padding: 5px 3px; color: #666666; text-decoration: none; vertical-align: middle; border: 1px solid #bfbfbf; display: block; }
	#content .pagination ul li a:hover { background: #FFFFFF; color: #bc0000; }
	#content .pagination ul li.current { width: 20px; background: #f6f6f6; padding: 5px 0; color: #666666; font-weight: bold; vertical-align: middle; }
	
	
	
/* Article Page */
	#content ul.prev-next { margin: 10px 0 0 0; list-style: none; }
	#content ul.prev-next li { float: left; margin: 0 12px 0 0; }
	#content p.article-buttons { margin: 15px 0 0 0; }
	#content p.article-buttons a { margin-right: 8px; }
	
	
	
/* Submit an Article */
	#content #submit-article dl { width: 100%; }
	#content #submit-article dl dt { clear: left; width: 120px; margin: 3px 0 0 0; float: left; font-size: 80%; color: #666666; }
	#content #submit-article dl dd { float: left; width: 418px; margin: 0 0 8px 0; }
	#content #submit-article dl dd input { width: 412px; height: 16px; margin-bottom: 8px; padding: 3px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; border: 1px solid #7f9db9; }
	#content #submit-article dl dd input:focus, #content #submit-article dl dd input:hover, #content #submit-article dl dd input.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content #submit-article dl dd textarea { width: 412px; height: 150px; padding: 3px 2px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; border: 1px solid #7f9db9; }
	#content #submit-article dl dd textarea:focus, #content #submit-article dl dd textarea:hover, #content #submit-article dl dd textarea.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content #submit-article .button { width: auto; height: auto; margin: 8px 0 5px 120px; padding: 3px; display: inline; cursor: pointer; }
	
	
	
/* Search Results */
	#content span.ajaxSearch_highlight { display: inline; font-weight: bold; }
	#content p#results { margin-bottom: 15px; }
	#content ul.ajaxSearch_paging { width: 100%; margin: 15px auto 0 auto; text-align: center; font-size: 100%; list-style: none; }
	#content ul.ajaxSearch_paging li { margin: 0 8px 0 0; float: left; font-size: 70%; }
	#content ul.ajaxSearch_paging li a { width: 20px; background: #f6f6f6; padding: 5px 3px; color: #666666; text-decoration: none; vertical-align: middle; border: 1px solid #bfbfbf; display: block; }
	#content ul.ajaxSearch_paging li a:hover { background: #FFFFFF; color: #bc0000; }
	#content ul.ajaxSearch_paging li.current, #content .pagination ul li.current { width: 20px; background: none; padding: 5px 0; color: #666666; font-weight: bold; vertical-align: middle; }
	#content dl dt { margin: 0 0 5px 0; }
	#content dl dt a { font-size: 90%; color: #bc0000; font-weight: bold; text-decoration: none; }
	#content dl dt a:hover { text-decoration: underline; }
	#content dl dd { margin: 0 0 10px 0; font-size: 80%; color: #666666; }
	#content dl dd span.ajaxSearch_highlight { background: #cccccc; padding: 2px 3px; }
	
	

/* Meet the Council */
	#content .member { width: 513px; background: #f6f6f6; margin: 5px auto 15px auto; padding: 10px; border: 1px solid #bfbfbf; }
	#content .member:hover { background: #FFFFFF; }
	#content .member h2 { margin: 0px; }
	#content .member img { min-width: 150px; max-width: 150px; float: left; margin: 0 10px 0 0; }
	#content .member p { margin: 5px 0 0 0; }
	
	

/* Contact Us */
	#content div.errors { margin-bottom: 10px; font-size: 80%; color: #bc0000; }
	#content #contact-form dl { width: 100%; }
	#content #contact-form dl dt { clear: left; width: 150px; margin: 3px 0 0 0; float: left; font-size: 80%; color: #666666; }
	#content #contact-form dl dd { float: left; width: 220px; margin: 0 0 8px 0; }
	#content #contact-form dl dd input { width: 200px; height: 16px; padding: 3px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; border: 1px solid #7f9db9; }
	#content #contact-form dl dd input:focus, #content #contact-form dl dd input:hover, #content #contact-form dl dd input.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content #contact-form dl dd textarea { width: 200px; height: 150px; padding: 3px 2px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; border: 1px solid #7f9db9; }
	#content #contact-form dl dd textarea:focus, #content #contact-form dl dd textarea:hover, #content #contact-form dl dd textarea.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content #contact-form input.button { margin-left: 150px; }
	
	
	
/* Blog */
	#content .blog-post { width: 513px; background: #f6f6f6; margin: 5px auto 15px auto; padding: 10px; border: 1px solid #bfbfbf; }
	#content .blog-post:hover { background: #FFFFFF; }
	#content .blog-post h2 { margin: 0px; }
	#content .blog-post p a { color: #666666; text-decoration: none; }
	#content .blog-post p a:hover { text-decoration: none; }
	#content .blog-post p.author { margin: 5px 0; color: #787878; font-size: 70%; }
	#content .blog-post p.read-more { margin: 8px 0 0 0; font-weight: bold; }
	#content .blog-post p.read-more a, #content .blog-post .taglinks a { color: #bc0000; text-decoration: none; font-style: normal; }
	#content .blog-post p.read-more a:hover, #content .blog-post .taglinks a:hover { text-decoration: underline; }
	#content .blog-post .taglinks { margin: 8px 0; color: #787878; font-size: 70%; font-style: italic; }
	#content .blog-post p.comments { margin: 0px; color: #787878; font-size: 70%; font-style: italic; }
	#content .blog-post p.comments a { color: #787878; text-decoration: none; }
	#content .blog-post p.comments a:hover { text-decoration: underline; }
	#content p.italicblue {font-size:70%; font-style:italic; color:#0033CC;}
	
	

/* Blog Comments */
	#content #blog-comments-wrapper { width: 100%; margin: 15px auto; padding: 15px 0 5px 0; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
	#content #blog-comments-wrapper dl { width: 513px; background: #f6f6f6; margin: 5px auto 15px auto; padding: 10px; font-size: 100%; border: 1px solid #bfbfbf; }
	#content #blog-comments-wrapper dl:hover { background: #FFFFFF; }
	#content #blog-comments-wrapper dl dt { font-size: 70%; color: #bc0000; font-weight: bold; position: relative; display: block; }
	#content #blog-comments-wrapper dl dt span { font-size: 90%; color: #666666; font-weight: normal; font-style: italic; position: absolute; right: 0px; display: inline; }
	#content #blog-comments-wrapper dl dd div { font-size: 80%; color: #666666; }
	#content #post-comment dl { width: 100%; }
	#content #post-comment dl dt { clear: left; width: 150px; margin: 3px 0 0 0; float: left; font-size: 80%; color: #666666; }
	#content #post-comment dl dd { float: left; width: 205px; margin: 0 0 8px 0; }
	#content #post-comment dl dd textarea { width: 200px; height: 150px; padding: 3px 2px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; border: 1px solid #7f9db9; }
	#content #post-comment dl dd textarea:focus, #content #post-comment dl dd textarea:hover, #content #post-comment dl dd textarea.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content #post-comment input.button { margin-left: 150px; }
	#content p.error { color: #bc0000; font-weight: bold; }
	#content p.confirm { font-weight: bold; }
	#content p.delete { float: right; }
	
	
	
/* Registration and Edit Profile */
	#content #wlpeRegisterForm .wlpeMessageText, #content #wlpeUserProfileForm .wlpeMessageText { color: #bc0000; }
	#content #wlpeRegisterForm dl, #content #wlpeUserProfileForm dl { width: 100%; }
	#content #wlpeRegisterForm dl dt, #content #wlpeUserProfileForm dl dt { clear: left; width: 150px; margin: 3px 0 0 0; float: left; font-size: 80%; color: #666666; }
	#content #wlpeRegisterForm dl dd, #content #wlpeUserProfileForm dl dd { float: left; }
	#content #wlpeRegisterForm dl dd input, #content #wlpeUserProfileForm dl dd input { width: 200px; height: 16px; padding: 3px 2px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; border: 1px solid #7f9db9; }
	#content #wlpeRegisterForm dl dd input:focus, #content #wlpeRegisterForm dl dd input:hover, #content #wlpeRegisterForm dl dd input.onfocus, #content #wlpeUserProfileForm dl dd input:focus, #content #wlpeUserProfileForm dl dd input:hover, #content #wlpeUserProfileForm dl dd input.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content #wlpeRegisterForm dl dd select, #content #wlpeUserProfileForm dl dd select { width: 205px; height: 20px; padding: 2px 2px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; border: 1px solid #7f9db9; }
	#content #wlpeRegisterForm dl dd select:focus, #content #wlpeRegisterForm dl dd select:hover, #content #wlpeRegisterForm dl dd select.onfocus, #content #wlpeUserProfileForm dl dd select:focus, #content #wlpeUserProfileForm dl dd select:hover, #content #wlpeUserProfileForm dl dd select.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content #wlpeRegisterForm dl dd textarea, #content #wlpeUserProfileForm dl dd textarea { width: 200px; height: 150px; padding: 3px 2px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; border: 1px solid #7f9db9; }
	#content #wlpeRegisterForm dl dd textarea:focus, #content #wlpeRegisterForm dl dd textarea:hover, #content #wlpeRegisterForm dl dd textarea.onfocus, #content #wlpeUserProfileForm dl dd textarea:focus, #content #wlpeUserProfileForm dl dd textarea:hover, #content #wlpeUserProfileForm dl dd textarea.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#content #wlpeRegisterForm button { margin-left: 150px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer; }
	#content #wlpeUserProfileForm p.button { margin-left: 150px; }
	#content #wlpeUserProfileForm p.button button { width: auto; height: auto; margin-right: 8px; padding: 3px; display: inline; cursor: pointer; }
	


/* Profile */
	#loggedin-profile h2 { margin: 40px 0 0 0; }
	#loggedin-profile dl { width: 100%; }
	#loggedin-profile dl dt { clear: left; width: 200px; margin: 20px 0 0 0; float: left; font-size: 80%; color: #666666; font-weight: bold; }
	#loggedin-profile dl dd { width: 300px; margin: 20px 0 0 0; float: left; font-size: 80%; color: #666666; }
	#loggedin-profile p.button { margin: 10px 0 0 0; text-align: right; }
	#loggedin-profile p.button a { margin-left: 8px; }
	
	
	
/* Sidebar */
	#sidebar { width: 155px; float: left; position: relative; z-index: 20; }
	#sidebar h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 110%; color: #000000; }
	#sidebar h2 a { color: #000000; text-decoration: none; }
	#sidebar h2 a:hover { text-decoration: underline; }
	#sidebar dl dt { margin: 15px 0 5px 0; font-size: 75%; color: #bc0000; }
	#sidebar dl dd { font-size: 75%; color: #666666; }
	#sidebar dl dd a { color: #666666; text-decoration: none; }
	#sidebar dl dd a:hover { text-decoration: underline; }
	#sidebar dl dd.more { margin: 5px 0 15px 0; color: #bc0000; }
	#sidebar dl dd.more a { color: #bc0000; }
	#sidebar .div { width: 100%; height: 1px; margin: 14px 0; border-bottom: 1px dotted #a5a5a5; }
	#sidebar p.seminar-button { margin: 10px auto; text-align: center; }
	#sidebar ul { margin: 5px 0 15px 15px; list-style: disc; }
	#sidebar ul li { font-size: 75%; color: #666666; }
	#sidebar ul li a { color: #666666; text-decoration: none; }
	#sidebar ul li a:hover { text-decoration: underline; }
	
	
	
/* Log In */
	#sidebar #forgot { padding-bottom: 16px; }
	#sidebar #login h2 { margin: 0 0 15px 0; color: #bc0000; }
	#sidebar #forgot h2 { margin: 0 0 5px 0; color: #bc0000; }
	#sidebar #login input, #sidebar #forgot input { width: 136px; height: 14px; padding: 3px 2px; margin: 0 0 8px 0; vertical-align: middle; font-size: 70%; color: #cccccc; border: 1px solid #7f9db9; }
	#sidebar #login input:focus, #sidebar #login input:hover, #sidebar #login input.onfocus, #sidebar #forgot input:focus, #sidebar #forgot input:hover, #sidebar #forgot input.onfocus { color: #4e4e4e; border-color: #144b7f; }
	#sidebar #login input.button, #sidebar #forgot input.button { width: 53px; height: 20px; border: 0px; }
	#sidebar #login p, #sidebar #forgot p  { margin: 0 0 3px 0; font-size: 70%; color: #666666; }
	#sidebar #forgot p { margin-bottom: 10px; }
	#sidebar #login p a { color: #bc0000; text-decoration: none; }
	#sidebar #login p a:hover { text-decoration: underline; }
	#sidebar #login p#register { background: url(../img/icons/register.jpg) no-repeat bottom right; padding: 0 35px 0 0; margin: 6px 0 0 0; }
	
	
	
/* Logged In */
	#sidebar #mini-profile h2 { margin: 0 0 5px 0; color: #bc0000; }
	#sidebar #mini-profile h2 a { color: #bc0000; }
	#sidebar #mini-profile p { margin: 0 0 10px 0; font-size: 75%; color: #666666; }
	#sidebar #mini-profile p a { color: #bc0000; text-decoration: none; }
	#sidebar #mini-profile p a:hover { text-decoration: underline; }
	#sidebar #mini-profile p.button { text-align: right; }
	
	
	
/* Footer */
	#footer { width: 754px; min-height: 60px; background: #FFFFFF; padding: 20px 25px 0 25px; margin: 0 auto; text-align: center; }
	#footer ul { width: 100%; background: #000000; list-style: none; height: 25px; vertical-align: middle; }
	#footer ul li { line-height: 25px; padding: 8px 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 70%; display: inline; }
	#footer ul li a { color: #FFFFFF; text-decoration: none; vertical-align: middle; }
	#footer ul li a:hover { text-decoration: underline; }
	#footer-shadow { width: 100%; height: 67px; background: url(../img/footer-bg.gif) repeat-x; margin: 0 auto; text-align: center; position: absolute; bottom: 35px; z-index: 1; }