/* @override http://www.ausg.org/css/screen.css */

@import url('reset.css');

body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 62.5%;
	color: #000;
	background: #fff;
}

@font-face {  
	font-family:'Museo Sans';  
	src: url('/images/design/MuseoSans_500.otf') format('opentype');
}

#container {
	width: 94em;
	margin: 0 auto;
	padding: 2em;
}

.one, .two, .three, .four,
.five, .six, .seven, .eight,
.nine, .ten, .eleven, .twelve,
.ten-sky, .six-sky, .three-sky,
.sky-two {
	display:inline;
	float: left;
	margin-right: 2em;
}

.last {
	margin-right: 0;
}

.one 	  {width:  6em;}
.two 	  {width: 14em;}
.three 	{width: 22em;}
.four 	{width: 30em;}
.five 	{width: 38em;}
.six 	  {width: 46em;}
.seven 	{width: 54em;}
.eight 	{width: 62em;}
.nine	  {width: 70em;}
.ten	  {width: 78em;}
.eleven	{width: 86em;}
.twelve {width: 94em; margin-right: 0;}

.prepend-one	  {padding-left:  8em;}
.prepend-two	  {padding-left: 16em;}
.prepend-three	{padding-left: 24em;}
.prepend-four	  {padding-left: 32em;}
.prepend-five	  {padding-left: 40em;}
.prepend-six	  {padding-left: 48em;}
.prepend-seven  {padding-left: 56em;}
.prepend-eight  {padding-left: 64em;}
.prepend-nine   {padding-left: 72em;}
.prepend-ten    {padding-left: 80em;}
.prepend-eleven {padding-left: 88em;}

.append-one	    {padding-right:  8em;}
.append-two	    {padding-right: 16em;}
.append-three	  {padding-right: 24em;}
.append-four	  {padding-right: 32em;}
.append-five	  {padding-right: 40em;}
.append-six	    {padding-right: 48em;}
.append-seven   {padding-right: 56em;}
.append-eight   {padding-right: 64em;}
.append-nine    {padding-right: 72em;}
.append-ten     {padding-right: 80em;}
.append-eleven  {padding-right: 88em;}

.pull-one	    {margin-left:  -8em;}
.pull-two	    {margin-left: -16em;}
.pull-three	  {margin-left: -24em;}
.pull-four	  {margin-left: -32em;}
.pull-five	  {margin-left: -40em;}
.pull-six	    {margin-left: -48em;}
.pull-seven   {margin-left: -56em;}
.pull-eight   {margin-left: -64em;}
.pull-nine    {margin-left: -72em;}
.pull-ten     {margin-left: -80em;}
.pull-eleven  {margin-left: -88em;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

#navigation {
	float: left;
	width: 100%;
}
#navigation li {
	float: left;
	display: block;
	
}
#navigation li.ausg {
	width: 22em;
	margin-right: 0.9em;
	height: 15em;
	border-right: 1px solid #dcdcdc;
	padding: 2em 1em 2em 0;
}
#navigation li.branches,
#navigation li.departments,
#navigation li.services {
	width: 14em;
	margin-right: 0.9em;
	height: 15em;
	border-right: 1px solid #dcdcdc;
	padding: 2em 1em 2em 0;
}
#navigation li.more {
	width: 22em;
	height: 15em;
	padding: 2em 0;
}
#navigation li a {
	font-size: 1.6em;
	float: left;
	line-height: 1em;
	margin: 0.4em 0 1em;
	padding: 0 0.2em;
	color: #000;
	text-decoration: none;
	font-family: "Museo Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
}
#navigation li ul {
	float: left;
	width: 100%;
}
#navigation li ul li {
	width: 100%;
}
#navigation li ul li a {
	font-size: 1.1em;
	line-height: 1em;
	margin: 0  0 0.9em 0;
	float: left;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
#navigation li ul li a:hover {
	text-decoration: underline;
}
#navigation li.ausg a {
	padding: 0;
	margin: 0;
}
#navigation li.more ul li a {
	font-size: 1.6em;
	font-family: "Museo Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0.4em 0 0.2em;
}
#navigation li.more ul li a:hover {
	text-decoration: none;
}
#content {
	float: left;
	width: 100%;
	padding: 1em 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Museo Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
}

h1 {
	font-size: 3.6em;
	margin: 0.2em 0;
}
h2 {
	font-size: 2.4em;
	margin: 0.33em 0 0.5em 0;
}
h3 {
	font-size: 2.0em;
	margin: 0.4em 0 0.5em 0;
}
h4 {
	font-size: 1.6em;
	margin: 0.6em 0;
}
h5 {
	font-size: 1.4em;
	margin: 0.2em 0 0.5em 0;
}
h6 {
	font-size: 1.2em;
	margin: 0.4em 0;
}
p  {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 0.6em;
}
strong {font-weight: bold;}
em {font-style: italic;}
a {
	color: #009192;
	text-decoration: none;
}
#content ul {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.6em;
}
a:hover {
	text-decoration: underline;
}

#content ul.nav-page {
	list-style: none;
}
#content ul.nav-page li {
	line-height: 1.4em;
	margin-bottom: 0.4em;
}
#content ul.nav-page li a.current {
	color: #000;
}
#content ul.nav-page li a.current:hover {
	text-decoration: none;
}
#constitution h3 {
	margin: 1em 0 0;
}
#constitution h4 {
	float: left;
	margin: 2em 0 1em 0;
}
#constitution dl {
	float: left;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em; 
	line-height: 1.5em;
}
#constitution dl dt {
	float: left;
	width: 10em;
	margin-right: 1.4em;
	font-style: italic;
}
#constitution dl dd {
	float: left;
	width: 32.9em;
	margin-bottom: 1em;
}

