/*
----------------------------
Jame St. Associates. Styles
Author: Mark Royko
Date:	4.15.05

The list of stylesheets is as follows:
	style.css is basic body structure and global declarations (text body, etc.)
	text.css controls any *special* text holders or manipulation (float boxes, etc.)
	nav: All navigation elements, unordered nav lists, etc.
	dropdown.css: main navigation for admin. It's called dropdown because it can be combined
				with Javascript to create dropdowns
--------------------------*/
/*
@import url("index.php_files/text.css");
@import url("index.php_files/specials.css");
@import url("index.php_files/nav.css");
@import url("index.php_files/dropdown.css");*/

/*Styles start with all boxes, containers, positioning*/

body{
	margin:5px; 
	padding:0;
	font-size:11px;
	line-height:12px;
	font-family: verdana, tahoma, arial;
	text-align:center;
	background-color:#547700;

	}
		
#container {
  width:836px;
  margin:0 auto;
  border-width:0 1px;
  text-align:left;
  position:relative;
	background-image:url("/back.jpg");
	/*background-image:url('../themes/images/pageBack.gif');*/
	background-repeat:repeat-y;
  }
  
textarea, td{
 	font-family: verdana, tahoma, arial;
 	font-size:11px;
 	line-height:12px;
 }
 
tr.header{
	background-color:#444444;
 	font-family: verdana, tahoma, arial;
 	font-size:11px;
 	line-height:14px;

 }
 
 a.tablehead{
 	font-weight:bold;
 	color:#CCCC33;
 	padding:2px;
 	line-height:16px;
 	}
  a.tablehead:hover{
 	color:#CC3300;
 	}
  
#header{
	border-top:3px solid #D72F00;
	margin:0 27px 0 27px;
	padding:15px 15px 0px 20px;
	width:757px;
	background-color:#649302;
	/*height:130px;*/
	}

#content_nopad{
	min-height:250px;
	margin:0 27px 0 27px;
	padding:0;
	width:792px;
	background-color:#FFFFFF;
	border-top:8px solid #72804D;
	}
	
#home_background{
	min-height:250px;
	margin:0 27px 0 27px;
	padding:0;
	width:792px;
	background-color:#FFFFFF;
	border-top:8px solid #72804D;
	background-image:url(images/home/home_divback.gif);
	background-repeat:repeat-y;

	}	
	
	
#content_nopad_nobar{
	min-height:250px;
	margin:0 27px 0 27px;
	padding:0;
	width:792px;
	background-color:#FFFFFF;
	border-top:1px solid #72804D;
	}
	
#content{
	min-height:250px;
	margin:0 27px 0 27px;
	padding:20px;
	width:752px;
	background-color:#FFFFFF;
	border-top:8px solid #72804D;
	}




#footer{
	min-height:100px;
	border-top:8px solid #72804D;
	margin:0 27px 0 27px;
	padding:10px 20px 20px 20px;
	width:752px;
	background-color:#334809;
	}

form{
margin:0;padding:0;
}	

h1 {
  background:#ffffff;
  margin:0 0 8px 0;
  padding:10px 20px 10px 0px;
  border-bottom:1px solid #444444;
  font-family: Georgia,Serif;
  font-size:18px;
  color:#666666;
  line-height:105%;
  }
p{
	margin:10px;

	font-size:12px;
	line-height:1.6em;
	font-family: verdana, tahoma, arial;
}

/*
----------------------------
Jame St. Associates. Text_holder_Styles
Author: Mark Royko
Date:	4.15.05
--------------------------*/

.footerText{
	float:right;
	width:395px;
	border-left:1px solid #FFFFCC; 
	color:#FFFFCC; 
	padding:0px 0 0 29px;
	font-size:11px;
	line-height:13px;

}
.footerText a{
font-weight:bold;
color:#FFFFCC;
}

.footerText a:hover{
color:#FFCC33;
}


.indent{
 margin:10px;padding:10px;
 }
 
div#home{
padding-bottom:20px;
width:420px;
}

div#home p{
font-size:11px;
color:#444444;
}

/*end text sheet*/

/*
----------------------------
Jame St. Associates. Navigation
Author: Mark Royko
Date:	4.15.05
Handles any navigation specials...
--------------------------*/

