/* 
Theme Name: APIS
Theme URL: http://www.oskyinteractive.com.au
Description: Theme for APIS
Author: Osky Interactive
Author URI: http://www.oskyinteractive.com.au
Version: 1.0
*/

/* css reset */
@import url("reset.css");

/* basic */
body { font: 12px/16px Arial, Helvetica, sans-serif, sans-serif; background: #ffffff; margin: 0; padding: 0; text-align: center; color: #666666; }
body.home {background:url(images/bg-body_home.gif) repeat-x top left;}
body.sub_category {background:url(images/bg-body_category.gif) repeat-x left top;}
body.sub_content {background:url(images/bg-body_content.gif) repeat-x left top;}
p {margin:0 0 15px 0;}
h1,h2,h3,h4,h5 {margin:0 0 10px 0;}
a, a:visited {color: #7a1e10;text-decoration: none;}
a:hover {color: #BC2D12}
a:active {color: #415F49}

/* layout */
#container { width: 960px; background: #FFFFFF url(images/bg-container.gif) repeat-y top right; margin: 0 auto; text-align: left; }
#header {padding: 0; }
#sidebar { float: right; width: 260px; background: #F7F8F7; padding: 50px 20px; }
#main_content { margin: 0 300px 0 0; padding: 50px 30px 50px 0; }
#footer { padding:30px 0; border-top:1px solid #e2e4e3; font-size:11px;}

/* header */
#header h1 { margin: 50px 80px 47px 0!important; padding: 0; float: right; width:149px; height:58px; display:inline; }
#header h1 a { width:149px; height:58px; display:block; background:url(images/logo-header_apis.gif) no-repeat; text-indent:-9999px;}
#header h2 { float:left; margin:50px 0 0 0!important; background:url(images/txt-welcome_to_apis.gif) no-repeat; width:177px; height:16px; text-indent:-9999px; display:inline;}

/* drop down menu */
#main_menu {float:left; width:660px; margin:57px 0 0 0;}
.menu {height:32px; position:relative; z-index:100;font-family:arial, sans-serif; width:660px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
* html .menu a, * html .menu a:visited {width:85px; padding:0 10px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;color:#7a1e10; height:32px; border-right:1px solid #dedede; background:#fff; padding:0 15px; line-height:32px; font-weight:bold; text-transform:uppercase;}
.menu ul li a.current_page_link,.menu ul li a.current_parent {color:#7a1e10;background:#F7F8F7;}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#dedede url(images/bg-main_menu_dropdown.gif) 0 0;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#dedede url(images/bg-main_menu_dropdown.gif) 0 -50px}
.menu ul ul :hover > a.drop {background:#dedede url(images/bg-main_menu_dropdown.gif) 0 -50px}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse; margin:0; padding:0; border:none;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#dedede url(images/bg-main_menu_dropdown.gif) repeat-x 0 0; color:#7A1E10; height:auto; line-height:1.2em; padding:5px 10px; width:128px; border:none!important; text-transform:none!important;}
.menu ul ul a:hover {background:#dedede url(images/bg-main_menu_dropdown.gif) repeat-x 0 -50px; color:#fff;} /*2nd level hover */
.menu ul ul :hover > a {background:#dedede url(images/bg-main_menu_dropdown.gif) repeat-x 0 -50px; color:#fff;}
.menu ul ul a:active {background:#dedede url(images/bg-main_menu_dropdown.gif) repeat-x 0 -100px; color:#fff;} /*2nd level hover */
.menu ul ul :active > a {background:#dedede url(images/bg-main_menu_dropdown.gif) repeat-x 0 -100px; color:#fff;}
/* style the top level hover */
.menu a:hover { background:#7A1E10; color:#fff;}
.menu :hover > a {background:#7A1E10; color:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* banner on homepage */
#banner { height:275px; background:#7a1e10;}
#banner img {float:left;}
#banner h3 {float:right; background:url(images/txt-banner.gif) no-repeat; width:251px; height:12px; text-indent:-9999px; margin:134px 27px 0 0!important; display:inline;}

#banner_inside { height:138px; background:#362325; position:relative;}
#banner_inside h1 {font-size:18px; font-weight:bold; margin:0; padding:60px 0 0 0; color:#fff!important; text-transform:uppercase;}
#banner_inside #banner_image {position:absolute; top:0; left:330px;}
#banner_inside .banner_inside_tagline {position:absolute; top:0; right:0; background:#7a1e10; width:300px; height:138px;}
#banner_inside .banner_inside_tagline h3 {background:url(images/txt-banner.gif) no-repeat; width:251px; height:12px; text-indent:-9999px; margin:65px 0 0 20px!important;}

#banner_inside_sub { height:51px; background:#362325; position:relative;}
#banner_inside_sub h1 {font-size:18px; font-weight:bold; margin:0; padding:16px 0 0 0; color:#fff!important; text-transform:uppercase;}
#banner_inside_sub .banner_inside_tagline {position:absolute; top:0; right:0; background:#7a1e10; width:300px; height:51px;}

/* typography */
#container h1 {font-size:24px; line-height:20px; color:#362325; font-weight:normal;}
#container h2 {font-size:18px; line-height:20px; color:#362325; font-weight:normal; margin:0 0 5px 0;}
#container h3 {font-size:12px; color:#7a1e10; font-weight:bold; margin:0;}
#container p.news_date {font-size:10px; font-weight:bold; color:#a09990; margin:0; text-transform:uppercase;}
#container p.news_more {font-size:11px; font-weight:bold; color:#7a1e10; text-transform:uppercase;}



/* main content */
#main_content .highlight {background:#e5e6e0; padding:15px 15px 10px;}
#main_content .intro_page {margin:0 0 20px 0; width:580px;}
#main_content .intro_page p {font-size:18px; line-height:26px; margin:0 0 5px 0; }
#main_content ul {list-style:none; margin:0 0 15px 18px;}
#main_content ul li {list-style:url(images/list-star.gif); padding: 3px 0;}
#main_content ul.red {list-style:none; margin:0 0 15px 18px;}
#main_content ul.red li {list-style:url(images/list-red_star.gif); padding: 3px 0;}
#main_content .breadcrumb {margin:-40px 0 20px 0;}
#main_content h2.title {font-size:11px; font-weight:bold; color:#999999; text-transform:uppercase; margin:0;}

/* left content */
#main_content .content_left { width:300px; float:left;}

/* right content */
#main_content .content_right {width:300px; margin:0 0 0 320px;}

/* sidebar */
#sidebar .intro_sidebar {font-size:14px; line-height:20px;}
#sidebar a.button {background:url(images/bg-button.gif) no-repeat; width:228px; display:block; height:15px; text-decoration:none; text-transform:uppercase; font-size:14px; font-weight:bold; color:#fff; padding:6px 15px; margin:0 0 25px 0;}
#sidebar a.button:hover {background-position:0 -27px;}
#sidebar a.button:active {background-position:0 -54px;}
#sidebar ul {list-style:none; margin:0 0 15px 18px;}
#sidebar ul li {list-style:url(images/list-star_sidebar.gif); padding: 3px 0;}
#sidebar p.more {font-size:11px; font-weight:bold; color:#7a1e10; text-transform:uppercase;}

/* sidebar sub nav */
#sub_nav {margin:0 0 40px 0;}
#sub_nav h2 {font-size:12px; font-weight:normal; text-transform:uppercase; margin:0 0 5px 0;}
#sub_nav ul{list-style-type:none;margin:0;padding:0;}
#sub_nav ul li {list-style-image:none;list-style-type:none;margin:0;padding:0;}
#sub_nav a,#sub_nav a:visited{border-bottom:1px solid #dadada;display:block;font-weight:700;padding:5px 10px;}
#sub_nav a.first {border-top:1px solid #dadada;}
#sub_nav a:hover{background:#7A1E10;color:#fff;}
#sub_nav a:active{background:#415F49;color:#fff;}
#sub_nav ul li.current_page_item a {background:#fff; color:#7A1E10;}


/* footer */
#footer .copyright {float:left; width:600px}
#footer .contact {margin:0 0 0 680px;}
#footer p {margin:0;}
#footer ul.footer_link {clear:left; margin:0;}
#footer ul.footer_link li {display:block; float:left; padding:0 10px 0 10px; background:url(images/list-square.gif) no-repeat 0 50%; list-style:none;}
#footer ul.footer_link li.first {padding-left:0; background:none;}

/* generic classes */
.float_right, .alignright { float: right; margin-left: 8px; }
.float_left, .alignleft  { float: left; margin-right: 8px; }
.clear_float { clear:both; height:0; font-size: 1px; line-height: 0px; }