/*

Site Colours
General colours should be placed here for reference
---------------------------
#footer bg			#c6c8c9 - sample only

---------------------------

*/

	
/* @group Elements */
body {
	background:#ffffff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Myriad Pro", Helevtica, arial, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000000;
}


a {
	color:#00A4D9;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	color:#00A4D9;
	text-decoration:underline;
}


/* font-family */
h1,h2,h3,h4,h5,h6 {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Myriad Pro", Helevtica, arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	color:#375171;
}

h1 {
	font-size:35px;
	margin-bottom:0;
	line-height:30px;
}
/* @end */

	
/* @group Structure */
#wrapper {
	position:relative;
	margin:0 auto;
	width:550px;
	padding:20px 0;
}
/* Header
-------------------------------------------------------------------------------------------------------*/
#header {
	text-align:left;
}
/* = Menu
-------------------------------------------------------------------------------------------------------*/
#menu {
	padding:20px 0;
}
#menu ul {
	text-align:center;
	margin:0;
	padding:0;
	list-style:none;
}
#menu ul li {
	display:inline;
	padding:0 15px;
}
#menu ul li a {
	color:#000000;
	text-decoration:none;
}
#menu ul li a:hover {
	color:#00a4d9;
	text-decoration:underline;
}

/* = Content
--------------------------------------------------------------------------------------------------*/
#content {
	padding:30px 0 30px 0;
}
#content h2.subtitle {
	color:#000000;
	padding:0 0 10px 0;
	margin:0;
	font-size:25px;
}
#content h1.title {
	color:#000000;
	padding:0 0 25px 0;
	font-size:45px;
	margin:0;
}
#content p {
	text-align:justify;
	padding:0 28px 0 0;
}
/* = Footer
--------------------------------------------------------------------------------------------------*/
#footer {
	padding:20px 0 0 5px;
}
#footer h3 {
	color:#00a4d9;
	font-size:23px;
	padding:0 0 10px 0;
}
#footer p.email {
	padding:0 0 0 22px;
	height:20px;
	line-height:20px;
	background:url(../../images/email-icon.jpg) no-repeat left center;
}
#footer p.twitter {
	padding:0 0 0 22px;
	height:20px;
	line-height:20px;
	background:url(../../images/twitter-icon.jpg) no-repeat left center;
}
#footer p.facebook {
	padding:0 0 0 22px;
	height:20px;
	line-height:20px;
	background:url(../../images/facebook-icon.jpg) no-repeat left center;
}
#footer p.copyright {
	padding:50px 0 0 0;
	font-size: 10px;
}
/* @end */

/* = This is for JQUERY TABS IE
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.tabs-nav { /* auto clear */
display: inline-block;
}
.tabs-nav .tabs-disabled {
position: relative; /* fixes opacity */
filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
_height: 19px; /* for some reason the height is 1px to less with opacity... */
min-height: 19px; /* ...in both IE 6 and 7 */
}

/* = This is for the JQUERY TABS
---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}
.ui-tabs-nav {
list-style: none;
margin: 0 0 0 -11px;
padding:20px 0;
height:25px;
line-height:25px;
display:block;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 1px;
min-width: 84px; /* be nice to Opera */
height:25px;
line-height:25px;
display:block;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 17px;
}
.ui-tabs-nav a {
margin: 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color:#000000;
text-decoration:none;
font-weight: normal;
font-size:13px;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a:hover {
color:#00A4D9;
text-decoration: underline;
 ;
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 0;
z-index: 2;
margin: 0;
color:#00a4d9;
text-decoration:none;
}
.ui-tabs-nav a span {
width: 64px; /* IE 6 treats width as min-width */
min-width: 64px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
line-height:18px;
margin-top:1px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 0;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
/*border: 1px solid #2e2e2f;*/
/*border-top: 1px solid #97A5B0;*/
/*padding: 1em 8px;*/
padding:8px 8px 8px 3px;
min-height:250px;
background: #ffffff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
}
.category_list_title {
color:#fff;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}