/* General styles */
body {
    margin:auto;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:950px;
    background:#fff url(../images/background.jpg);
}
/* Search box */
#search{
	background: transparent;
	padding:5px 5px 0 0;
	color:#666;
}
#search input.text{
  border:1px solid #aaa;
  background: #fff url(../images/search-icon.png) no-repeat left;
  padding-left: 20px;
  width:150px;
  margin-bottom: 10px;
}
/* Header styles */
#header {
    /* background: #6da6b1 url(../images/header_bg.jpg) no-repeat -20px -20px; */
    background: #f93 url(../images/header_bg.jpg) no-repeat;
    width:100%;
    height:100px;
    padding-top:10px;
    padding-bottom:10px;
}
#header p,
#header h1,
#header h2 {
    padding:.4em 15px 0 15px;
    margin:0;
}
#primary-menu{
    background:#777 url(../images/menu_bg.png) repeat-x 10px;
    text-align:right;
    height: 25px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}
#primary-menu ul {
    clear:left;
    list-style:none;
    margin:0;
    margin-right:5px;
    padding:0;
}
#primary-menu ul li {
    display:inline;
    list-style:none;
    margin:0;
    padding:5px 15px 25px 15px;
}
#primary-menu ul li.active {
    font-weight:bold;
    background-color: #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#primary-menu ul li.active a{
	color:#555;
}

#primary-menu ul li.active a:hover{
	color:#777;
}

#primary-menu ul li a{
    color:#ddd;
    font-size:13px;
    text-decoration:none;
}
#primary-menu ul li a:hover{
    color:#fff;
}

#secondary-menu{
    height:25px;
    background:#ddd url(../images/secondary-links.png) repeat-x bottom;
    border-top: 3px solid #fff;
}
#menu{
    margin: 10px 0 10px 0;
    width:196px;
}
#menu-title{
	background:#fff url(../images/menu_title_bg.gif) no-repeat top;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}
#menu-content{
	border: 1px solid #6da6b1;
}
#menu-content ul{
	margin-left: -15px;
}
#menu-content ul li{
	list-style-image: url(../images/bullet.png);
	padding: 2px 0 2px 0;
}
#menu a{
    color: #333;
    font-size: 12px;
}
#menu a:hover{
    color: #777;
}

/* 'widths' sub menu */
#layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}
/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
    font-size:13px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
}

/* 2 Column (left menu) settings */
.leftmenu {
    background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
    right:75%;			/* right column width */
    background:#fff;
    
}
.leftmenu .col1 {
    width:71%;			/* right column content width */
    left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
    width:21%;			/* left column content width (column width minus left and right padding) */
    left:6%;			/* (right column left and right padding) plus (left column left padding) */
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    font-size:12px;
}
#footer p {
    padding:7px;
    margin:0;
}
#teaser{
    padding-bottom:5px;
    float:left;
    width:100%;
}
#teaser .left{
    width:49%;
    float:left;
    overflow:hidden;
}
#teaser .right{
    margin-left:1%;
    width:49%;
    float:left;
    overflow:hidden;
}