/*  
Theme Name: MANAonline.org
Theme URI: http://www.manaonline.org/wordpress
Description: MANA theme
Version: 1
Author: Atlantis International, LLC
Author URI: http://AtlantisNet.com/
*/

/* 		Stylesheet for MANA Online				*/
/*		Copyright (c) 2006 Atlantis International, LLC.		*/
/*		http://www.atlantisnet.com				*/
/*		lnovelli@atlantisnet.com				*/

/*			Common Page Elements				*/

body {
	color: #333;
	background-color: #FFF;
	font-family: "Turkish Sans", Arial, "Lucida Grande", sans-serif;
	font-size: 11px;
	text-align: center;	
	padding: 0;
	margin: 0;
	}

a {
	color: #69C;
	text-decoration: none;
	}

a:visited {
	color: #69C;
	text-decoration: none;
	}	

a:hover {
	color: #369;
	text-decoration: underline;
	}
	
/* Header -- Includes the logo and login links */
/* The logo appears in the header courtesy of the Fahrner Image Replacement method	*/


#header {
    width: 770px;
    voice-family: "\"}\"";
    voice-family: inherit;

	/* background-color: #D3DCDC; */
	margin: 0 auto;
	text-align: left;
	padding: 12px 12px 0 12px;	
	height: 73px;
	}
	
#logo {
	width: 334px;
	height: 62px;
	background: #F90 url(/_img/mast.gif) no-repeat;
	}
	
#logo span {
	display: none;
	}
	
#login {
	float: right;
	}
	
#login a {
	font-weight: bold;
	color: #366;
	text-decoration: none;
	}	
	
#login a:hover {
	text-decoration: underline;
	}		


/* Login Box */

     #loginBox {
     float: right;
     background-color: #18aacf;
     color: #fff;
     font-size: 10px;
     text-align: left;
     width: 300px;
     margin: 2px;
     -moz-border-radius:0.4em;
     -khtml-border-radius:0.4em;
    }
    
     #loginBox .theInput {
     font-size: 11px;
     width: 110px;
     margin-right: 5px;
     -moz-border-radius:0.4em;
     -khtml-border-radius:0.4em;
    }

    #loginBox .theSubmit {
     font-size: 10px; 
     background-color: #333333;
     color: #FFF;
     margin-right: 5px;
    }
    
    .joinbox {
     position: static;
     float: right;
     padding: 4px;
     width: 292px;
     background-color: #212c56;
     color: #FFF;
     font-size: 12px;
     text-align: center;
     margin: 2px;
    }

    .memberlogin {
     font-size: 14px;
     color: #18aacf;
     font-weight: bold;
    }
    
    .contactinfo1 {
     font-size: 20px;
     color: #212c56;
     font-weight: bold;
    }
    
     .contactinfo2 {
     font-size: 12px;
     color: #212c56;
     font-weight: bold;
    }
	
/* Main Navigation */
/* If more room is needed to scale the navigation, trim down the left and right padding assigned to the 'a' tags */	

#nav {
    width: 770px;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-family: Arial;
    width: 770px;
    background-color: #212c56;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 12px;
    height: 20px;
    }

#nav ul {
	}

#nav li {
	list-style: none;
	float: left;
	font-size: 9px;
    font-weight: bold;
	line-height: 20px;
	background-color: #212c56;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 2px;
	}

#nav a {
	color: #fff;
	text-decoration: none;
        font-weight: bold;
	display: block;
	padding: 0 9px;
float: left;
	}
			
#nav a:hover {
	background-color: #18aacf;
	color: #fff;
	padding: 0 9px;
	font-weight: bold;
	}
			
#nav .active {		
	background-color: #18aacf;
	color: #fff;
	padding: 0 9px;
	display: block;	
	font-weight: bold;
	}	


/* Mast -- Includes category and page title */
/* Note that the right angle quote, or arrow, has it's own style contained within the Mast 'a' tags. Any change to the link variables (color, line height, etc.) needs to be applied also to the .arrow subclass	*/