#headerNav{

 	font-size: 10px;
 	color:#ffffcc;
 	padding:0 0 5px 0;
 	text-align:right;
 	margin-right:0px;
 	padding-bottom:15px;
}

#headerNav a{
   font-family: Gill Sans, arial, tahoma, Verdana,Sans-serif;
   font-size: 12px;
   color:#003300;
   text-decoration:none;

}

#headerNav a:hover, a.starter:active {
	color: #ffffff;
}

#headerNav a.starter:active {
	color: #ffffff;
}
#headerNav a.here {
	color: #ffffcc;
}

/*Following is for subnav*/

#subnav_container{
background-color:#666666;
border-top:1px solid #FFFFCC;
border-bottom:1px solid black;
text-align:right;
margin:0 0px 0 27px;
padding:4px 20px 6px 0;
width:772px;
}

#subnav_container a{
   font-family: Gill Sans, Verdana,Sans-serif;
   font-size: 1em;
 	color:#FFFFCC;
	text-decoration:none;
	padding: 0 2px 0 2px;

}
#subnav_container a.here {	
	text-decoration:underline;
   }
   
   
   /*end nav sheet*/
   
   /*
----------------------------
Jame St. Associates. Specials
Author: Mark Royko
Date:	4.15.05
Specials include any search fucntions, 
client log ins, odd text manipulations, etc
--------------------------*/

#HeaderLogin{
	float:right;
	margin:0px 0px 0 0px;
	padding:0px 0px 0 0;
	z-index:1;
	text-align:right;
	color:#FFFFCC;
	font-size:10px;
	text-align:right;
}
	
/*Specials: Shim handles min-height in IE6*/
	
.shim{
    height:250px;
    float:right;
    width:1px;
    /*See http://www.greywyvern.com/code/min-height-hack.html for explanation*/
  }
  
 /*indent: general margins*/
 

 /*Spanner here is used for generic language warnings*/
 .spanner{
	display:block;
	margin:3px 0 0 0px;
	padding:2px 0 3px 5px;
	font-family:verdana,ariel;
	color:#444444;
	font-size:11px;
	line-height:12px;
	background-color:#efefef;
	border:1px solid black;
	font-weight:bold;
}
#newsSidebar{
background-image:url(../images/200_cc3300_bk.gif);
background-repeat:repeat-y;


}
 
#newscolumn{
	color:#FFFFCC;
	border:1px solid #FFFFCC;
	padding:10px;
	width:155px;
	float:left;
	margin:20px 0 0 10px;
	}
	

	
	
	

#newscolumn a.headline{
	color:#FFFFCC;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	}
#newscolumn a.headline:hover{
color: #FFCC00;
	}
#newscolumn .dateline{
	font-size:10px;
	line-height:12px;
	}
#newscolumn a.readmore{
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	color:#FFFFCC;
	}
	
#newscolumn a.readmore:hover{
	color: #FFCC00;
	text-decoration:underline;
}


	
	

#center{
	color:#444444;
	padding:10px;
	font-size:12px;
	line-height:14px;
	}

#center .headline{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;

	}
#center .dateline{
	font-size:10px;
	line-height:12px;
	}
#center a.readmore{
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	color:#666666;
	}
	
#center a.readmore:hover{
	color: blue;
	text-decoration:underline;
}


#Headlines{
	font-size:11px;
	color:#666666;

	}

#Headlines .headline{
	font-size:14px;
	font-weight:bold;

	color:#666666;
	font-family: georgia, serif;
	padding:10px 20px 10px 0px;
  border-bottom:1px solid #dddddd;
  display:block;
	}

#Headlines a{
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	color:#666666;
	}
	
#Headlines a:hover{
	color: #444444;
}



/*These are for the alternating column widths and sizes. See switch document
for their usage....*/

#PortfolioSidebar{
background-image:url(../images/240_ffffcc.gif);
background-repeat:repeat-y;
}
.PortfolioColumn{
margin:15px 0 0 10px;
padding:10px;
float:left;
width:210px;
}

#PortfolioSidebar a{
color:#C16400;
text-decoration:none;
font-size:11px;
line-height:16px;
}
#PortfolioSidebar a:hover{
text-decoration:underline;
}
#PortfolioSidebar ul{
list-style-position:inside;
margin:0;
padding:0;
}
#PortfolioSidebar li{
list-style-type:square;
}

