/* eliminates browser specific margins, padding and borders */
* {
margin: 0;
padding: 0;
border: 0;
}

img {
border: none;
text-decoration: none; /* prevents Netscape from underlining image links */
}

/*//////////// content positioning style rules //////////////*/

#frame {
text-align: left;
max-width: 900px;
width: 90%;     /* sets width for all viewports */
margin: 0 auto; /* centers content */
min-width: 750px;
}

/* The rules below allow content to be put in the right order.
#contentbox is used for IE6 without the float, with just the width in NN6,
and #center is used for all other browsers.*/ 

#contentbox {/* This is the rule for NN6. In IE6, this is margined right in iestyle.css. Used in conjunction with #center */
width: 100%;
}


#contentbox:after { /* This breaks the above rule for all browsers except NN6 */
    content: "."; 
    display: block;
		height: 0px;
    clear: both;
    visibility: hidden;
}

#center { /* This rule is for all other browsers */
  float:left;
  width: 100%;
	margin: 0 -100% 0 0;
}

#maincontent {
  /* Syntax => margin: top right bottom left; right and left margins should include padding for left and right columns (columnwidth+padding) */
  margin: 10px 10px 10px 160px;
}

#sidebar {
  float: left;
  width: 180px;
}

/* non content positioning styles */
#header, #footer {
clear: both;
width: 100%;
}

/*///////////////////////// end positioning style rules/////////////*/

/*///////////////////////// image replacement header link styles ///////////////*/
#logobox, #company, #company span { /* height and width  to match size of logo.gif*/
 width: 500px;
 height: 120px;  
}

#logobox{
 float: left;
 background: url(images/logo.gif);
 margin-top: 0px;
 border: 2px solid #303030;
 }

#company span {
 margin-bottom: -100px; /* Hides replaced text. Value should be approx. as large as logo.gif */
 background: url(images/logo.gif); 
}

#company a{
text-decoration: none;
cursor: pointer; /*for IE6 */
}

/* non-repeated code */
h1 span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */

/*//////////////////////// end image replacement ///////////////////*/


/*//////////////// general html styles /////////////*/

/* nn6/7 will put content out of scrollable reach if auto is used on #frame unless min-width is on body */
body{
min-width: 725px;
font-family: 'Lucida Sans',Arial,'MS sans Serif', Helvetica; /*sets default font*/
font-size: 16px;  /*sets default font-size so subsequent size markers function*/
background: #ddd url(images/bg.gif);
color: #222;
}

p{
font-size: 95%;
}

h3, h4, h5, h6, ul, ol, form, p{
padding: .2em .3em;
margin: 0px;
}

blockquote{
padding: .5em 3em;
font-style: oblique;
line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6{
}

/*anchor elements*/

a:link{
color: #00d;
text-decoration: none;}

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

a:active{}

a:hover{
text-decoration: underline;
}


/*///////////////// end general html styles /////////////*/

/*///////////////// content block styles ////////////////*/

#frame{ /* a wrapper for the whole page */
margin-top: 15px;
margin-bottom: 10px;
}

#header{ /* set height for Firefox. usually the same as the height of logo.gif */
height: 130px;
background-repeat: no-repeat;
background-position: top right;
}

#contentbox{  /* contains the page content */

}

#content1{ /* contains primary content */

width: 75%;
float: left;
}

#content2{ /* contains secondary content */
float: right;
}

#content3, #logout{ /* contains tertiary content */
width: 85%;
margin-left: 5px;
}

/* style the portfolio */

.problock{
display: block;
width: 280px;
height: 204px;
border: 1px solid black;
}


.problock:hover{
background-position: -280px 0 !important;
}

/* style the menu */

#menubox{ /* contains the menu ul */
width: 95%;
margin: 10px auto;

}

#menubox ul{
width: 120px;
font-family: Helvetica,Arial,sans-serif;
}

#menubox li{
list-style: none;
text-align: right;
}

#menubox a, #nav a{
display: block;
margin: 20px 0;
text-decoration: none;
background: #ce976c;
border: black solid 1px;
width: 120px;
line-height: 1.2em;
padding: 3px;
color: #302010;
text-transform: uppercase;
font-siZe: .9em;
font-weight: bold;
}

#menubox a:hover, #nav a:hover{
color: #000;
}


#menubox li.currentpage a{
background: #ac754a;
color: #000;
cursor: default;
}

/* secondary nav */
/* #nav{
width: 95%;
height: 500px;
} */

#nav ul{
font-family: Helvetica,Arial,sans-serif;
}

#nav li{
list-style: none;
font-size: .8em;
letter-spacing: 1px;
}


/*#nav a{
display: block;
margin: 20px 0;
text-decoration: none;
background: #ce6725;
border: black solid 1px;
width: 110px;
line-height: 1.2em;
padding: 3px;
color: #ffc176;
text-transform: uppercase;
font-siZe: .9em;
font-weight: bold;
}

#nav a:hover{
color: #444;
}*/

/* /// style the footer ///*/


#footer {
clear: both;
width: 100%;
text-align: center;
padding: 5px 0px;
font-size: .8em;
}

#footer ul{}

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

#footer a{}

#footer a:visited{}

#footer a:hover{}

/*//////////////// end id styles ///////////////////////*/

/*///////////////// general style by class ///////////////*/

.hide{ /* hide elements from screen style. Add them later in print style */
display: none;
}

.centext{ /* center text in any element */
text-align: center;
}

.cenblock{ /* center any block element. Element must have width defined */
margin-left: auto;
margin-right: auto;
}

.box{ /* generic box style.  Use on wrapper div for any element */
background: #EEca95;
border: 1px #000 solid;
padding: 4px;
margin: 5px 0;
}

.hr{ /* use on empty div for cross browser horiz. rule */
width:90%;
border-bottom: 1px black solid;
height: 1px;
margin: 3px auto;
}

.clearfix{
clear: both;
}

.note{
font-size: .8em;
}

.alert{ /* adds red color to any text for alert */
color: #d00;
}

.stretcher{ /* firefox hack */
height: 0px;
clear: both;
}

.message{ /* warning messages from server/client*/
font-size: .9em;
color: black;
background: #fcc;
border: 1px black solid;
margin: 5px;
padding: 5px;
}

.pad{ /*give block element same margins as P */
padding: .1em .3em;
margin: 0px;
}

.iright{
float: right;
margin: 8px;
}

.ileft{
float: left;
margin: 8px;
}

#fl{
position: relative;
float: left;
width: 50%;
}

#fr{
position: relative;
float: right;
width: 50%;
}

.indent{
margin-left: 30px;
}

.rtext{
text-align: right;
}

a.push{
font-size: .7em;
text-decoration: none;
color: #d00;
background: #EEca95;
border: 1px #000 solid;
padding: 2px;
margin: 5px;

}

a.push:hover{
border: 1px #d00 solid;
}


.nobr{
white-space: nowrap;
}

.jshow{
display: none;
}

.msg{ /* warning messages from server/client*/
font-size: .9em;
color: black;
background: #fcc;
border: 1px black solid;
margin: 5px;
padding: 5px;
}

.ac{font-size:0;padding:0;margin:0}/* accessibility */
/*///////////////// end styles by class /////////////////*/