#mast {
    width: 770px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 746px;
	color: #FFF;
	background-color: #18AACF;	
	font-size: 14px;
	line-height: 16px;
	margin: 0 auto;
	margin-bottom: 12px;
	text-align: left;	
	padding: 12px;
	}
	
#mast h1 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	letter-spacing: -.03em;
	}
	
#mast .arrow {
	color: #9CF;
	font-size: 17px;
	line-height: 16px;	
	}	
	
#mast p {
	padding: 40px 0 0 0;
	margin: 0;
	}	
	
#mast a:link {
	color: #9CF;
	font-size: 11px;	
	text-transform: uppercase;
	text-decoration: none;
	line-height: 16px;
	}
	
#mast a:link .arrow {
	font-size: 17px;
	line-height: 16px;		
	}	
	
#mast a:hover {
	color: #FFF;
	}
	
#mast a:hover .arrow {
	color: #FFF;
	}	

#mast a:visited {
	color: #9CF;
	font-size: 11px;	
	text-transform: uppercase;
	text-decoration: none;
	}		
	
	
/* Content	*/
		
#mainbody {
    width: 768px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 748px;
	border: 1px #d3dcdc solid;
	font-size: 14px;
	margin: 0 auto;
	text-align: left;	
	padding: 8px 10px;
	overflow: visible;
	background: #FFF url(_img/subnav.gif) repeat-y;
	}		
		
#content {
	margin-top: 10px;
	margin-left: 190px;
	line-height: 19px;
	}
	
	
	
/* Sidebar */		

#sidebar {
    float: right;
    width: 170px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 150px;
    margin: 10px;
    padding: 10px;
    font-size: 11px;
    line-height: 14px;
    color: #333;
    background-color: #b0c9e2;
    /* background-color: #EFEFEF; */
    }
	
#sidebar h1 {
	text-transform: uppercase;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
	
#sidebar p {
	margin: 0;
	padding: 0 0 14px 0;
	}
	
#sidebar a, #sidebar a:link, #sidebar a:visited {
	color: #FFF;
	}
	
#sidebar .padtop {
	padding-top: 12px;
	margin: 0;
	}	
	
	
/* Subnavigation */	
	
#subnav {
	float: left;
    width: 150px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 140px;
	margin: 0;
	margin-right: 0;
	padding: 10px;
	font-size: 11px;
	color: #333;
	}

#subnav ul {
	margin: 0;
	padding: 0 0 200px 0;
	list-style: none;	
	}	
	
#subnav ul .children {
        padding: 0;        
        }

#subnav li {
	margin: 0;
	padding: 2px 0 6px 13px;
	/* background: url(/_img/page_icon.gif) no-repeat; */
	background: url(/_img/arrow.gif) no-repeat;
        background-position: 0 .5em;
	}	

#subnav .active {
	font-weight: bold;
	color: #333;
	}

#subnav a {
	text-decoration: none;
        /* color: #369; */
	color: #000;
	}
	
#subnav a:hover {
	text-decoration: underline;
	}
	
#subnav .address {
	border-top: 1px solid #EAEAEA;
	padding-top: 12px;
	}


/* Footer */


#footer {
	width: 770px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 750px;
	color: #333;
	text-align: center;
	padding-bottom: 15px;
	margin: 15px auto;
	}

#footer a {
		color: #666;
		text-decoration: none;
		display: block;
		padding-right: 8px;
		}
			
#footer a:hover {
		color: #F90;
		padding-right: 8px;
		font-weight: normal;
		}
			
#footer .active {
		font-weight: bold;
		color: #FFF;
		}	

/*			Homepage -- All the code necessary for the homepage design			*/


#homepage {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 768px;
	}
	
#colorbackground {
	background: url(/_img/color_columns.gif) repeat-y;
	}		
	

/*			Welcome Box -- All the code necessary for the homepage design			*/


