/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}

ul.circle {list-style-type:circle}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main */

body {
	background-image:url(images/bg-gradient.jpg);
	background-repeat:repeat-x;
	font-size: 80%; /* Resets 1em to 16px */
	font-family: 'Arial', Sans-Serif;
	color: #333333;
	text-align: center;
	}

.main-wrapper {
	width:902px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}
	
/* Typography and Headers */

h1, h2, h3, h4, h5 {
	color:#F73F00;
	}
	
h1 {
	font-size:2em;
	font-weight:normal;
	padding: 0 0 5px 0;
	}
	
h2 {
	font-size:1.4em;
	padding: 8px 0 2px 0;
	}
	
h3 {
	font-size:1.2em;
	padding: 8px 0 2px 0;
	}
	
h4, h5 {
	font-size:1em;
	padding: 8px 0 2px 0;
	}
	
p {
	line-height:1.4em;
	padding: 8px 0 8px 0;
	}
	
ul {
	padding:8px 20px;
	}
	
#content ul {
	list-style:inside square;
	}
	
ol {
	list-style:inside decimal;
	padding:8px 20px;
	}
	
li {
	padding:4px 0;
	}

/* Begin Structure */

#left-col {
	width:204px;
	float:left;
	}
	
#right-col {
	width:698px;
	float:right;
	}
	
#header {
	width:698px;
	background-image:url(images/AIS-Logo-2.jpg);
	background-repeat: no-repeat;
	height:281px;
	text-align:right;
	}
	
#content {
	width:623px;
	margin:0 0 0 -5px;
	padding:0 40px 0 40px;
	position:relative;
	background-image:url(images/content-bg.png);
	background-repeat:repeat-y;
	min-height:650px;
	}
	
.background-graphic-wrapper { /* forces the background graphic behind the main wrapper */
	z-index:-2;
	overflow:hidden;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	}
	
.background-graphic-side-wrapper { /* used to center the background graphic  - Note the smaller width is to incorporate the negative margins on the . brackground graphic below */
	width:892px;
	margin-left:auto;
	margin-right:auto;
	}
	
.background-graphic { /* attaches the background image and the negative margin forces the content off the page should the browser be too small to view all the content */
	background-image:url(images/background-graphic.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	height:360px;
	margin-left: -159px;
	position: relative;
	}

/* IE 6 fix for min-height \*/
* html #content {height:650px}
/* end */


/* Navigation */

#nav {
	margin-top:16px;
	position: relative;
	z-index:1; /* forces the sub menu to stack hgher than the content */
}

#nav ul {
	list-style: none;
	/* float : left;  Test if needed one left col is complete */
	width:204px;
	padding:0;
	}

#nav ul li {
	color:white;
	position:relative;
	}
	
#nav ul li a {
	color:white;
	text-decoration:none;
	padding:10px 0 10px 25px;
	margin:0;
	}
	
/* second-level lists */
	
#nav ul li ul { 
	position : absolute;
	left: -999em;
	margin:-33px 0 0 204px;
	list-style: none;
	list-style-position: outside;
	}
	
#nav ul li ul li { /* prevents gaps in between the sub nav lists */
	padding:0;
	margin:0;
	}
	
#nav ul li ul li a {
	padding:9px 0 10px 20px;
	border-top:white 1px solid;
	background-color:#1986bb;
}

/* IE 6 fix for extra whitespace main nav and sub nav \*/

* html #nav ul li { margin:0 0 -3px 0;; width: 204px;}
#nav ul li ul li { *margin-top:-1px;}

/* end */

#nav ul li ul li a:hover {
	background-color: #3795c3;
	}
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; 
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	height: 1%; /* IE7 Fix for Sticky Hover Bug - assigns Haslayout to remove the sticky hover effect */
	}
	
/* end of second-level lists */

/* alternating styles for navigation backgrounds */
	
.first-nav { /* used for the background image of the first navigation item */
	background-image:url(images/first-nav-bg.png);
	background-repeat:no-repeat;
	padding:5px 0 0 0;
	margin:0;
	}

.odd-nav { /* used for the background image of the odd navigation items */
	background-image:url(images/even-nav-bg.png);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	}
	
