@charset "utf-8";
/* CSS Document */

* { margin: 0 auto; padding: 0; }

body {
	/*font-size: 62.5%; 10px*/
	font-size: 12px;
	color: #484848;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FFF;
}

#wrapper { width: 982px; text-align: center; /*position: relative;*/ }

h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 14px; font-weight: normal; }
h4 { font-size: 12px; font-weight: normal; }
h5 { font-size: 10px; font-weight: normal; }
h6 { font-size: 8px; font-weight: normal; }

p { margin: 10px 0; }

a,
a:link,
a:visited { text-decoration: none; color: #e00000; font-weight: bold; font-size: 11px; }
a:hover { text-decoration: underline; }

img, a img { border: none; }
.clear { clear: both; }

.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }

.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }

.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }

.mar_l_20 { margin-left: 20px; }
.mar_r_20 { margin-right: 20px; }

.float_r { float: right; }
.float_l { float: left; }

.arrowGrey { background: url(../img/elements/arrow-grey.gif) center right no-repeat; padding-right: 10px; }
.arrowGreyBack { background: url(../img/elements/arrow-grey-back.gif) center left no-repeat; padding-left: 10px; }
.arrowWhite { background: url(../img/elements/arrowthin-white.gif) center right no-repeat; padding-right: 30px; }
.download { background: url(../img/button/icons/download.gif) center right no-repeat; padding-right: 25px; padding-top: 5px; height: 14px; }

/*----- TYPOGRAPHY -----*/