#welcome {
background: transparent !important;
    width: 372px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 336px;
	color: #FFF;
	text-align: left;
	margin: 0 12px 0 0;
	padding: 18px 18px 6px 18px;
float: left;
	}
	
#welcome h1 {
	font-size: 17px;
	}
	
#mast h1 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	letter-spacing: -.03em;
	}
	
#welcome .arrow {
	color: #9CF;
	font-size: 17px;
	line-height: 16px;	
	}		
	
#welcome a:link {
	color: #9CF;
	font-size: 13px;	
	text-transform: uppercase;
	text-decoration: none;
	line-height: 16px;
	}
	
#welcome a:link .arrow {
	font-size: 20px;
	line-height: 16px;		
	}	
	
#welcome a:hover {
	color: #FFF;
	}
	
#welcome a:hover .arrow {
	color: #FFF;
	}	

#welcome a:visited {
	color: #9CF;
	font-size: 13px;		
	text-transform: uppercase;
	text-decoration: none;
	}		


/*			Red Box -- All the code the red MANUFACTURING EXECUTIVES box		*/
/*																														*/	
	

#redbox {
	width: 186px;
background: transparent !important;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 162px;	
	margin: 0 12px 12px 0;
	padding: 6px 12px 6px 12px;
	text-align: left;
float: left;
	}

#redbox h1 {
	background: url(/_img/icon_manexec.gif) no-repeat;
	padding: 3px 0 0 40px;
	height: 35px;
	font-size: 12px;
	color: #fff;	
	}

#redbox h2 {
	font-size: 11px;
	color: #fff;
	}	

#redbox ul {
	padding: 0;
	margin: 0;
	}	

#redbox li {
	list-style: none;
	background: url(/_img/arrow_blue_1.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	margin: 8px 0 0 0;
	}
	
#redbox a:link {
	color: #FFF;
	text-decoration: none;
margin: 0;
padding: 0;
	}
	
#redbox a:hover {
	color: #FFF;
	border-bottom: 1px dotted #FFF;	
	}

#redbox a:visited {
	color: #FFF;	
	text-decoration: none;
	}	


/*			Green Box -- All the code the red SALES REP box		*/
	

#greenbox {
	width: 186px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 162px;	
	margin: 0 0 12px 0;
	padding: 6px 12px 6px 12px;
	float: right;
	text-align: left;	
	background: transparent !important;
	}

#greenbox h1 {
	background: url(/_img/icon_salesrep.gif) no-repeat;
	padding: 3px 0 0 40px;
	height: 35px;
	font-size: 12px;
	color: #fff;	
	}

#greenbox h2 {
	font-size: 11px;
	color: #fff;
	}	

#greenbox ul {
	padding: 0;
	margin: 0;
	}	

#greenbox li {
	list-style: none;
	background: url(/_img/arrow_grey.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	margin: 8px 0 0 0;
	}
	
#greenbox a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#greenbox a:hover {
	color: #FFF;
	border-bottom: 1px dotted #FFF;	
	}

#greenbox a:visited {
	color: #FFF;	
	text-decoration: none;
	}	


/*			This Week -- All the code the red SALES REP box					*/



#wrapper {
	background: url(/_img/wrapper.gif) repeat-y;
	width: 768px;
	margin: 14px 0 0 0;
	padding: 0;
	}


#thisweek {
    width: 372px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 334px;
	color: #FFF;
	text-align: left;
	margin: 0 12px 0 0;
	padding: 14px 18px 18px 18px;
	float: left;	
	border-top: 1px solid #d3dcdc;
	border-right: 1px solid #d3dcdc;
	border-left: 1px solid #d3dcdc;
	background: transparent !important;	
	}

#thisweek h1 {
	background: url(/_img/icon_globe.gif) no-repeat;
	padding: 0 0 12px 35px;
	margin: 0;
	height: 27px;
	font-size: 12px;
	line-height: 13px;
	color: #758282;
	border-bottom: 1px solid #d3dcdc;	
	}