.even-nav { /* used for the background image of the even navigation items */
	background-image:url(images/odd-nav-bg.png);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	}
	
.last-odd-nav { /* used for the background image of the last navigation item if the last item is odd (or the darker colour)*/
	background-image:url(images/last-odd-nav-bg.png);
	background-repeat:no-repeat;
	padding:0 0 5px 0;
	margin:0;
	}
	
.last-even-nav { /* used for the background image of the last navigation item if the last item is even (or the lighter colour)*/
	background-image:url(images/last-odd-nav-bg.png);
	background-repeat:no-repeat;
	padding:0 0 5px 0;
	margin:0;
	}
	
/* END alternating styles */
	
/* IE6 Hack to remove whitespace in the nav */
	
#nav a { display: inline-block; }
#nav a { display: block; }


/* Contact Us Box */

.contact {
	width:164px;
	background-image:url(images/contact-box-bg_01.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:16px 0 0 0;
	padding: 160px 20px 0 20px;
	}
	
.contact-bottom {
	height:15px;
	}
	
.contact p, .contact h1, .contact h2, .contact h3, .contact h4, .contact h5 {
	color:white;
	padding: 0 0 10px 0;
	}
	
.contact h1, .contact h2, .contact h3, .contact h4, .contact h5 {
	font-size:1.2em;
	}
	
.contact a {
	color:white;
	}
	
	
/* Footer */

#footer {
	width:892px;
	
	background-position:top left;
	background-repeat:no-repeat;
	clear:both;
	margin:0 0 15px 0;
	padding: 50px 5px 10px 5px;
	text-align:right;
	}
	
#footer p {
	font-size:0.8em;
	color:#005f91;
	margin: 0 0 0 450px;
	}

#footer a {
	color:#005f91;
	text-decoration:none;
	}
	
#footer a:hover {
	text-decoration:underline;
	}
	
	
/* News */

.newswrapper {
	clear:both;
	}
	
.newswrapper h4 {
	color:#014f8c;
	}
	
.readmore {
	font-weight:bold;
	font-size:0.9em;
	color:#F73F00;
	padding:0;
	margin:0;
	}
	
.readmore a {
	color:#F73F00;
	text-decoration:none;
	}
	
.readmore a:hover {
	text-decoration:underline;
	}
	
img.newsimageleft {
	padding: 4px 20px 4px 0px;
	margin: 0 7px 2px 0;
	display: inline;
	float:left;
	}
	
.main-news-heading {
	padding:15px 0 15px 0;
	}
	
	
/* contact form styles*/ 

ol.form li label { display:inline; float:left; margin-right:10px; width:150px; }
ol.form li label.checkbox { display:inline; float:none; }
ol.form li input { border:1px solid #999; width:300px; }
ol.form li input.checkbox { margin-left:160px; width:auto; border:none; }
ol.form li textarea { border:1px solid #999; width:300px; height:150px; }
ol.form { list-style:none; padding:0px; }
ol.form li { padding:2px 0px; }
ol.form li.required input { border-left:2px solid #ff0000; }
ol.form li input.submit { width:auto; margin-left:160px; padding:5px; background-color:#F73F00; border:#F73F00 1px solid; color:white;}

div.message_bad {
    background:#BF4747 url(icon_cancel.png) no-repeat scroll 2px 7px;
    border:2px solid #FF0000;
    color:#FFFFFF;
  }
  
div.message_ok {
    background:#009015 url(icon_accept.png) no-repeat scroll 2px 7px;
		border:2px solid #62AF6D;
		color:#FFFFFF;
  }
  
div.message {
	  clear:both;
	  font-weight:bold;
	  margin:2px auto;
	  padding:5px 5px 5px 20px;
	}

.smallcontact {
	font-size:0.7em;
	padding:0 0 15px 0;
	margin:0;
	}
	
/* Styles */

.smallbluebold {
	font-weight:bold;
	color:#014f8c;
	padding:0;
	margin:0;
	}
	
.introtext {
	font-size:1.1em;
	font-weight:bold;
	}
	
/* Images */


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}