/* FORMS */

form {margin: 0; padding: 0;}
input {margin: 0;}

.button {
	padding: 6px 6px 6px 7px;
	border: 0;
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

form.search {margin: .5em 0 2em 0;}
form.search input {float: left; font-size: 1.5em;}
form.search input.search {width: 276px;}
form.search input.search-button {font-size: 12px; margin-left: 12px; width: 71px; background: #000; color: #dcdcdc;}
.sidebar form.search, .sidebar form.search p {margin-bottom:0;}

.mailing-list form {
	margin-bottom: 2em;
}
.mailing-list form p {
	margin-bottom: 1em;
}
.mailing-list input {
	float: left; font-size: 1.5em;
}
.mailing-list input.email {
	width: 220px;
}
.mailing-list input.join-button {
	font-size: 12px; 
	margin-left: 10px; 
	width: 60px; 
	background: #000; 
	color: #dcdcdc;
}
label {
	display:block;
	float: left;
	width: 192px;
}
#comments fieldset, #contact fieldset, 
#custom_form fieldset {
	float: left;
	width: 100%;
	font-size: 1.2em;
}
#contact fieldset, #custom_form fieldset {
	margin-top: 1em;
}
fieldset div {
	float:left;
	width:100%;
}
.field {
	padding-bottom: .8em;
}
.checkbox {
	padding: .25em 0;
	margin-left: 192px;
}
.checkbox input, .checkbox label {
	float: left;
}
.checkbox label {
	width: auto;
	line-height: 1.3em;
}
.checkbox input {
	margin-top: 2px;
	margin-right: 5px;
}
#comment input, #comment textarea {
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#comments textarea, #contact textarea, #custom_form textarea {
	width: 360px;
}
#custom_form fieldset p, #custom_form fieldset label span {
	font: .9em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#custom_form label {
	font-weight: bold;
}
input.comment-button, input.contact-button, input.custom_form-button {font-size: 12px; background: #000; margin-left: 192px; color: #dcdcdc; margin-top: 1em;}
input.custom_form-button {
	margin-bottom: 1em;
}
#comments {
	float: left;
	width: 100%;
	margin-top: 2em;
}
#comments h1 {
	margin-bottom: .5em;
}
#comments .user {
	float: left;
	width: 220px;
	border-top: 2px #000 solid;
	padding-top: .5em;
	margin-bottom: 2em;
}
#comments h3 {
	float: left;
	width: 100%;
	border-top: 2px #000 solid;
	padding: .5em 0;
}
#comments .comment {
	padding-top: .5em;
	margin-bottom: 2em;
	float: left;
	width: 400px;
	border-top: 2px solid #000;
}
#comments ul {
	list-style: none;
	float: left;
	width: 100%;
	font-size: 1em;
}
#comments ul li {
	float: left;
	width: 100%;
}
ul.kpu {
	list-style: none;
	margin-bottom: 2em;
}
ul.kpu li {
	margin-bottom: 1em;
	line-height: 1.4em;
}
.details {
	font-size: 1.2em;
	margin: 0 0 3em 0;
	line-height: 1.5em;
	border-top: 1px solid #dcdcdc;
	padding-top: .5em;
}
.details a {border: none; text-decoration: underline;}

#content ul.archives {
	float: left;
	width: 100%;
	list-style: none;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	padding: .4em 0;
}
#content ul.archives li {
	float: left;
	width: 100%;
	margin: .5em 0;
}
.about {margin-bottom: 2em;}
.about p {margin: 0 0 1em 0;}

span.left {float: left;}
span.right {float: right;}
.directory {
	list-style: none;
	float: left;
	width: 564px;
}
.directory li {
	float: left;
	width: 100%;
	margin-bottom: .75em;
}
.directory li span.left {
	width: 372px;
	margin-right: 12px;
}
.directory li span.right {
	float: left;
	width: 180px;
	font-size: .92em;
	line-height: 1.3em;
}
.directory li span.position {
	font-weight: bold;
}
.profile h4 {
	font-style: italic;
	margin-top: 1.5em;
}
.profile .back {
	margin-top: 3em;
}
.paginate {
	font-size: 1.2em;
}
#stage {
	float: left;
	width: 100%;
	margin: 2em 0;
}
.slide {
	float: left;
	width: 100%;
}
#slides {
	margin-top: 2em;
}
#slides #pager a {
	float: left;
	padding: 0.4em 0.8em;
	border: 1px solid #cce6e6;
	color: #008181;
	margin-right: 0.6em;
	font-family: "Museo Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.3em;
	text-decoration: none;
}
#slides a#pause, #slides a#pause img,
#slides a#play, #slides a#play img {
	float: left;
	cursor: pointer;
}
#slides a#play {
	display: none;
}
#slides a:hover {
	background-color: #cce6e6;
}
#slides a.activeSlide {
	background-color: #cce6e6;
}
#slides a.activeSlide:hover {
	cursor: default;
}
.slidetitle, .slidetext {
	display: none;
}
.forum-posts {
	list-style: none;
}
.forum-posts li {
	margin: 1em 0;
}
.social a {
	display: block;
	margin-bottom: 1.4em;
}