/*
================================
COMMON STYLES 
================================
*/

.left
{
	float: left;
}
.right
{
	float: right;
}
.hide
{
	display: none;
}
.pointer
{
	cursor: pointer;
}
.clearBoth
{
	clear: both;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}
/* for IE/Mac */


a:active, a:focus
{
	outline: none;
}



/*
=================================================================================
STICKY FOOTER
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
=================================================================================
*/

html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

#container
{
	min-height: 100%;
	position: relative;
}

#body
{
	/*padding-bottom:70px;*/ /* Height of the footer */
	padding-bottom: 85px; /*Height of the footer + additional padding between footer & content */
}

#footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px; /* Height of the footer */ /*70px - 15px (top padding) - 0px (bottom padding) = 55px*/
}

.headerAlign
{
	width: 912px;
	margin: 0px auto 0px 0px;
}
/*
================================
MAIN STYLES
================================
*/

body
{
	background-color: #22456F;
	font-family: Arial, Verdana, Sans-Serif;
	color: #cccccc;
}

#container
{
}

a
{
	color: #619ca7;
	text-decoration: none;
}

a:hover
{
	color: #cccccc;
}


a.rightArrow
{
	background: url(../media/Assets/arrow_right.gif) no-repeat center right;
	padding: 0 7px 0 0;
}

a.leftArrow
{
	background: url(../media/Assets/arrow_left.gif) no-repeat center left;
	padding: 0 0 0 7px;
}

/*
================================
HEADER STYLES 
================================
*/

#header
{
	padding: 5px 0px 0px 15px;
	background: #0c0c0c;
}

#header div.container
{
	width: 912px;
	background: transparent url(../media/Assets/Logo_AMOU_32x32.gif) no-repeat 0 2px;
	padding: 8px 0px 8px 0px;
}

#header h1
{
	width: 440px;
	padding: 0px 0px 0px 45px;
}

/* CSS if sIFR not enabled START */
#header h1.flashHeader
{
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #5A90CF;
}

#header h1.flashHeader a
{
	color: #5A90CF;
}
/* CSS if sIFR not enabled END */

#header .headerLinks
{
	font-size: 12px;
	text-align: right;
	width: 360px;
}

#header .searchBox
{
	margin: 0 0 0 33px;
}

#header .searchBox input
{
	background-color: #252525;
	border: 2px solid #515151;
	width: 102px;
	height: 14px; /*16px -1 -1 = 14px; */
	padding: 1px 2px;
	color: #FFFFFF;
	font-size: 10px;
}

#header .searchBox input:focus
{
	border: 2px solid #619ca7;
}

#header .searchBox button
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	font-size: 12px;
	color: #619ca7;
	padding: 0 7px 0 0;
	background: url( '../media/Assets/arrow_right.gif' ) no-repeat right 50%;
}

/*
================================
BODY STYLES 
================================
*/
#body
{
	width: 912px;
	margin: 0px auto 0px 15px; /*background-color:red;*/
}

/*
================================
SIDEBAR STYLES 
================================
*/
#sideBar
{
	width: 208px;
	margin: 0 10px 0 0;
}


/*
================================
NAVI STYLES 
================================
*/

#navi li
{
	font-size: 14px;
	display: inline;
	font-weight: bold;
	padding: 5px 50px 5px 0px;
}

#navi li.selected a
{
	color: #cccccc;
}
#navi li a
{
	color: #3E638F;
}
#navi li a:hover
{
	text-decoration: underline;
	color: #cccccc;
}

/*
================================
SECONDARY NAVI STYLES 
================================
*/
.secondaryNav
{
	margin: 10px 0 0 0;
}

.secondaryNav h3
{
	color: #CFEEFF;
	font-size: 14px;
	padding: 0 0 10px 0;
	background: url(../media/Assets/dotted_border.gif) repeat-x bottom left;
}

.secondaryNav li
{
	padding: 6px 0 4px 0;
	background: url(../media/Assets/dotted_border.gif) repeat-x bottom left;
}

.secondaryNav li.selected a
{
	color: #cccccc;
}

.secondaryNav li a
{
	font-size: 11px;
	display: block;
}

.secondaryNav ul.events li a em
{
	color: #FFFFFF;
	font-size: 11px;
	display: block;
}

