/* 
----------------------------------------------
ACU homepage styles
----------------------------------------------
*/

body
{
	margin: 0px;
	margin-top:10px;
	
	padding: 0;
	font-family: segoe UI, Lucida Grande, Lucida Sans Unicode, verdana, sans-serif;   
	aling:center;
	/*background: url(bgfill2.gif);background-color:#91D09A;#37001C;*/

	
	color: #333;
	

}


a { color:#484035; text-decoration:none; }
a:visited { color:#65657d; text-decoration:none; }
a:active { color:#484035; background-color:#E2F0FA; }
a:hover { color:#dc1a22; text-decoration:underline; }

h1, h2, h3, p { margin-top: 0; }
h2 { color:#dc1a22; font-size:0.9em; margin-bottom:0; padding-bottom:0; }

/* 
----------------------------------------------
container styles
----------------------------------------------
*/

#wrapper { background: #fff;  width: 740px; margin-left:136px;border:2px #FFFFFF;}

#main_container { margin-left:0px;margin-top:0px; margin-bottom:0px; }
/* 
----------------------------------------------
header styles
----------------------------------------------
*/
#top_nav { border-top: 2px solid #e4e0d8;  }
#top_nav ul { background-color: #f2f1ed; background-repeat:repeat-x; height:20px; float: right; margin: 0px 1px 0px 0px;  border: 1px solid #e4e0d8; border-top:none; display:inline; padding:0px; }
#top_nav li { list-style-type: none; border-right: 1px solid #e4e0d8; float: left; padding: 2px 7px; font-size:12px; line-height:13px; }
#top_nav li a { text-decoration:none; color:#484035; }

#top_nav li a:hover {text-decoration:underline; }

#header_area {  position:absolute; top:112px; left:146px; margin:0px; padding:0px; min-height:92px; width:740px; align: center;  }
h1#logo_1 { position:absolute; left:0px; top:0; margin:0; padding:0; } 
/* 
----------------------------------------------
Search 
----------------------------------------------
*/
#search_form { position:absolute; right:1px; top:0px; height:20px }
#search_form #query { border:1px solid #766756; text-align:left;color:#666666; padding-bottom:1px; font-size:13px; }
.submit { height:20px; color:#fff; font-weight:bold; background-color:#dc1a22; border:none; font-size:14px; }

/*
----------------------------------------------
Global Navigation
----------------------------------------------
*/
#global_nav {   padding: 0px; font-size:12px; margin-top:0px; margin-left:0px;}
#global_nav ul { width: 740px; clear:both; }
#global_nav li { list-style-type: none; display: inline;  }  

#global_nav li a
{
	float: center;
	display: block;
	padding: 2px 0px 3px 0px;  /* if using segoe UI make side margin:  8px  */
	background-color: #f2f1ed;
	background-image:url(http://localhost/vimc/courses_files/nav_bg_normal.gif);
	background-repeat:repeat-x;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	color:#484035; 
	border: 0px solid #e4e0d8;
}

#nav_item1 { width:50px; }
#nav_item2 { width:66px; }  /*courses*/
#nav_item3 { width:70px; }  /*coaching*/
#nav_item4 { width:60px; }  /*reults*/
#nav_item5 { width:90px; }  /*program*/
#nav_item6 { width:84px; }  /*calender*/
#nav_item7 { width:70px; }  /*branches*/
#nav_item8 { width:90px; }  /*gallery*/
#nav_item9 { width:84px; } /*about vdyn*/
#nav_item10 { width:76px; }  /*contact us*/

#global_nav li a:hover { text-decoration:none; }
#global_nav li a:hover span { border-bottom: 2px solid #e01a22; }

li#selected_1 { 
	list-style-type:none; 
	display: inline; 
	float: left;
	display: block;
	padding: 3px 7px;
	background-color: #f2f1ed;
	background-image:url(http://localhost/vimc/courses_files/nav_bg_selected.gif);
	background-repeat:repeat-x;
	margin: 0 0 0 0;
	text-align: center;
	color:#766756; 
	border: 1px solid #e4e0d8;
/*	width: 5em;*/
	 }

li#selected_1 span { border-bottom: 2px solid #e01a22; }
	
/* 
----------------------------------------------

Feature

----------------------------------------------
*/
#feature { margin-top:0px; margin-bottom:0px; width:740px;  }
#feature a img { margin-bottom:0; padding-bottom:0; background-color:#000; border:0; }

#thumbs { height:60px; width:740px; border: 0px solid #e4e0d8; background-color:#fff; margin:0px; margin-top:0px; position:relative;}  /*  margin-top:-3px;  */
#thumbs ul{ margin:0; padding:0; border:0; float:left;}
#thumbs li{list-style:none; margin:1px 0 0 0; padding:0; float:left; position:relative; border-right: 1px solid #e4e0d8;}
#thumbs li img { margin:0;padding:0;border:0; }
#thumbs table { margin:-1px 0 0 -1px; padding:0; border:0; height:60px;}
#thumbs td{margin:0 0 0 -1px; padding:0; position:relative;}
#thumbs td img { margin:0 0 0 -1px;padding:0;border:0; }

#image_table{
	position:relative; 
	width:690px; 
	display:block; 
	height:70px; 
	overflow-x:auto;
	overflow-y:hidden; 
	float:left; 
	white-space:nowrap;
	
}

/*  thumbnail containers  */
#thumbs td
{ margin:0; padding:0; border-right: 1px solid #e4e0d8; }

/*    coloured bar on thumbs in selected state (no link)  */
#thumbs span.selected { width:85px; height:6px; position:absolute;bottom:3px; left:0;}

/*  normal state  (as links) */
#thumbs td a { border-right: 0px solid #e4e0d8; height:60px; width:85px; margin:0; padding:0; position:relative;}
#thumbs li#rewind a, #thumbs li#forward a { width:15px; background-color: #f2f1ed; }
#thumbs li#rewind a {  }
#thumbs li#forward a { border-right:0; }



/*  coloured bar on thumbs in hover state   */
#thumbs li a:hover span { width:85px; height:6px; position:absolute;bottom:0; left:0;}
#thumbs li a img { opacity:0.6; }
#thumbs li a:visited img { opacity:0.3; background-color:#000; }
#thumbs li a:hover img { opacity:1; }
#thumbs td a:hover span { width:85px; height:6px; position:absolute;bottom:0; left:-1px; }

#thumbs td a img {	
        filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#thumbs td a:visited img {  
        filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
        opacity:0.4; 
        background-color:#000; 
}
#thumbs td a:hover img { 
        filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
        opacity:1; 
}
#thumbs td  a:hover.selected img { 
        filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
        opacity:1; 
}
#thumbs td a.selected img { 
        filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
        opacity:1; 
}
#thumbs td a:visited.selected img {
        filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
        opacity:1; 
}
#thumbs td a:hover.selected img { 
        filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
        opacity:1; 
}
#thumbs td a.selected span  { width:85px; height:6px; position:absolute;bottom:3px; left:-1px;}

/* 
----------------------------------------------
Links    
----------------------------------------------

#links h2 { margin-bottom:0.4em; }
#links h2 a { color:#e01a22; }
#links ul { margin:0; padding:0; }
#links li { list-style-type:none; background-repeat:no-repeat; background-position: left 0.3em; margin:0; padding:0; padding-left:10px; padding-bottom:0.5em; background-image:url(../img/bullet.gif); }
#links li a { color:#484035; font-size:0.8em; display:block; line-height:1em; }
#links li a:hover { color:#e00528; text-decoration:underline; }

#links .cluster { float:left; margin: 0 2.5em 1em 0; width:11em; min-height: 8em; }
#links .cluster p { margin:0; margin-bottom:0.4em; font-size: 0.8em; line-height:1.1em; }

/* 
----------------------------------------------
Login & News column   
----------------------------------------------
*/

#login_news_col { width:260px; position:absolute; left:616px; top:484px}

#login_box { border: 1px solid #e4e0d8; margin-right:0px; background-color:#f2f1ed; padding: 0px 0px 0px 0px ;height:124px; margin-bottom:0px }
#login_box input { background-color:#554B3E; margin-top:0.5em; }
#login_box form { margin-bottom:0em; }

#news_box { border: 0; margin:10px 30px 10px 0; padding: 0; }
#news_box h2 { display: inline; float:left; }
#news_box h2 a { margin-bottom:0.7em; display: block; text-align:center; border: 1px solid #e4e0d8; border-top:none; border-right:0; padding:0.4em 0 0.4em 0; font-size:0.85em; background-color:#f2f1ed; background-image:url(../img/tap_normal_bg.gif); } 

#news_box h2 a:hover { background-image:url(../img/nav_bg_selected.gif); }

#news_box h2#selected { width: 4em; text-align:center; border:none; padding:0.2em 0; }
#news_box h2 a#events { width: 5em; }
#news_box h2 a#dates { width: 10.3em; }

#news_box dl { clear:both; margin:2.2em 0.5em 0.5em 0; font-size:0.85em; }
#news_box dt { font-size:0.9em; color:#333; font-weight:800; margin-top:1em; }
#news_box dd { font-size:0.8em; margin-left: 0; padding-left:0; }
#news_box dd a { margin-left: 0; padding-left:0; } 
#news_box dd a:hover { color:#dc1a22; }
#news_box p a { font-size:0.765em;  }
#news_box p { margin-top:0.6em; }
#news_box p a:hover { color:#dc1a22; }

#news_box h2 a:hover { background-image:url(http://www.acu.edu.au/__data/assets/image/0019/141643/nav_bg_selected.gif); }
#news_box div{
    clear:left;
    border: 1px solid #e4e0d8; 
    padding: 0em 0em 1em 0.5em;
    margin:0;
}
#news_box h2.notselected {  
    display: block; 
    text-align:center; 
    border: 1px solid #e4e0d8;  
    padding:0.4em 0 0.4em 0; 
    font-size:0.85em; 
    background-color:#f2f1ed; 
    color:#666;
    padding:0.4em 0 0.4em 0; 
    margin:0; 
} 
				
