/*************************************************************
 * author: Frontenders.com
 * contact: contact at frontenders dot com
 * description: css for all media types
 *************************************************************/
@media screen,projection {
    /* reset
     * based on Eric Meyer's reset.css
     * http://meyerweb.com/
     *************************************************************/
    
	form table.page { width:960px;}
	.time {color:black}
	.welcome {
		background-image:url("http://amtech.abovemls.com/community/images/custom/bg_wrap.jpg"); 
		background-repeat: no-repeat; 
		background-position:top left; 
		background-attachment: scroll; 
		height:46px; 
		width:180px; 
		margin-top:10px; 
		float: right;
	}
	.smallfontindex {font-family:Arial,sans-serif; font-size:11px; color:black}
	.smallfontindex a {color:red}
	.vbmenu_control a { text-transform: uppercase; }
	
	.container div, .container span,
    .container h1, .container p, .container pre,
    .container a, .container abbr, .container acronym, 
    .container del, .container dfn, .container em, .container font, .container img, .container ins, .container kbd, .container q, .container s, .container samp,
    .container small, .container strike, .container strong, .container sub, .container sup, .container tt, .container var,
    .container b, .container u, .container i, .container center,
    .container dl, .container dt, .container dd, .container ol, #mainMenu, #mainMenu li, #mainMenu ul, li#mAbout, .ir, .links, .links li,
    .container fieldset, .container form, .container label, .container legend, .container button,
    .container table, caption, .container tbody, .container tfoot, .container thead, .container tr, .container th, .container td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        font-weight: normal;
        vertical-align: baseline;
        background: transparent;
    }
	
	.vbmenu_popup .thead { background:#ce3030}
	.vbmenu_option a {font-weight:bold}
	
    .container body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }
    
    :focus { outline: 0; }
    
    ins { text-decoration: none; }
    del { text-decoration: line-through; }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    /* /reset
     *****************************************************/
    
    /* global elements
     *****************************************************/
    body {
        background: #133461 url( images/custom/bg_body.jpg ) repeat-x 50% 0;
        color: #fff;
        font: 62.5%/1 Arial, sans-serif;
        padding: 33px 0;
        text-align: center;
    }
    a { text-decoration: underline; }
    a:hover { text-decoration: none; }
    th, td { vertical-align: top;}
    strong { font-weight: bold; }
    /* /global elements
     *****************************************************/
    
    /* common
     *****************************************************/
    form div, .cols { overflow: hidden; }
    .cols {
        float: left;
        width: 100%;
    }
    .col {
        display: inline;
        float: left;
    }
    .l { float: left; }
    .r { float: right; }
    .print { display: none; }
    .ir {
        display: block;
        overflow: hidden;
        position: relative;
    }
    .ir span {
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    a span { cursor: pointer; }
    .clear { clear: both; }
    input.button, button { cursor: pointer; }
    input.text {
        background: #fff;
        border: none;
        border-top: 2px solid #596d8a;
        border-left: 1px solid #596d8a;
        padding: 2px;
    }
    /* /common
     *****************************************************/
    
    /* base layout
     *****************************************************/
    #container {
        background: #dcdcdc;
        margin: 0 auto;
        padding: 10px 11px; padding-bottom:0px;
        text-align: left;
        width: 950px;
    }
    #wrap {
        background: #fff url( img/bg_wrap.png ) repeat-x 0 0px;
        border-top: 9px solid #25375f;
        color: #294a93;
        padding: 0 10px;
    }
    #branding {
        height: 150px; background: transparent url( img/sprite_branding.jpg ) no-repeat -12px 0px;
    }
    #content {
        font-size: 1.4em;
        line-height: 1.45;
        overflow: hidden;
        padding: 8px 0 15px; margin-top:0px;
		text-align:left;
    }
    #content .wrap {
        float: left;
        width: 733px;
    }
    #primary {
        float: right;
        padding: 0 43px;
        width: 650px;
    }
    .sidebar { width: 187px;}
    #secondary { float:left;}
    #content .wrap { width: 733px; }
    
    #tertiary { float: right; }
    #siteInfo {
        background: #fff url( img/bg_footer.png ) repeat-x 0 100%;
        color: #294a93;
        margin: 12px 0 0;
        padding: 25px 0;
        overflow: hidden;
        text-align: center;
    }
    /* /base layout
     *****************************************************/
    
    /* branding elements
     *****************************************************/
    #siteName, #motto, #mctina {
        float: left;
    }
    #siteName {
        float: left;
        height: 150px;
        margin: 0 0 0 -10px;
        width: 242px;
    }
    #siteName a {
        color: #294A93;
        height: 150px;
        line-height: 150px;
        text-align: center;
        text-decoration: none;
    }
    #siteName span {background: transparent url( img/sprite_branding.jpg ) no-repeat 0 0; }
    #motto {
        background: transparent url( img/sprite_branding.jpg ) no-repeat -242px -65px;
        float: left;
        height: 16px;
        margin: 65px 25px 0px 0px;
        text-indent: -1000em;
        width: 363px;
    }
    #mctina {
        float: left;
        display: block;
        height: 77px;
        line-height: 77px;
        margin: 37px 0 0;
        text-align: center;
        width: 128px;
    }
    #mctina span { background: transparent url( img/sprite_branding.jpg ) no-repeat -632px -37px; }
    #login {
        float: right;
        margin: 10px 0 0 0;
        width: 160px;
    }
    #login div { margin: 0 0 5px; }
    #login label {
        color: #fff;
        float: left;
        font: normal 1.3em/1 Impact, Arial, sans-serif;
        padding: 5px 0 0;
        text-align: right;
        text-transform: uppercase;
        width: 65px;
    }
    #login .text {
        float: right;
        width: 80px;
    }
    #login .inline {
        text-align: right;
    }
    #login .inline label {
        color: #294a93;
        float: none;
        font: 1.2em/1 Arial, sans-serif;
        padding: 0;
        text-transform: none;
    }
    #login .buttons { float: right; }
    .login {
        background: transparent url( img/button_login.png ) no-repeat 0 0;
        height: 24px;
        width: 66px;
    }
    .links {
        float: right;
        width: 60px;
    }
    .links a { color: #294a93; }
    /* /branding elements
     *****************************************************/
    
    /* navigation elements
     *****************************************************/
    #mainMenu {
        background: #fff;
        height: 49px;
        position: relative;
        z-index: 20;
    }
    #mainMenu li {
        background: #2e65b1;
        float: left;
        margin: 0 0 0 1px;
    }
    #mainMenu li:hover, #mainMenu li.hover { position: relative; }
    #mainMenu #mAbout { margin: 0; }
    #mainMenu a {
        color: #fff;
        display: block;
        font: 1.5em/49px Impact, Arial, sans-serif;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    #mainMenu span {
        background-image: url( img/sprite_main_menu.png );
        background-position: 0 0;
    }
    #mAbout a { width: 140px; }
    #mWhy a { width: 111px; }
    #mCommunity a { width: 175px; }
    #mMember { width: 170px; }
    #mTraining { width: 177px; }
    #mContact { width: 152px; }
    
    #mAbout span { background-position: 0 0; }
    #mWhy span { background-position: -141px 0; }
    #mCommunity span { background-position: -253px 0; }
    #mMember span { background-position: -429px 0; }
    #mTraining span { background-position: -600px 0; }
    #mContact span { background-position: -778px 0; }
    
    #mAbout.active span { background-position: 0 -49px; }
    #mWhy.active span { background-position: -141px -49px; }
    #mCommunity.active span { background-position: -253px -49px; }
    #mMember.active span { background-position: -429px -49px; }
    #mTraining.active span { background-position: -600px -49px; }
    #mContact.active span { background-position: -778px -49px; }
    
    #mAbout a:hover span, #mAbout:hover span { background-position: 0 -98px; }
    #mWhy a:hover span, #mWhy:hover span { background-position: -141px -98px; }
    #mCommunity a:hover span, #mCommunity:hover span { background-position: -253px -98px; }
    #mMember a:hover span, #mMember:hover span { background-position: -429px -98px; }
    #mTraining a:hover span, #mTraining:hover span { background-position: -600px -98px; }
    #mContact a:hover span, #mContact:hover span { background-position: -778px -98px; }
    
    #mainMenu ul {
        background: #294a93;
        border-top: 1px solid #fff;
        left: -1000em;
        padding: 6px 0;
        position: absolute;
        top: 48px;
        z-index: 25;
        min-width: 170px;
    }
    #mainMenu li:hover ul, #mainMenu li.hover ul {left: 0; }
    #mainMenu li li {
        background: #294a93;
        font-size: 0.867em;
        height: auto;
        line-height: 1;
        margin: 0;
        width: 100%;
    }
    #mainMenu li li a {
        line-height: 1;
        padding: 6px 20px;
        text-align: left;
        text-transform: none;
        width: auto;
    }
    #mainMenu li li a:hover { background: #ce3030; }
    #subMenu {
        background: #b3cde6 url( img/bg_sub_menu.png ) no-repeat 0 100%;
        overflow: hidden; margin-left:0px; margin-top:0px;
        padding: 0 0 14px;
    }
    #subMenu li {
        float: left;
        width: 100%;
    }
    #subMenu a {
        color: #25375f; font-size:14px;
        display: block;
        font-family: Impact, Arial, sans-serif;
        line-height: 1;
        padding: 10px 10px 10px 25px;
        text-decoration: none;
        text-transform: uppercase;
    }
    #subMenu a:hover {
        background: transparent url( img/bg_sub_menu_item.png ) no-repeat -240px 50%;
        color: #ce3030;
    }
    #subMenu .active a {
        background: #7babdd url( img/bg_sub_menu_item.png ) no-repeat 10px 50%;
        color: #25375f;
        cursor: default;
    }
    
    #siteInfo li {
        background: transparent url( img/bg_site_info_menu_item.png ) no-repeat 0 50%;
        display: inline;
        font-size: 1.2em;
        margin: 0 7px 0 0;
        padding: 0 0 0 11px;
    }
    #siteInfo li.first { background: none; }
    #siteInfo a {
        color: #294a93;
        text-decoration: none;
    }
    #siteInfo a:hover { text-decoration: underline; }
    /* /navigation elements
     *****************************************************/
    
    /* content elements
     *****************************************************/
    a.more {
        color: #ce3030;
        font-family: Impact, Arial, sans-serif;
        text-transform: uppercase;
    }
    a.more:hover { color: #294a93; }
    #welcome {
        background: #ececec url( img/sprite_sidebar.png ) no-repeat 0 0;
    }
    #welcome .inner {
        background: transparent url( img/sprite_sidebar.png ) no-repeat -187px 100%;
        min-height: 293px;
        padding: 22px 15px 22px 22px;
    }
    #welcome h2 {
        font: normal 1.572em/1 Impact, Arial, sans-serif;
        text-transform: uppercase;
    }
    #join {
        background: #dae2eb url( img/bg_join.jpg ) no-repeat 0 0;
        height: 46px;
        padding: 125px 0 0;
        position: relative;
    }
    #join a {
        background: #2f69b5;
        color: #fff;
        font: normal 1.572em/46px Impact, Arial, sans-serif;
        height: 46px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    #join span { background: transparent url( img/bg_join.jpg ) no-repeat 0 -125px; }
    #news {
        background: #b3cde6 url( img/sprite_sidebar.png ) no-repeat 100% 100%;
        margin: 8px 0 0;
        min-height: 139px;
        padding: 10px 15px;
    }
    #news h2 {
        font: normal 1.072em/1 Impact, Arial, sans-serif;
        text-transform: uppercase;
    }
    #news ul {
        font-size: 0.858em;
        line-height: 1.4;
    }
    #news li { margin: 10px 0 0; }
    
    #primary h1 {
        font: normal 1.572em/1 Impact, Arial, sans-serif;
        margin: 1em 0;
        text-transform: uppercase;
    }
    #primary p, #primary ul, #primary dl, #primary ol { margin: 1em 0 0; }
    #primary ul {
        list-style: disc;
        padding: 0 0 0 20px;
    }
    #primary ol {
        list-style: decimal;
        padding: 0 0 0 20px;
    }
    /* /content elements
     *****************************************************/
    
    /* footer elements
     *****************************************************/
    #siteInfo h6 {
        padding: 10px 0 0;
        text-align: center;
    }
    /* /footer elements
     *****************************************************/
}
@media print {
    body { font: 12px/140% Verdana,sans-serif; }
    #mainMenu, #links, #branding, #subMenu { display: none; }
    .print { display: block; }
}