/*
  CSS Framework v.2.5

  Author: Kamil Kuczmera 
  E-mail: kamil@kuczmera.com
  Modification: 27.03.2010
*/

/* Global reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
input,button{overflow:visible}strong{font-weight:bold}em{font-style:normal}button{cursor:pointer}

/* Default classes */
.margin-top{margin-top:15px}.margin-bottom{margin-bottom:15px}.margin-left{margin-left:15px}.margin-right{margin-right:15px}
.left{float:left}.right{float: right}.clear{clear:both}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.middle{vertical-align:middle}

/* Basic selectors styles */
h3 { font: bold 18px Arial, sans-serif; color: #413D3D; margin-bottom: 15px; }
h4 { font: bold 12px Arial, sans-serif; margin-bottom: 15px; }
h5 { font: bold 11px Arial, sans-serif; margin-bottom: 15px; }
p { margin-bottom: 15px; }

a { color: #6e0201; text-decoration: underline; outline: none; cursor: pointer }
a:hover { text-decoration: none; }

body {
	font: 11px/180% Arial, Tahoma, Helvetica, sans-serif;
	color: #2E2E2E;
	background: #fff url(body.gif) repeat-x;
	padding: 40px 0;
}	

/* Container
---------------------------------------------- */
#container { width: 960px; margin: 0 auto; background: url(container.gif) right 0 repeat-y;  }	
	
	
	/* Header
	---------------------------------------------- */
	#header { position: relative; height: 240px; background: url(header.png) no-repeat; }	
		
		/* Logo */
		#header h1 a, #header h2, #header h3 { position: absolute; left: 35px; background: url(slogan.png?1) no-repeat; text-indent: -999999px; }
		#header h1 { position: absolute; left: 35px; top: 25px; width: 220px; height: 35px; }
		#header h1 a { position: static; display: block; height: 100%; }
		#header h1 a:hover { margin-top: 2px; }
		#header h2 { width: 415px; height: 43px; top: 80px; background-position: 0 -57px; }
		#header h3 { width: 415px; height: 24px; top: 135px; background-position: 0 -113px; }
		
		/* Menu */	
		#menu { position: absolute; width: 670px; height: 60px; bottom: 0; left: 0; background: url(menu.gif?2) no-repeat; z-index: 15; }
		#menu li { float: left; height: 60px; border-right: 1px solid #6a0909; }
		#menu .last { border: 0; }
		#menu a { float: left; height: 17px; margin: 23px 25px 0; text-decoration: none; line-height: 0; background: url(menu.gif) no-repeat; text-indent: -999999px; }	
		#menu a:hover { margin-top: 25px; }
		#menu .item1 { width: 30px; background-position: 0 -60px; }
		#menu .item2 { width: 76px; background-position: 0 -77px; }
		#menu .item3 { width: 106px; background-position: 0 -94px; }
		#menu .item4 { width: 70px; background-position: 0 -111px; }
		#menu .item5 { width: 38px; background-position: 0 -128px; }
		#menu .item6 { width: 45px; background-position: 0 -145px; }
		
		/* Flash */
		#flash { position: absolute; width: 440px; height: 240px; right: 0; top: 0; z-index: 5; text-align: center; line-height: 240px; color: #fff;}
		#flash .inactive {display:none;}

	/* Content
	---------------------------------------------- */
	#content { float: left; width: 615px; padding: 20px; }
	#content p, #content p *, #content ul * {font-size:12px;}
	
	#content ul { margin-bottom: 15px;}
	#content ul li { padding-left: 35px; background: url(ul-li.gif) 15px 6px no-repeat; line-height:16px; margin-bottom:5px;}
	#content ul.stroke li {margin-bottom:13px;}
	#content ul.stroke li b {font-size:14px;}
	
	#content h3 {font-size:19px; margin-bottom:20px;}
	#content h4 {margin-bottom:7px;}
	#content h4.margin-bottom {margin-bottom:15px;} 
	
	#content .no-padding {padding:0; margin:0 0 10px;}
	#content .fn { display:none; }

	#content address { font-style: normal; }
	#content address * { font-size:12px; }

	/* Link */
		.link, .link strong { float: left; height: 29px; line-height: 29px; background: url(link.gif) no-repeat; }
		.link { color: #fff; padding-left: 8px; font-size: 12px; text-decoration: none; }
		.link strong { padding: 0 15px 0 7px; background-position: right bottom; }
	
	/* Sidebar
	---------------------------------------------- */
	#sidebar { float: right; width: 290px; }
	
		/* Courses */
		.courses { overflow: hidden; height: 100%; padding: 20px; margin-bottom: 15px; border-bottom: 1px solid #dcdcdc; background: url(sidebar.gif) repeat-y; }
		.courses h3 { color: #710201; }
		.courses p {font-size:12px;}
		.courses .link { float: right; }
		
		/* Contact */
		.contact { padding: 0 20px 10px; }
		.contact a { color: #4d4d4d; font-weight: bold; }
		.contact address { font-style: normal; }
		.contact .separator { display:block; height:7px; overflow:hidden; }
		.contact .fn { display:none; }
		.contact .org { color: #710201; }
		#sidebar h4 { height: 58px; padding-left: 60px; line-height: 50px; font-size: 24px; font-weight: normal; background: url(contact.gif) no-repeat; }
	

	/* Footer
	---------------------------------------------- */	
	#footer { clear: both; height: 60px; padding: 8px 20px 0; line-height: 60px; color: #6d6755; background: url(footer.gif) no-repeat; }
	#footer a { text-decoration: none; }
	#footer a:hover { text-decoration: underline; }