#thisweek ul {
	padding: 0 0 12px 0;
	margin: 0;
	border-bottom: 1px solid #d3dcdc;		
	}	

#thisweek li {
	list-style: none;
	background: url(/_img/arrow_file.gif) no-repeat 0 2px;
	padding: 0 0 0 14px;
	margin: 10px 0 0 0;
	}
	
#thisweek a:link {
	color: #369;
	text-decoration: none;
	}
	
#thisweek a:hover {
	color: #036;
	border-bottom: 1px dotted #758282;	
	}

#thisweek a:visited {
	color: #036;
	text-decoration: none;
	}
	
#thisweek .notstrong {
	font-weight: normal;
	}	

#thisweek .continue {
	margin-top: 8px;
	color: #758282;
	font-size: 11px;
	}

#thisweek .arrow {
	font-size: 16px;
	}



/*			Upcoming -- All the code the red SALES REP box					*/
/*																										*/	


#upcomingbox {
    width: 384px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 346px;
	color: #FFF;
	text-align: left;
	margin: 0;
	padding: 14px 18px 14px 18px;
	float: left;	
	border-top: 1px solid #d3dcdc;
	border-right: 1px solid #d3dcdc;
	border-left: 1px solid #d3dcdc;
	background: transparent !important;
	}

#upcomingbox h1 {
	background: url(/_img/icon_calendar.gif) no-repeat;
	padding: 8px 0 12px 40px;
	margin: 0;
	height: 19px;
	font-size: 12px;
	line-height: 13px;
	color: #758282;
	border-bottom: 1px solid #d3dcdc;	
	}
	
#upcomingbox h2 {	
	color: #758282;
	font-size: 11px;
	padding: 8px 0;
	margin: 0;
	}
	
#upcomingbox ul {
	padding: 0 10px 12px 0;
	margin: 0;
	}	

#upcomingbox li {
	list-style: none;
	background: url(/_img/arrow_black.gif) no-repeat 0 4px;
	padding: 0 0 0 14px;
	margin: 10px 0 0 0;
	}
	
#upcomingbox a:link {
	color: #369;
	text-decoration: none;
	}
	
#upcomingbox a:hover {
	color: #036;
	border-bottom: 1px dotted #758282;	
	}

#upcomingbox a:visited {
	color: #036;
	text-decoration: none;
	}
	
#upcomingreps {
    width: 170px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 165px;
	border-right: 1px solid #d3dcdc; 
	float: left;
	color: #758282;
	margin: 0;
	padding: 0 5px 0 0;
	}	
	
#upcomingagents {
    width: 170px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 160px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	color: #758282;	
	}	
	
#upcomingbox p {
	margin: 0;
	padding: 0;
	}	
	
#upcomingbox .notstrong {
	font-weight: normal;
	}	

#upcomingbox .continue {
	clear: both;
	border-top: 1px solid #d3dcdc;		
	padding-top: 8px;
	color: #d3dcdc;
	font-size: 11px;
	}

#upcomingbox .arrow {
	font-size: 16px;
	}

#bread {
	color: #333;
	background-color: #fff;
	padding: 3px;
	margin-top: 15px;
	margin-bottom: 5px;
	}

#bread ul {
    margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#bread ul li {
	margin-left: 2px;
	padding-left: 4px;
    padding-right: 4px;
    border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}

#bread ul li.first {
    margin-left: 2px;
	border-left: none;
	list-style: none;
	display: inline;
	}

#bread a:link {
	color: #333;
	text-decoration: none;
	}
	
#bread a:visited {
	color: #333;
	text-decoration: none;
	}

#bread a:hover {
	color: #758282;
	border-bottom: 1px dotted #758282;	
	}


/* Misc	*/

.break {
	width: 760px;
	height: 1;
	font-size: 1;
	clear: both;
	padding: 0;
	margin: 1px 0 0 0;
	}