#news_box h2.notselected.over { 
    background-image:url(http://www.acu.edu.au/__data/assets/image/0019/141643/nav_bg_selected.gif);
    color:#e01a22;
}
#news_box h2.selected { 
    padding:0.4em 0 0.4em 0; 
    display: block; 
    text-align:center; 
    border: 1px solid #e4e0d8; 
    border-bottom:1px solid #FFFFFF;
    font-size:0.85em; 
    background-color:#FFFFFF; 
} 
				
#news_box #news { width: 3.8em; height : 1.3em; margin:0 0 -0.15em 0;}
#news_box #events { width: 4em; height : 1.3em; margin:0 0 -0.15em 0;}
#news_box #dates { width: 10.7em; height : 1.3em; margin:0 -7px -0.15em 0; }

/* 
----------------------------------------------
Footer
----------------------------------------------
*

#footer { height:3em;min-height:3em; padding: 0.5em 1em 0 1em; margin-bottom:0; font-size:80%;background-color:#f2f1ed; border-top: 1px solid #e4e0d8; clear:both;}
#footer p { margin:0;font-size:80%;}
#footer { color:#484035; }
#footer a { color:#484035; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer div.right-content { float:right; text-align:right; margin-right:20px; }

/* 
----------------------------------------------
GENERIC class styles
----------------------------------------------
*/
/*.off-screen { position:absolute; left:-10000px; top:1000px; }*/
.no_border { border:2px; }
.border_h { border-top: 1px solid #e4e0d8; margin-top:1em; padding-bottom:1em; margin:0; width:63%; clear:left; }
