/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- Straker Shado CMS Demo site -
	
	author: Richard Morris [richard@fueldesign.co.nz] 
	version: January '07

	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Stlyes for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific styles

==========================================================================
*/
	@import url("style.css");
	@import url("sifr.css");
	/*@import url("forms.css");*/
/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea,  a:link, a:visited { /* For Nescape 4.0 and other inheritance intolerant browsers */
	/*font-family: Lucida Grande, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	color: #666666;
	line-height: 1.35em;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	font-size : 100.01%;
	background: #E1E1E1 url(/webonthepiste/app_templates/coretemplates/images/bg_diag_grad.gif) 0 0px repeat-x; 
	text-align: center; 
}

#hp-content-wrapper {
	background: transparent url(../images/img_bg_undernav_home.jpg) 0 0 no-repeat;
	width: 990px;
	margin: 0;
	padding: 0;
	float: left;
}

#hp-left-col { 
	float: left; 
	width: 420px; 
	padding: 0; 
	margin:60px 35px 0 0;
	/*background-color: blue;*/
}

#hp-left-col .pad {padding: 0 0 0 50px;}

#hp-mid-col { 
	float: left; 
	width: 275px; 
	padding: 0; 
	margin: 60px 30px 0 0;
	/*background-color: yellow;*/
}

#sidebar { 
	float: left;
	margin: 60px 0 0 0; 
	padding: 0 44px 0 0; 
	width: 186px;  
	/*background-color: red;*/
}


#sponsors {
	background: transparent url(../images/sponsor_hd.jpg) 0 0 no-repeat;
	width: 186px;
	margin: 20px 0 20px 0;
	padding: 42px 0 0 0;
}


#sponsors .pad {
	background: transparent url(../images/sponsor_bg.jpg) 0 0 repeat-y;
	margin: 0;
	padding: 20px 0 0 0;	
	text-align: center;
}

#sponsors .bottom{
	background: transparent url(../images/sponsor_bg_ft.jpg) 0 0 no-repeat;
	height: 23px;
	margin: 0;
	padding: 0;
}

#blogs {
	background: transparent url(../images/catagories_hd.jpg) 0 0 no-repeat;
	width: 186px;
	margin: 20px 0 20px 0;
	padding: 42px 0 0 0;
}

#blogs .pad {
	background: transparent url(../images/sponsor_bg.jpg) 0 0 repeat-y;
	margin: 0;
	padding: 5px 0 0 0;	
	text-align: left;
}

#blogs .bottom {
	background: transparent url(../images/sponsor_bg_ft.jpg) 0 0 no-repeat;
	height: 23px;
	margin: -10px 0 0 0;
	padding: 0;
}

h3.blog {
	float: left;
	margin: 0;
}

.update-text {	
	float: right;
	margin: 0;
	font-weight: bold;
	color: #646464 !important;
}

p.blog {margin-bottom: 15px; margin-top: 0}

#sponsors img {margin-bottom: 18px;}

#blogs a {text-decoration : none;}
#blogs a:link {color : #095370;} 
#blogs a:visited {color: #095370;}
#blogs a:hover {color: #095370; text-decoration: underline;}
#blogs a:active {color : #095370;}

/* content wrapper */

#content-wrapper {
	background: transparent url(../images/hd_cont_under_nav.jpg) 0 0 no-repeat;
	width: 990px;
	margin: 0;
	padding: 0;
	float: left;
}

#primaryContent { 
	float: left; 
	width: 680px; 
	padding: 0; 
	margin:60px 80px 0 0;
	/*background-color: red;*/
}

div#primaryContent .pad {padding: 0 0 0 50px;}

div#container      { font-size: 1.3em;width:800px;background-color:#ffffff}

/* registration */

#registration {
	float: left;
	margin: 15px 0;
	border-top: 1px solid #3ABFEA !important;
	border-bottom: 1px solid #3ABFEA !important;
	width: 630px;
	/*border: 1px solid red;*/
}

#registration .pad {padding: 15px 0 10px 0 !important;}

#registration img {padding: 0 10px 0 0; float: left;}

#agenda-col {
	float: left;
	width: 990px;
	margin: 80px 0 0 0;
	padding: 0;
}

#agenda-col .pad {padding: 0 0 0 50px;}