.redTitle { color: #e00000; }
.greyTitle { color: #aeb0b3; text-transform: uppercase; font-weight: bold; font-size: 15px; }
.greyTitle_txt { color: #aeb0b3; text-transform: uppercase; font-weight: bold; }
.apply { text-transform: uppercase; font-size: 13px; }
.black { color: #000; }
.white { color: #FFF; }

.bold { font-weight: bold; }

.txt14Title { font-size: 14px; text-transform: uppercase; font-weight: bold; text-indent: -5em; }

.caps { text-transform: uppercase; }
.small { font-size: 10px; font-style: italic; }

.blockquote { background: url(../img/elements/blockquote.gif) left top no-repeat; padding: 5px 10px 0px 30px; width: 500px; margin-top: 10px; }
.blockquote2 { background: url(../img/elements/blockquote2.gif) right bottom no-repeat; padding-bottom: 10px; }

/*----- LIST STYLES -----*/

ol, ul {
	list-style: none;
}

ul.square li { 
	background: url(../img/elements/dot-red.gif) 5px 5px no-repeat; 
	padding-left: 15px;
	margin: 5px 0;
}

ul.arrow li { 
	background: url(../img/elements/arrow-red.gif) 5px 5px no-repeat; 
	padding-left: 15px; 
}

ul.intakeList { margin-bottom: 15px; }
ul.intakeList li { padding: 5px 0 5px 0; background: url(../img/elements/dot.gif) left bottom repeat-x; }

ul.showcaseList { margin-bottom: 15px; }
ul.showcaseList li { }
ul.showcaseList li ul { margin-left: 15px; margin-bottom: 10px; margin-top: 5px; }
ul.showcaseList li ul li {  padding: 1px; }
ul.showcaseList li ul li a,
ul.showcaseList li ul li a:link,
ul.showcaseList li ul li a:visited { 
	background: url(../img/titles/arrow_grey.gif) 0 2px no-repeat; 
	padding-left: 16px;
	font-weight: bold;
	font-size: 12px;
	color: #484848;
}

ul.courseList { margin-bottom: 15px; }
ul.courseList li { padding-bottom: 5px; }
ul.courseList li ul li { 
	background: url(../img/elements/dot-red.gif) 5px 5px no-repeat; 
	padding-left: 15px; 
}
ul.courseList li ul li ul { padding-left: 20px; }
ul.courseList li ul li ul li { 
	background: url(../img/elements/arrow-red.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
}

ul.eventImg { margin: 10px 15px 10px 15px; }
ul.eventImg li { display: inline; margin-left: 5px; }
ul.eventImg li img { border :1px red solid; }

/*----- DROP DOWN MENU -----*/
.dropmenu { 
	width: 190px; 
	height: 18px; 
	position: absolute; 
	right: 14px; 
	color: #000; 
	background: #fff; 
	background-image:url(../img/elements/arrow_drop.gif); 
	background-repeat: no-repeat;
	background-position: right top;
	border: #abadb3 1px solid; 
	text-align: left; 
}
.dropmenu:hover { background-position: right bottom; }
.dropmenu ul li.list { height: 17px; padding: 2px 10px 0 10px; /*background: url(../../img/elements/arrow_grey2.gif) 170px center no-repeat;*/ }
.dropmenu ul li ul { 
	background-color:#FFFFFF; 
	border: #999999 1px solid; 
	color: #000000; 
	width: 250px; 	
	position: absolute;
	top: 0;
	display: block;
	padding: 5px 0px;
	margin: 0;
	visibility: hidden;
	font-size: 11px;
}
.dropmenu ul li ul li { height:auto; list-style-type: decimal; text-align: left; margin: 0 0 0 25px; _margin: 0 0 0 30px; padding: 0px; border: white 1px solid; }
.dropmenu ul li ul.nonum li { height:auto; list-style-type: none; text-align: left; margin: 0 0 0 15px; _margin: 0 0 0 30px; padding: 0px; border: white 1px solid; }

*:first-child+html .dropmenu ul li ul li { margin: 0 0 0 30px; }

.dropmenu ul li ul li a,
.dropmenu ul li ul li a:link,
.dropmenu ul li ul li a:visited,
.dropmenu ul li ul li a:active {
	font-size: 11px;
	display: block;
	color: #000000;
}
.dropmenu ul li ul li a:hover { 
	font-size: 11px;
	display: block;
	color: #ea0000; 
	text-decoration: none;
	}

/*----- HEADER -----*/

#headerBar { width: 972px; height: 40px; background-color: #000; }

#logo { /*position: absolute; top: 0; left: 5px;*/ width: 116px; height: 96px; float: left; z-index: 6; /*margin-left: 5px;*/ position: absolute; }
html>body #logo { margin-left: 5px; }
#logo a { width: 116px; height: 96px; background: url(../img/logoIACT.jpg) 0 0 no-repeat; display: block; }

#headerImage { width: 982px; height: 280px; z-index: -1; position: relative; top: 0; }

/*----- CONTENT -----*/

#containerInner { 
	text-align: left;
	height: auto;
}

.contentColumn {
	width: 661px;
	background: url(../img/elements/content-col-bg.jpg) 0 0 repeat-y;
}
.contentColumnBody { 
	width: 621px;
	padding: 0px 20px;
	height: auto;
}
.contentColumnFooter { 
	width: 661px;
	height: 20px;
	background: url(../img/elements/content-footer-bg.jpg) 0 0 no-repeat;
}

.sideColumn { 
	width: 321px;
	background: url(../img/elements/side-col-bg.jpg) 0 0 repeat-y;
}
.sideColumnBody { width: 320px; }

.sideColumnBody .title { height: 20px; margin: 0 4px 10px 6px; padding: 0; background-color: #e00000; padding: 8px 0 0 15px; }
.sideColumnBody .btnSideCol { 
	margin: 0 20px 5px 20px; 
	background-color:#e00000; 
	height: 20px; 
	padding: 8px 0 0 15px; 
	background-image: url(../img/elements/arrowthin-white.gif); 
	background-position: right center; background-repeat: no-repeat; 
}
.sideColumnBody .btnSideCol a { display: block; }

#forms ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#forms a { 
	margin: 0 20px 5px 20px; 
	background-color:#fff; 
	height: 32px;
	display: block;
	vertical-align: top;
	/*padding: 8px 0 0 15px;*/
}

#forms a img { float: left; } 

#forms a span { font-family: Helvetica, sans-serif, Arial; font-size: 17px; float: left; margin: 8px 0 0 6px; }

#forms a:hover { text-decoration: none; }

#forms li.current span { text-decoration: underline; }

.sideColumnBody .content { 
	width: 281px;
	padding: 0px 20px;
}
.sideColumnBody .content img { border: #ff0000 1px solid; }

/*.sideColumnBody {
	background: url(../img/elements/side-col-bg.jpg) 0 0 repeat-y;
	height: auto;
	margin-bottom: 20px;
}*/
/* Target Safari and apparently Chrome too 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#sideColumnBody { margin-bottom: 15px; }
}*/

.sideColumnFooter { 
	width: 321px;
	height: 20px;
	background: url(../img/elements/side-footer-bg.jpg) 0 0 no-repeat;
	float: left;
}

.dividerDot { height: 5px; margin: 12px 0px; background: url(../img/elements/dot.gif) left center repeat-x; }

/*----- MAIN PAGE -----*/

.homeBackground { background: url(../img/elements/main_bg.gif) top center no-repeat; }

#headerImageHome { width: 982px; height: 400px; z-index: 0; position: relative; top: 0; }
*:first-child+html [#headerImageHome] { z-index: 10; }

#container { 
	text-align: left; 
	height: auto;
	position: relative;
	top: -20px;
	float: left;
}

.homeColumn { 
	width: 320px;
	float: left;
	position: relative;
	height: auto;
}

.homeColumnBody {
	background: url(../img/elements/home-body-bg.jpg) 0 0 repeat-y;
	height: auto;
}

.homeColumnHeader { 
	width: 320px;
	height: 25px;
	background: url(../img/elements/home-header-bg.png) 0 0 no-repeat;
}

.homeColumnBody .title { height: 20px; margin: 0 5px 10px 5px; padding: 0; background-color: #e00000; padding: 8px 0 0 15px; }

.homeColumnBody .content { 
	width: 280px;
	padding: 10px 20px 0 20px;
}
.homeColumnBody .content img { border: #ff0000 1px solid; }

.homeColumnFooter { 
	width: 320px;
	height: 20px;
	background: url(../img/elements/home-footer-bg.jpg) 0 0 no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
}

/*----- SUB NAVI TABS -----*/

.subNavTab { width: 621px; height: auto; margin: 10px 0; overflow: inherit; }
.subNavTab a span { visibility: hidden; }

.subNavTab a,
.subNavTab a:link,
.subNavTab a:visited { 
	display: inline-block;
	background-position: top left; 
	background-repeat: no-repeat;
	text-decoration: none;
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
}

/*----- ACCORDION -----*/

h2.trigger {
	padding:0;
	width:593px;
	font-size:18px;
	margin-bottom:2px;
	background-image: url(../img/titles/btn_off.gif);
	background-repeat:no-repeat;
	background-position:98% 50%;
}

h2.trigger a,
h2.trigger a:link,
h2.trigger a:visited {
	overflow: inherit;
	padding:5px 20px 5px 10px;
	color: #e00000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
	display: block;
	text-transform: uppercase;
	font-size:16px;
	border:1px #afafaf solid;
	width:562px;
}

h2.trigger a:hover{ 
	padding:5px 20px 5px 10px;	
	font-size:16px;
	color: #e00000; 
	width:562px;
	border:1px #e00000 solid;
	}

h2.active{
	background-image: url(../img/titles/btn_on.gif);
	background-repeat:no-repeat;
	background-position:98% 50%;
	color: #e00000; 
	}	

.toggle_container {
	margin: 1px 0 0 0;
	padding: 0;
	overflow: hidden;
	width: 620px;
	/*width:630px;
	width: 593px;*/
	clear: both;
}

.toggle_container .block {
	padding: 10px 20px; /*--Padding of Container--*/
}

.toggle_container .block2 {
	margin-left:35px;
	padding:0px; /*--Padding of Container--*/
}

.num { width: 25px; float: left; text-align: right; }
.description { width: 490px; display: block; }
.description2 { width: 530px; display: block; }

/*----- SHOWCASE -----*/
.paging{
	width: 585px; 
	height: auto; 
	float: left;
	padding: 2px 10px;
	
}
.paging ul li{
	width: 15px; 
	height: 15px; 
	display:block;
	text-align:center;
	border:1px solid red;
	margin:0 2px;
	float:right;
	position:relative;
	background-color:#FFF;
}

.paging ul li a{
	width: 15px; 
	height: 15px; 
	display:block;
	background-color:#FFF;
	color: #e00000;
	text-decoration:none;
}

.paging ul li a:hover{
	width: 15px; 
	height: 15px; 
	display:block;
	color:#FFF;
	background-color: #e00000; ;
}

.paging ul .active a {
	width: 15px; 
	height: 15px; 
	display:block;
	color:#FFF;
	cursor:default;
	background-color: #e00000;
}

.showcase { 
	width: 280px; 
	height: 260px;
	border: #ff0000 1px solid; 
	float: left;
	margin-bottom: 10px; 
	margin-left: 2px; 
	margin-top: 5px;
	padding: 10px;
	position: relative;
}
.showcase p { margin: 5px 0; }
.showcase img { border: #ff0000 1px solid; }

.socialBookmark { float: right; position: absolute; bottom: 10px; right: 10px; width: 111px; height: 16px; display: inline-block; }
.socialBookmark a { width: 16px; height: 16px; display: block; float: left; margin-left: 5px; }

.socialBookmark a.twitter { background: url(../img/button/icons/social-bookmark-icons.gif) 0 0 no-repeat; }
.socialBookmark a.twitter:hover { background: url(../img/button/icons/social-bookmark-icons.gif) 0px -16px no-repeat; }

.socialBookmark a.facebook { background: url(../img/button/icons/social-bookmark-icons.gif) -24px 0 no-repeat; }
.socialBookmark a.facebook:hover { background: url(../img/button/icons/social-bookmark-icons.gif) -24px -16px no-repeat; }

.socialBookmark a.delicious { background: url(../img/button/icons/social-bookmark-icons.gif) -48px 0 no-repeat; }
.socialBookmark a.delicious:hover { background: url(../img/button/icons/social-bookmark-icons.gif) -48px -16px no-repeat; }

.socialBookmark a.digg { background: url(../img/button/icons/social-bookmark-icons.gif) -71px 0 no-repeat; }
.socialBookmark a.digg:hover { background: url(../img/button/icons/social-bookmark-icons.gif) -71px -16px no-repeat; }

.socialBookmark a.google { background: url(../img/button/icons/social-bookmark-icons.gif) -95px 0 no-repeat; }
.socialBookmark a.google:hover { background: url(../img/button/icons/social-bookmark-icons.gif) -95px -16px no-repeat; }


/*----- FORM -----*/

.dropdownSelect { background-color: #e00000; height: 25px; width: 616px; text-align: right; padding: 5px 5px 0 0; margin: 15px 0; position: relative; }
.dropdownSelect #list { height: 20px; width: 300px; }
.dropdownSelect #dropdown { width: 300px; }

/*------Achievement-----*/
.viewmore{position:relative; float:left;}

/*----- FOOTER -----*/

#footerBar { 
	width: 953px; 
	height: 27px; 
	background-color: #000; 
	float: left; 
	margin-left: 3px; 
	margin-top: 20px; 
	padding: 13px 10px 0 10px; 
	font-size: 10px;
}

#footerBar ul.footerNav {
	list-style-type: none;
	display: inline;
	text-transform: uppercase;
	float: left;
}
#footerBar ul.footerNav li { display: inline; padding: 0px 2px;	color: #FFF; }
#footerBar ul.footerNav li a,
#footerBar ul.footerNav li a:link,
#footerBar ul.footerNav li a:visited { text-decoration: none; color: #FFF; }
#footerBar ul.footerNav li a:hover { text-decoration: underline; color: #FFF; }

#footerBar .copyright { float: right; color: #FFF; }
