@charset "utf-8";

/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- AIS NZ -
	
	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Styles for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific styles
	
==========================================================================
*/
	@import url("base.css");
	@import url("forms.css");
/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
body  {
	font-size:12px;
	line-height:17px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	font-family:Trebuchet MS,Geneva,Arial,Helvetica,sans-serif;
	text-align:center;
	color:#666;
	background:#fff url(../images/bg/bg-stripe-logos-gradient.jpg) repeat-x scroll 0 0;
}
/*
==========================================================================
2 - Global Styles for types
==========================================================================
*/
/* links */
a:link, a:visited { color:#FF9933; }
a:hover, a:active { border-bottom: 1px solid #999; }
a:link.external, a:visited.external { background: transparent url(../images/bg/external.gif) top right no-repeat; padding-right: 12px; }
/
/* list types */
ul li { margin-left: 40px; margin-bottom: 5px; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
ul { padding-bottom: 10px; }

ol { margin: 0px 0px 10px 35px; }
ol, li {}

dl dt { font-weight: bold; }
dl dd img { display: inline; }
/* ol li { list-style-type: lower-alpha; list-style-position: inside; } */

/* blockquotes */
blockquote { background-color: #F5F5F5; margin-bottom: 1em; }
blockquote p { font-family: georgia, "times new roman", serif; color: #CCC; font-size: 1.5em; margin: 5px 5px 5px 10px; }
blockquote cite { font-style: normal; color: #CCC; font-weight: bold; }

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

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

/* headers */
h1, h2, h3 {
	color: #ff9933;
}

h3 {color:#000000; font-weight:bold}


h4 { color: #333; }

h5 { color:#FF9933; border-bottom:1px solid #FF9933; width:100%; margin:20px 0px 10px 0px; text-transform:uppercase; font-size:16px;}

/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
#GlobalContainer  {
	width: 800px;
	background: transparent url(../images/bg/bg-canvas.jpg) repeat-y -3px top;/* fix for inconsistant bg image :) */
	margin: 0px auto 10px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header { background: #FFF; margin:0px 15px 10px 15px; }

#container-top { height:8px;background:transparent url(../images/bg/bg-alpha-dropshadow-top.png) repeat-y scroll left top; }
#container { background:transparent url(../images/bg/bg-alpha-dropshadow.png) repeat-y scroll left top; }
#container-bottom { height:8px;background:transparent url(../images/bg/bg-alpha-dropshadow-bottom.png) repeat-y scroll left top; }
#container-top,#container-bottom,#container {
	width:800px;margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#mainContent { margin:0px auto;width:778px;background:white url(../images/bg/bg-canvas-stripe.png) repeat-x scroll left top;}

#footer { width:100%; height:30px; line-height:30px; background: transparent url(../images/bg/bg-footer.jpg) repeat-x -15px top; }

/*
==========================================================================
4 - Header styles
==========================================================================
*/
#header h6 { margin:0px; padding:0px; float:left; }
#header #nav { float:right; width:630px; padding-bottom:0px; margin-top:35px; }
#header #nav li { float:left; list-style:none; padding:0px 10px; margin:0px;}
#header #nav li a { color:#333; font-size:12px; text-decoration:none; letter-spacing:-0.1px; }
#header #nav li a.focus { font-weight:bold; }
/*
==========================================================================
5 - Main content styles
==========================================================================
*/
#mainContent_padding { padding:25px 25px 5px; }

#mainContent #page_blurb { color: #F93; font-weight:bold; height:130px;overflow:hidden; margin:30px 0px; }
#mainContent #page_blurb h1 { margin:0px; text-transform:uppercase; font-size:47px; line-height:47px; }
#mainContent #page_blurb h2 { margin:0px; text-transform:uppercase; font-size:20px; line-height:30px; margin-bottom:15px; }
#mainContent #page_blurb p { margin:0px; }

#mainContent h1, #mainContent h2, #mainContent blockquote, #mainContent p { margin: 0px 0px 15px 0px; }
#mainContent h1 { font-size: 16px; }
#mainContent blockquote { margin-left: 20px; padding: 5px; width: 400px; color: #ff9933; background: #ece8e8 url(../images/bg/quoteCorner.gif) no-repeat right bottom; }

.break { display:block; text-align:right; }

/*
==========================================================================
6 - Footer styles
==========================================================================
*/
ul#foot-nav { float:right; width:640px; }
ul#foot-nav li { list-style:none; float:left; font-size:10px; letter-spacing:-0.2px; line-height:20px; padding:0px 2px; margin-left:0px; }
#foot-nav a { color: #999; }
#foot-nav a:hover { color: #F93; }
/*
==========================================================================
7 - Page specific styles
==========================================================================
*/ 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.width240 { width:235px;margin:0px; }
.width485 { width:490px;margin:0px; }
.width300 { width:300px;margin:0px; }
.width425 { width:425px;margin:0px; }

.padding10 { padding: 10px; }

.orangeBorder { border-left:1px solid #f93; }

/* image map box */
#mainContent div#image-map-content { width:488px; padding:0px 0px 28px; background: #fff url(../images/bg/bg-image-map-bottom.png) no-repeat scroll left bottom; }
#mainContent div#image-map-content ul { width:488px; padding:30px 0px 0px; background: #f93 url(../images/bg/bg-image-map-top.png) no-repeat scroll left top; }
#mainContent div#image-map-content li { width:448px; padding:0px 20px 15px; background: #fff url(../images/bg/bg-image-map.png) repeat-y scroll left top; list-style:none;margin:0px;float:left;}
#mainContent div#image-map-content li a { border-bottom: 1px solid #fff;text-decoration:none; }
#mainContent div#image-map-content li a:hover { border-bottom: 1px solid #f93;text-decoration:none; color:#f93; }

/* image map box inside content columns */
#mainContent div#image-map-content li h2 { margin:0px; }
#mainContent div#image-map-content li .col { float:left;font-size:12px;line-height:17px;margin-bottom:15px;width:210px; }
#mainContent div#image-map-content li .col dl { margin:10px 0px; }
#mainContent div#image-map-content li .col dt { color:#000; }
#mainContent div#image-map-content li .col dd { margin-left:10px; }
/*#mainContent div#image-map-content li .col dd a { border-bottom: 1px solid #fff;text-decoration:none; }
#mainContent div#image-map-content li .col dd a:hover { border-bottom: 1px solid #f93;text-decoration:none; color:#f93; }*/

#mainContent div#image-map-content li .twoCol,
#mainContent div#image-map-content li .oneCol { float:left;font-size:12px;line-height:17px;margin-bottom:15px;width:220px; }
#mainContent div#image-map-content li .oneCol { width:100%; }
#mainContent div#image-map-content li .twoCol dd,
#mainContent div#image-map-content li .oneCol dd { margin-left: 10px; }
#mainContent div#image-map-content li .twoCol img { float:right;margin:15px 25px 25px 25px; border:3px solid #666; }

/* image map box inside content columns */
#mainContent div#mainContentFooter { width:100%;background:#f93;height:45px;margin-top:10px; }
#mainContent div#mainContentFooter ul { width:400px;float:right;margin:0px;padding:0px; }
#mainContent div#mainContentFooter li { float:left; list-style:none; padding-right:10px; }
#mainContent div#mainContentFooter li a { line-height:45px;font-size:19px;color:#fff;text-transform:uppercase; }
#mainContent div#mainContentFooter li a:hover { border:0px none;underline:none; }

/* form submit SUCCESS */
div#success { background: #e3fce5; border: 3px solid #9ae49e; padding: 10px; }
#success h2, #success p { color: #28a82e;  } 
#success h2 { border-bottom: 1px dotted #28a82e; }

/* form submit ERRORS */
div#error { background: #fed3d6; border: 3px solid #fc9ca3; padding: 10px; }
#error h2, #error p { color: #e3535d;  } 
#error h2 { border-bottom: 1px dotted #e3535d; }

/* sitemap.php */
ul#sitemap, #sitemap ul { list-style-type: none; background: #FFF url(../images/bg/sitemap/vline.png) repeat-y; margin: 0; padding: 0; } 
#sitemap ul { margin-left: 40px; }
#sitemap li { margin: 0; padding: 0 12px; line-height: 20px; background: #fff url(../images/bg/sitemap/node.png) no-repeat top left; text-transform:uppercase; font-weight:bold; }
#sitemap li.noshow { background:none;}
#sitemap li ul { margin-left: 28px; }
#sitemap li ul li { margin: 0; padding: 0 12px; line-height: 20px; background: #fff url(../images/bg/sitemap/node.png) no-repeat top left; text-transform:none; font-weight:normal;} 
#sitemap li.last { background: #FFF url(../images/bg/sitemap/lastnode.png) no-repeat; }
#sitemap a { border-bottom: none; }
ul#sitemap a:hover {color: #000;}

dl#contact_list { width: 300px; }
dl#contact_list dd { line-height: 20px; }
dl#contact_list dd a { display: block; height: 20px; }
dl#contact_list dt { float: left; width: 50px; line-height: 20px; }


#sponsors {
	position:relative;
	margin:8px auto 0px auto;
	width:780px;
	text-align:right;
}

#sponsors img {
	float:left;
	margin:0px 0px 0px 298px
}

#sponsors object {
	float:right;
}

#sponsors img a {
	border:0px;
	text-decoration:none;
}

#conference-block {
	border:1px #333333 solid;
	padding:10px;
	margin:0px 0px 10px 0px;
	background:url(../images/img/bg-conference-block.jpg) repeat-x;
}

.orange {
	color:#FF9900;
	text-align:center;
}

#download {
	width:475px;
	font-weight:bold;
	text-align:center;
	padding:10px 5px;
	border:#FF9900 solid 1px;
	color:#FF6600;
	background:#fff9f3;
	margin:0px 0px 20px 0px;
	float:left;
}

.download a {
	font-weight:bold;
}

.download-item {
	padding:10px;
	background:#FFFFFF;
	float:left;
	width:190px;
	margin:0px 15px 15px 10px;
}

#download p {	
margin:0px;
}

#download h1 {
	width:440px;
	color:#FFFFFF;
	padding:10px;
	margin:10px;
	background:#FF9900;