.secondaryNav li a span
{
	background: url(../media/Assets/arrow_right.gif) no-repeat center right;
	padding: 0 7px 0 0;
}

/*
================================
CONTENT STYLES 
================================
*/
.content
{
	width: 674px;
	font-size: 13px;
	line-height: 18px;
	padding-top: 15px;
	padding-left: 10px;
}

.content p
{
	margin: 10px 0;
}

.content strong
{
	font-weight: bold;
}

.content em
{
	font-style: italic;
}

.content h3
{
	font-size: 18px;
	color: #CFEEFF;
	margin: 10px 0 13px 0;
}

.content ol, .content ul
{
	list-style-position: inside;
}

.content ol
{
	list-style-type: decimal;
}

.content ul
{
	list-style-type: disc;
}


 .
.leftArrow.backLink
{
	margin: 0 0 25px 0;
	display: block;
}

.content div.date
{
	font-weight: bold;
	font-size: 12px;
}

/* Header for small thin column */
.twoColWide .col_2 h4
{
	font-size: 12px;
	color: #CFEEFF;
	font-weight: bold;
	background: url(../media/Assets/dotted_border.gif) repeat-x bottom left;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

/* CSS if sIFR not enabled START */
h2.flashHeader
{
	font-family: Arial, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	color: #CFEEFF;
	padding: 0 0 15px 0;
}

h2.flashHeader
{
	color: #FFFFFF;
}

h2.flashHeader strong
{
	color: #CFEEFF;
}
/* CSS if sIFR not enabled END */




 .
.content.oneCol
{
	width: 550px;
}

/*
================================
HOMEPAGE TWO COLS
================================
*/
.twoCol .col_1
{
	width: 142px;
}

.twoCol .col_2
{
	width: 522px;
}




/*
================================
ABOUT PROJ TWO COLS WIDE
================================
*/
.twoColWide .col_1
{
	width: 680px;
	margin: 0 20px 0 0;
}

.twoColWide .col_2
{
	width: 93px;
}

.nestedTwoCol
{
	width: 680px;
	margin: 0 0 0 0;
}

/* Nested two col within col_1 of twoColWide */
.nestedTwoCol .col_1
{
	width: 300px;
	margin: 0 20px 0 0;
}

.nestedTwoCol .col_2
{
	width: 300px;
}

/*
================================
GALLERY GRID
================================
*/
.galleryGrid
{
	margin: 25px 0 0 0;
}

.galleryGrid .item
{
	width: 208px;
	margin: 0 0 15px 20px;
}

.galleryGrid .
.item.first
{
	margin-left: 0;
}

.galleryGrid .item a
{
	background: url(../media/Assets/arrow_right.gif) no-repeat center right;
	padding: 0 7px 0 0;
}

.galleryGrid .item img
{
	display: block;
}

.galleryGrid .item span
{
	display: block;
}


/*
================================
PHOTO GRID
================================
*/
.photoGrid
{
	margin: 25px 0 0 0;
}

.photoGrid .item
{
	width: 155px;
	margin: 0 0 15px 10px;
}

.photoGrid .
.item.first
{
	margin-left: 0;
}

.photoGrid .item a
{
	background: url(../media/Assets/arrow_right.gif) no-repeat center right;
	padding: 0 7px 0 0;
}

.photoGrid .item img
{
	display: block;
}

.photoGrid .item span
{
	display: block;
}

/*
================================
PHOTO ITEM
================================
*/
.photo
{
	margin: 25px 0 0 0;
}

.photo .pager
{
	display: block;
	margin: 0 0 10px 0;
}

.photo a.prev
{
	background: url(../media/Assets/arrow_left.gif) no-repeat center left;
	padding: 0 0 0 7px;
}

.photo a.next
{
	background: url(../media/Assets/arrow_right.gif) no-repeat center right;
	padding: 0 7px 0 0;
}

.photo .item
{
	position: relative;
	overflow: hidden; /*width:550px;*/
}

.photo .item span
{
	display: none; /*hide it if JS disabled and when page initially loads */
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../media/Assets/white_60_bg.png) repeat top left;
	color: #000; /*width:540px;*/ /*550 - 5 - = 540px */
	width: 100%;
	padding: 10px 5px 10px 5px;
}

