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

/* general CSS _________________________________________________________________ */

body { background:#000 url(images/bg_body.png) repeat-x; font-size:100%; font-family:Arial, Helvetica, sans-serif; line-height:1.648em; color:#fff;}

h1, h2, h5, h6 { color:#e02d3f;}

h3 { color:#e02d3f;}

h4 { color:#ffed00;}

h1, h2 { font-size:2.4em; padding-bottom:2.2%;}
h3 { font-size:1.4em; padding-bottom:2.2%;}
h4 { font-size:1.4em; padding-bottom:2.2%;}
a { color:#ffed00;}
dl { padding-bottom:2.2%}
form { padding-bottom:2.2%;}
p#testimonial { color:#ffed00; font-style:italic;}

/* layout CSS _________________________________________________________________ */

#wrapper { width:960px; margin:0 auto; background:#000; /* this will align #wrapper in the centre */}

#content {padding:2.2% 0 0 0; margin-left:2.2%; margin-right:1.1%}
#content p { padding-bottom:2.2%;}

#header {height:298px; position:relative;}

h1#logo { width:232px; height:242px; background:url(images/ahsc_logo.png) no-repeat; position:absolute; top:15px; left:30px;}

h1#logo a { display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden;}

ul#fb { position:absolute; top:130px; left:890px;}

ul#fb li { height:64px;}

ul#fb li a { background:url(images/facebook_sprite.png); display:block; width:64px; height:64px; text-indent:-99999px;}

ul#fb li a:hover, h1#fb a:active, h1#fb a:focus { background-position:-64px 0;}

.column_1 { width:60%; float:left;}

.column-2 { width:33.4%; margin-left:1.1%; float:left;}

#footer { clear:both; height:33px; line-height:33px; padding:0 2.2%; background:#e00016;}

img{ padding-bottom:2.2%;}
img#macs_img { float:right; padding-left:4.4%;}

dt#hot_heads { width:600px; height:248px; background: url(images/hotheads.gif);}
dt#hot_heads a { display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden;}

h2#hot_heads { width:600px; height:233px; background: url(images/hotheads.gif);}
h2#hot_heads a { display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden}

dt#macs { width:250px; height:195px; background: url(images/macs_logo.png); position:relative;}
dt#macs a { display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden;}

h2#macs { width:250px; height:174px; background: url(images/macs_logo.png);}
h2#macs a { display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden;}

dt#mta { width:250px; height:254px; background: url(images/mta_logo.png); position:relative;}
dt#mta a { display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden;}