/* 
  ------------------------------------------------
  Mastertemplate Main Stylesheet
  KENYA MUSEUM SOCIETY (KMS)
  Copyright (c) 2009 artKenya.net
  www.artkenya.net
  main.css
  ------------------------------------------------
*/

html, body {
		margin:0;
		padding:0;
		height:100%;
	}
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background-color: #ddd/*#800000*/;
	background-image: url("../images/bg.jpg");
	background-repeat:repeat-x;
	text-align: center;
}
/********************************************** GENERAL STYLES ************************************************/
body, p, ul, li, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
}
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0 30px;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
p {
	margin: 8px 0px;	
}
a {
	color:#800000;
}
a:hover {
	color:#333;
	text-decoration:none;
}
p .p7uberlink {
	text-decoration: none!important;
	color: #999;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 22px;
	color:  #666/*#800000*/;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000;
	font-size: 20px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 4px solid #ddd;
}
h3 {
	margin: 15px 0px;
	padding-bottom: 0px;
	color: #999;
	font-size: 20px;
	border-bottom: 0px solid #800000;
}
h4 {
	margin-top: 25px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #c10000;
	font-size: 13px;
	border-top: 1px dotted #999;
}
.headersecond {
	clear: both;
	padding-top: 30px!important;
}
.advertheader {
	margin: 0;
	padding: 10px 0px;
	font-size: 18px;
	color: #999;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;	
}
.smalltext {
	font-size: 90%;	
}
.largetext {
	font-size: 140%;	
}
.verylargetext {
	font-size: 150%	
}
.lighttext {
	color: #999;	
}
.red {
	color: #C00;	
}
.fakelink {
	font-size: 90%;
	font-weight: normal;
	color: #990000;	
}
a img {
	border: none;
}
.imageleft {
	float: left;
	margin: 4px 15px 5px 0px;
}
.imageright {
	float: right;
	margin: 4px 0px 5px 15px;
}
.imageborder {
	border: 1px solid #999;
	padding: 1px;
}
.clearfloat {
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.floatleft {
	float: left;
	margin: 4px 12px 10px 0px;
}
.floatright {
	float: right;
	width: auto;
	margin-left: 12px;
}
.announcement {
	background-image: none;
	background-color:#ddd /*#FFC*/!important;	
	padding: 15px;
	border: 2px dotted #880000;
	text-align: center;
	color: #fff;
}
.center {
	text-align: center;
	margin: 0 auto;
}
.printbutton {
	float: right;
	width: auto;
	margin: 0px 18px 0px 0px;
	padding: 5px 15px;
	border-top: 1px solid #eee;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #eee;
			}
table {
	margin: 12px 12px;	
}
table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #efefef;
	margin: 0px 1px 1px 1px;
	padding: 3px;
	line-height: 100%;
}
table td p {
	margin: 0;
	padding: 0;
	line-height: 130%;	
}
table td.right{
	text-align: right;
}
table th {
	background-color: #ccc;
	margin: 0px 1px 1px 1px;
	padding: 3px;
	line-height: 100%;
	text-align: center;
}
.divider {
	border-top: 1px dotted #999;
	padding-top: 12px;
}
.padding {
	padding: 20px;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
embed, object{
text-align: center;
}
.centeredflash {
	margin:0 auto; 
	text-align:center;
	}
.nopadding {
	padding: 0;	
}
.nomargin {
	margin: 0;	
}
/********************************************** LAYOUT STYLES ************************************************/
#container {
	width: 1000px;
	position:relative;
	margin: 0px auto;
	padding: 0 15px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	}
[if lt IE 7]>
	#container {
		height:100%;
	}
/* ~~ These are the columns for the layout. ~~ 
If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
*/
.sidebar1 {
	float: right;
	width: 240px;
	background: #fff;
	padding: 15px 0px 10px 0px;
}
.content {
	padding: 30px 0 0px 0px;
	width: 740px;
	float: left;
}
.sidebar1 ul, .sidebar1 ol { 
	margin: 0px 0px 0px 0px;
	padding: 0 15px 5px 30px; 
}

/* Header styles */
#header {
	position: relative;
	clear:both;
	float:left;
	width: 1000px;
	height: 100px;
	padding:0px;
	background-color: #ffffff;
	background-image: url("../images/banner.jpg");
	background-repeat:no-repeat;
	}
#header #logo{
	display: none;
	position: relative;
	top: 10px;
	left: 10px;
	z-index: 1000;
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	background-color: #ddd;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
#submenu {
	position: absolute;
	right: 0px;
	top: 55px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 85%;
	background-color: transparent;
}
#submenu ul{
	margin: 0;
	padding: 0;
	list-style:none;
	color: #666;
	text-transform:uppercase;
}
#submenu li{
	display: inline;
	padding-left: 10px;
}

/* 'top menu */
#topmenu {
	clear:both;
	height: auto;
	background:#ddd;
	text-align:left;
}
#breadcrumbs {
	display: none;
	clear:both;
	background:#fff;
	margin:0;
	padding:10px 15px !important;
	font-size: 80%;
}
#banner {
	width: 1000px;
	height: auto;
}
#body {
		padding:0px 0px;   /* Give this style a left/right padding if you like */
		padding-bottom:0px;	/* Height of the footer */
	}

/* Footer styles */
#footer {
	bottom:0;
	clear:both;
	float:left;
	width:100%;
	height:60px;			/* Height of the footer */
	background:#fff;
	border-top:1px solid #666;
}
#footer p {
	padding:10px;
	margin:0;
	font-size: 11px;
	color: #666666;
}
#footer .left {
	float: left;
	mind-width: 100px;
	}
#footer .right {
	float: right;
	mind-width: 100px;
	text-align: right;
	}
#outsidefooter {
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;	
	font-size: 10px;
	color: #666666;
}
#sprytooltip1, #sprytooltip2, #sprytooltip3, #sprytooltip4, #sprytooltip5, #sprytooltip6, #sprytooltip7 {
	width: 400px;
	height: auto;
	padding: 10px;
	background-color: #fff;
	border: 2px dotted #990000;	
}
#sprytrigger1, #sprytrigger2, #sprytrigger3, #sprytrigger4, #sprytrigger5, #sprytrigger6, #sprytrigger7 {
	border-bottom: 1px dotted #990000;	
}

/************************************************* BOXES *********************************************/
.box {
	margin: 15px 0px;
	padding: 10px;
	border: 1px solid #ddd;
	background-image: url("../images/bg_box.jpg");
	background-position: bottom;
	background-repeat:repeat-x;
	line-height: 150%;
	color: #000;
}
.box h2 {
	display: block;
	background-color: #800000;
	background-image: url(../p7tbm/img/aurora_menutile.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin: 0 0 12px 0;
	padding: 5px 0px 8px 5px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border: none;
}
.col2 .box {
	background-color: #fff;
	margin: 5px 0px;
	font-size: 90%;
	color: #333333;
}

.boxwrapper {
	margin: 25px 0px;
	background-image: url("../images/bg_box.jpg");
	background-position: bottom;
	background-repeat:repeat-x;	
}

.one_half, .one_third, .two_third, .one_fourth, .three_fourth {
    float: left;
    margin-right: 1%;
    position: relative;
}
.one_half {
    width: 48%;
}
.one_third {
    width: 32.66%;
}
.two_third {
    width: 66%;
}
.one_fourth {
    width: 23.5%;
}
.three_fourth {
    width: 74.5%;
}
.last {
    clear: right;
    margin-right: 0 !important;
	border: none;
}