.PortfolioCenter{
margin-left:260px;
padding:20px 40px 0 0;
}

a.clientcompany{
color:#FFFFFF;
text-decoration:none;
}

a.clientcompany:hover{
color:#FFFFCC;
text-decoration:underline;
}
/*end specials*/

/*start dropdowns*/
#guideMenu {
	position: relative;
	text-align: right;
	width: 789px;
			border-top:1px solid #9A1F1F;
		border-bottom:1px solid silver;
	background-color: #000000;
	color: silver;
	margin:0 27px 0 27px;
	padding: 2px;
	height:18px;
	font-size:11px;
}

#menuList {
	margin: 0px;
	padding: 0px;
}

#menuList ul {
	margin: 0px;
	padding: 0px;
}

#menuList li {
	display:inline;
	list-style: none;
}

#guideMenu a.starter {
	background-color: #000000;
	color: #ffffff;
	color:silver;
	font-family: verdana, tahoma, arial;
	font-weight: bolder;
	font-size: 11px;
	margin: 0px;
	padding: 2px 5px 2px 15px;
	text-decoration: none;
	background-image: url("../images/sm_silver_square.gif");
	background-repeat:no-repeat;
	background-position:3px 7px;

}

#guideMenu a.starter:hover, a.starter:active {
	background-color: #DC241F;
	background-color: #5f0b0b;
	background-color:#6f5830;
	color: #ffffff;
}

.menu {
	text-align: left;
	color: #ffffff;
	background-color: #333333;
	background-color: #444444;
	background-color: #D7d396;
	background-color: #FFFFCC;
	position: absolute;
	width: 170px;
	visibility: hidden;
	border-left: 2px solid #666666;
}


.menu li a {
	background-color: transparent;
	color: #fff;
	color:black;
	display: block;
	/*font-size: 1.2em;*/
	line-height: 1.2em;
	border-bottom: 1px solid #999999;
	margin: 0px;
	padding: 2px 0 2px 15px;
	text-decoration: none;
	background-image: url("../images/sm_grey_square.gif");
	background-repeat:no-repeat;
	background-position:5px 6px;
}

.menu li a:hover, .menu li a:active {
	background-color: #DC241F;
	background-color: #5f0b0b;
	/*background-color:#6f5830;*/
	color: #ffffff;
		background-image: url("../images/sm_silver_square.gif");
	background-repeat:no-repeat;
	background-position:5px 6px;
}
.menu_sub {
	text-align: left;
	color: #ffffff;
	background-color: #666666;
	background-color: #D7d396;
	position: absolute;
	width: 120px;
	visibility: hidden;
}

.menu_sub li a {
	background-color: transparent;
	color: #fff;
	color:#000000;
	display: block;
	/*font-size: 1.2em;*/
	line-height: 1.2em;
	border-bottom: 1px solid #999999;
	border-left: 2px solid #999999;

	margin: 0px;
	padding: 2px 0 2px 15px;
	text-decoration: none;
	background-image: url("../images/sm_silver_square.gif");
	background-repeat:no-repeat;
	background-position:5px 6px;
}

.menu_sub li a:hover, .menu li a:active {
	background-color: #DC241F;
	background-color: #5f0b0b;
	color: #ffffff;
}

#menu1{ 
	width: 160px; 
	z-index:100; 
}
 #menu2{ 
	width: 140px; 
	z-index:101; 
}
#menu3{ 
	width: 120px; 
	z-index:102; 
}
#menu4{ 
	width: 170px; 
	z-index:103; 
}

/*Footer Styles*/

#footerIdent{
	margin-top:0em;
 	font-family: verdana, tahoma, arial;
 	font-size:95%;
 	text-align:center;
 	color:#666666;

}
#footerIdent a{
text-decoration:none;
color:#334809;
color:#666666;
}

#footerIdent a:visited{
text-decoration:none;
color:#334809;
color:#666666;
}
#footerIdent a:hover{
color:#334809;
color:#666666;
text-decoration:underline;
}

a.portfolioLink{
color:#666666;
text-decoration:none;
margin-bottom: 10px;
display:block;
line-height:2em;
font-size:1.5em;
font-family: Palatino,Georgia,Times New Roman;
}
a.portfolioLink:visited{
color:#666666;
text-decoration:none;
}
a.portfolioLink:hover{
color: #FFCC00;
text-decoration:underline;

}