p, ul, dl, ol, form, blockquote { margin-bottom: 10px;}

h1 { font-size: 2.6em; margin-bottom: 5px;color: #117199; line-height: 1em; font-weight: normal; letter-spacing: -1px; }
h2 { font-size: 1.6em; margin: 0 0 10px 0; color:#818181; letter-spacing: -0.5px; font-weight: normal; }
h3 { font-size: 1.6em; margin: 0 0 1px 0; font-weight: normal; color:#107299;}
h4 { font-size: 1.1em; margin: 0 0 10px 0; font-weight: bold; color: #08080;}
h5 { font-size: 1.2em; margin: 0 0 10px 0; font-weight: normal; }
p  {font-size:1em;}
.subheading { font-size: 1.2em; margin-bottom: 10px;margin-top:10px; color:#818181; letter-spacing: -0.5px;}

h3 a{ color:#00ADEF}
hr {
background-color:#D2EFFD;
color:#D2EFFD;
margin-bottom: 13px;
height: 1px;
border:0px;
 }
 
hr.gray {
	background-color:#cccccc;
	color:#cccccc;
	margin-bottom: 13px;
	margin-top: 0;
	height: 1px;
	border:0px;
 }
 

/*
==========================================================================
2 - Global Styles for types
==========================================================================
*/
/* links */
a {font-size:1em; text-decoration : underline;}
a:link {color : #095370;} 
a:visited {color: #095370;}
a:hover {color: #095370; text-decoration: none;}
a:active {color : #095370;}

/*a:hover, a:active { border-bottom: 1px dotted #f89937; }*/
a:link.external, a:visited.external { background: transparent url(/webonthepiste/app_templates/coretemplates/images/external.gif) top right no-repeat; padding-right: 12px;}

/* list types */
dl dt { font-weight: bold; }
#hp-content-wrapper ul li, #content-wrapper ul li  { 
	list-style-type: none;
	background: transparent url(../images/img_bul.gif) 0 6px no-repeat;
	padding: 0 0 0.3em 15px;
 }
#hp-left-col ul li, #hp-mid-col ul li, #sidebar ul li { margin-left: 4px; } 
ol li { list-style-type: lower-alpha; list-style-position: inside; }  #hp-left-col ol li, #sidebar ol li { margin-left: 4px; } 
 #primaryContent ul li, #sidebar ul li { margin-left: 4px; } 
ol li { list-style-type: lower-alpha; list-style-position: inside; }  #primaryContent ol li, #sidebar ol li { margin-left: 4px; } 
/* blockquotes */
blockquote { background-color: #F5F5F5; margin-bottom: 1em; border-left: 5px solid #CCC; padding: 5px 10px; }
blockquote p { }
blockquote cite { font-style: normal; font-weight: normal; }

/* strong */
strong.error { color: #F00; }

/* em */
em.required { color: #F00; font-weight: bold; font-style: normal; }

.clear-hidden {
	margin : 0;
	padding : 0;
	font-size : 1px;
	line-height: 1px;
	clear : both;
	height: 1px;
	background-color:white;	
}

.top-margin {margin-top: 85px !important;}

#tertiaryNav { 
	width: 186px;   
	padding: 0; 
	margin: 0; 
	background: none;
	clear: both; 
	
}

#tertiaryNav h3 { 
	font-size: 1.1em; 
	margin: 0 0 5px 0; 
	padding-bottom: 4px; 
	font-weight: bold; 
	color: #838383 !important; 
	border-bottom: 1px solid #CDCDCD; 
}

#tertiaryNav ul li  { 
	list-style-type: none;
	background: transparent url(../images/img_bul.gif) 0 8px no-repeat;
	padding: 0 0 0 5px !important;
	margin: 0 0 0 15px !important;
	border: 1px solid white;
	
	
 }


#tertiaryNav a {
	font-size:1em; 
	text-decoration : underline;
	padding-bottom: 0;
	padding-top: 0;
	line-height: 1.4em !important;
}
#tertiaryNav a:link {color : #095370;} 
#tertiaryNav a:visited {color: #095370;}
#tertiaryNav a:hover {color: #095370; text-decoration: none;}
#tertiaryNav a:active {color : #095370;}
/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
html, body {height: 100%;}

/*td {font-size:0.80em;line-height:0.60em;}*/
td {font-size:1em; }
td p{font-size:1em;}


#primaryContent table td {padding: 10px 15px 5px 0; vertical-align: top !important;}
#primaryContent table td img {vertical-align: top !important; }


div#containerHeader { width: 990px; margin: 0 auto 0px auto; text-align: left;height:12px;
 background: url(/webonthepiste/app_templates/coretemplates/images/squareheader.gif)}
div#container { width: 990px; margin: 0px auto 10px auto; text-align: left; font-size: 0.75em;}
div#header { margin: 0px; position: relative; width: 100%; height: 28px; }


/*
==========================================================================
4 - Header styles
==========================================================================
*/
a#logo { position: absolute; top: 5px; border: none; left: 0;}

form#searchForm { width: 220x; position: absolute; left: 760px; top: 103px; margin: 0; height: 25px; }
input#search { font-size: 1em; width: 175px; background: #FFF url(/webonthepiste/app_templates/coretemplates/images/bg/search.gif) 2px center no-repeat; border: 1px solid #CCC; padding-left: 20px; vertical-align: middle; }
input#searchButton { margin-left: 3px; vertical-align: middle; }

img#banner {border: 0px ; margin: 0; height:381px; }

img#banner-content {border: 0px ; margin: 0; height:221px; }
/*
==========================================================================
5 - Main content styles
==========================================================================
*/
/*
==========================================================================
6 - Footer styles
==========================================================================
*/
ul#footNav { margin-left: auto; margin-right: auto;  width: 990px; margin-bottom: 0px; }
#footNav li{ display: inline; color: #EEE; }
#footNav li.current a { color: #777; border: none; cursor: default;}

#footer { 
	clear: both; 
	text-align: left;
	margin: 0; 
	padding: 0; 
	background: transparent url(../images/bg_ft.gif) 0 0 no-repeat;
	height: 89px;
	font-size: 0.9em;
	width: 990px;
}

#footer p {margin: 0;}

#footer .left {float: left; padding: 70px 0 0 50px;}
#footer .right {float: right; padding: 70px 14px 0 0;}
/*#footer a { color: #666666; text-decoration: none } #footer a:hover { text-decoration: underline; }*/

#footer a {font-size:1em; text-decoration : none;}
#footer a:link {color : #095370;} 
#footer a:visited {color: #095370;}
#footer a:hover {color: #095370; text-decoration: underline;}
#footer a:active {color : #095370;}

/*
==========================================================================
7 - Page specific styles
==========================================================================
*/ 
ul#sitemap {
	
}

ul#nav { 
	position: absolute;
	top: 0;
	width: 950px;
	background:  url(/webonthepiste/app_templates/coretemplates/images/bg_nav.gif);
	margin: 0;
	padding: 0 0 0 40px;
}
* html ul#nav {width: 990px;}

#nav li { display: inline; list-style-type: none; background: none; }
#nav a { 
	padding: 0 12px; 
	display: block; 
	height: 28px; 
	line-height: 28px; 
	float: left; 
	border-bottom: none; /*border-right: 1px solid #03adee; border-left: 1px solid #7bd4f6;*/ 
 	font-size:1.1em; 
	color:#FFFFFF; 
	font-weight: bold; 
	text-decoration: none;
}
#nav a.first {padding-left: 12px;}
/**:first-child+html #nav a.first {margin-left: 90px;}
* html #nav a.first {margin-left: 20px; }*/



#nav a:hover { background: #79d3f6; ext-decoration: none; } #nav li.current a { background: #03adee; cursor: default; }

ul.bullet li {
	background: transparent url(/webonthepiste/app_templates/coretemplates/images/bullet.gif) 0 4px no-repeat;
	padding-left: 21px;
	padding-bottom:6px;
		list-style:none; 
}

ul#subnav li {
	background: transparent url(/webonthepiste/app_templates/coretemplates/images/img_catagories_cev.gif) 15px 10px no-repeat;
	padding: 3px 0 3px 27px;	
	list-style:none; 
	font-size: 1.4em;
	display: block;
	border-bottom: 1px solid #95D5F0;
	margin: 0 2px 0 2px;
	/*width: 180px;*/
}

#logo{ 
    padding-bottom: 15px;
    padding-left: 10px;
}