/*
================================
NEWS LIST
================================
*/

.newsList
{
	margin: 25px 0 0 0;
	width: 630px;
}

.newsList div
{
	width: 180px;
	margin: 0 0 25px 45px;
	display: inline;
	color: #FFFFFF;
}

.newsList div.first
{
	margin-left: 0;
}

.newsList div span
{
	font-weight: bold;
	font-size: 11px;
}

/* CSS if sIFR not enabled START */
.newsList div h4 a
{
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #619ca7;
}

.newsList div h4 a:hover
{
	color: #FFFFFF;
}
/* CSS if sIFR not enabled END */


/*
================================
NEWS ITEM
================================
*/
.newsItem img
{
	margin: 0 0 15px 0;
}


/*
================================
CONTACT STYLES
================================
*/

.form .text
{
	width: 265px;
	margin: 0 10px 0 0;
}

.form .fields
{
	width: 265px;
}

fieldset legend
{
	display: none;
}

fieldset label
{
	display: block;
	margin: 10px 0 0 0;
}

fieldset label.first
{
	margin: 0;
}

fieldset input
{
	background-color: #252525;
	border: 2px solid #515151;
	width: 265px;
	height: 17px;
	padding: 2px;
	margin: 0 0 3px 0;
	color: #FFFFFF;
	font-size: 14px;
}

fieldset textarea
{
	background-color: #252525;
	border: 2px solid #515151;
	width: 265px;
	height: 130px;
	padding: 2px 2px 1px 2px;
	margin: 0 0 3px 0;
	font-family: Arial, Verdana, Sans-Serif;
	color: #FFFFFF;
	font-size: 14px;
}

fieldset input:focus, fieldset textarea:focus
{
	border: 2px solid #619ca7;
}

fieldset input.error, fieldset textarea.error
{
	border: 2px solid #CFEEFF;
}

fieldset input.error:focus
{
	border: 2px solid #af4975;
}

fieldset button
{
	border: none;
	color: #619ca7;
	padding: 0 7px 0 0;
	margin: 10px 0;
	background: url( '../media/Assets/arrow_right.gif' ) no-repeat right 50%;
}


/*
================================
FOOTER STYLES 
================================
*/

#footer
{
	background: #0c0c0c url(../media/Assets/footer_border.gif) repeat-x top left;
	padding: 15px 0 0 0;
}

#footer div.container
{
	width: 912px;
	margin: 0px auto 0px 15px;
}

#footer li
{
	float: left;
	font-size: 11px;
}

/*Credits*/
#footer ul.credits
{
}

#footer ul.credits li a
{
	color: #868686;
}

#footer ul.credits li a span
{
	display: block;
	font-size: 10px;
	color: #515151;
}

#footer ul.credits li a:hover span
{
	color: #CFEEFF;
}


/*Misc*/
#footer ul.misc
{
}

#footer ul.misc li.rss
{
	padding: 0 0 0 17px;
	margin: 0 0 0 0;
}

#footer ul.misc li.rss a
{
	color: #c8751a;
}

#footer ul.misc li.rss a:hover
{
	color: #a05e16;
}

#footer ul.misc li.signup
{
	padding: 0 200 0 0px;
}

#footer ul.misc li.signup a
{
	color: #529c46;
}


#footer .join input
{
	background-color: #252525;
	border: 1px solid #515151;
	width: 102px;
	height: 14px; /*16px -1 -1 = 14px; */
	padding: 1px 2px;
	color: #FFFFFF;
	font-size: 10px;
}

#footer .join input:focus
{
	border: 2px solid #619ca7;
}

#footer .join #go
{
	border-style: none;
	border-width: 0px;
	width: 50px;
	font-size: 11px;
	text-decoration: underline;
	background-color: #0c0c0c;
	padding: 0;
	margin-right: 100px;
}

/* Logos*/

.dis
{
	background: transparent url(../media/887/dis.gif) no-repeat;
	padding: 0 0 0 24px;
	margin: 0 300px 0 0;
}

.rss
{
	background: transparent url(../media/Assets/rss_logo.gif) no-repeat 0 2px;
	margin: 0 300px 0 0;
}

.valid
{
	background: transparent url(../media/Assets/tick_icon.gif) no-repeat 0 0;
}



















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */