/*
	XHTML ELEMENTS
*/

body	{
	text-align: center; /* centering sitewrap */
	color: #222;
	font-family: "Trebuchet MS", "Lucida Grande", verdana, sans-serif;
	font-size: 88%; /* 76% is smallest */
	margin: 0;
	border: 0;
	padding: 0;
	background-color: #fff;
	}

img		{
	display: block;
	border: 0;
	}


/*
	LAYOUT
*/

#sitewrap	{
	text-align: left;
	background: transparent url(/periphix/i/page-gradient.gif) repeat-x top left;
	margin: 0 auto;
	border: 0;
	padding: 0;
	width: 900px;
	}

#header	{
	text-align: left;
	background: transparent url(/periphix/i/page-gradient.gif) repeat-x top left;
	margin: 0;
	border: 0;
	padding: 0;
/*	width: ?px; */
	}
#header h1	{
	color: #111;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 1.3em 0 0.5em 0;
	border-bottom: 1px dashed #999;
	padding: 0;
	}
h1 span	{
	color: #777;
	font-size: 0.6em; /* relative to h1 font-size */	
	}
div#side	{
	float: left;
	text-align: left;
	margin: 0;
	border: 0;
	padding: 0;
	width: 200px;
	}
#main	{
	float: right;
	text-align: left;
	margin: 0;
	border: 0;
	padding: 0;
	width: 700px;
	}
#navarea	{
	margin: 0 0 1em 0;
	border-bottom: 1px dashed #999;
	padding: 0 0 1em 0;	
	}
#contentarea	{
	margin: 2em 0 4em 0;
	border: 0;
	padding: 0;	
	}
#footer	{
	clear: both;
	text-align: left;
	margin: 2em 0;
	border-top: 1px dashed #999;
	padding: 1em 0 0 0;
/*	width: ?px; */
	}


/*
	NAV
*/

#nav	{
	margin: 0 0 1em 0;
	border-bottom: 1px dashed #999;
	padding: 0 0 1em 0;	
	width: 175px;
	}
#nav ul {
	background: transparent url(../images/admin/ltgray-diag.gif) repeat top left;
	margin: 0;
	border: 0;
	padding: 8px 0 0 0; /* pushes the text links down */
	width: 175px;
	}
#nav ul li {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0 0 8px 8px;
	}
#nav ul li a:link, #nav ul li a:visited {
	text-decoration: none;
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
	background-color: transparent; 
	margin: 0;
	border: 0;
	padding: 0;
	}
#nav ul li a:hover {
	text-decoration: none;
	color: #000; /* black for highest contrast */
	font-size: 1.2em;
	font-weight: bold;
	background-color: #ddd; /* ltgray */
	margin: 0;
	border: 0;
	padding: 0;
	}
#nav ul li a:active {
	text-decoration: none;
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
	background-color: transparent; 
	margin: 0;
	border: 0;
	padding: 0;
	}
#nav ul li a.current:link, #nav ul li a.current:visited, #nav ul li a.current:hover, #nav ul li a.current:active {color: #000; background-color: #ddd;} /* black for highest contrast */


/*
	LOGINOUT
*/

#loginout	{
	text-align: left;
	font-size: 0.9em;
	margin: 1em 0 1em 0;
	border: 0;
	padding: 0 0 0 8px;
	width: 175px;	
	}

#loginout a:link, #loginout a:visited {
	text-decoration: none;
	color: #2484c6; /* Periphix blue */
	background-color: transparent; 
	}
#loginout a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #093; /* h1 green background */
	}
#loginout a:active {
	text-decoration: none;
	color: #2484c6; /* Periphix blue */
	background-color: transparent;  
	}


/*
	SUBNAV
*/

#subnav	{
	background: transparent url(../images/admin/ltblue-diag.gif) repeat top left;
	margin: 0;
	border: 0;
	padding: 0;
	}
#subnav h2	{
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	background-color: #ccdbff;
	margin: 0 0 0 0;
	border: 0;
	padding: 8px 0 8px 8px;
	}
#subnav ul {
	margin: 0;
	border: 0;
	padding: 8px 0 8px 0; /* pushes the text links down */
	}
#subnav ul li {
	list-style: none;
	display: inline;
	text-align: left;
	margin: 0;
	border: 0;
	padding: 0 0 0 16px;
	}
#subnav ul li a:link, #subnav ul li a:visited {
	text-decoration: none;
	color: #777;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	background-color: transparent; 
	margin: 0;
	border: 0;
	padding: 0;
	}
#subnav ul li a:hover {
	text-decoration: none;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	background-color:  #ccdbff; /* ltblue */
	margin: 0;
	border: 0;
	padding: 0;
	}
#subnav ul li a:active {
	text-decoration: none;
	color: #777;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	background-color: transparent; 
	margin: 0;
	border: 0;
	padding: 0;
	}
#subnav ul li a.current:link, #subnav ul li a.current:visited, #subnav ul li a.current:hover, #subnav ul li a.current:active {color: #000; background-color: #ccdbff;}


/*
	ACTIONNAV
*/

#actionnav	{
	background: transparent url(../images/admin/ltorange-diag.gif) repeat top left;
	margin: 0;
	border: 0;
	padding: 0;
	}
#actionnav h3	{
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	background-color: #e6dfb0;
	margin: 1em 0 0 0;
	border: 0;
	padding: 8px 0 8px 8px;
	}
#actionnav ul {
	margin: 0;
	border: 0;
	padding: 8px 0 8px 0; /* pushes the text links down */
	}
#actionnav ul li {
	list-style: none;
	display: inline;
	text-align: left;
	margin: 0;
	border: 0;
	padding: 0 0 0 16px;
	}
#actionnav ul li a:link, #actionnav ul li a:visited {
	text-decoration: none;
	color: #777;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	background-color: transparent; 
	margin: 0;
	border: 0;
	padding: 0;
	}
#actionnav ul li a:hover {
	text-decoration: none;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	background-color:  #e6dfb0; /* ltorange */
	margin: 0;
	border: 0;
	padding: 0;
	}
#actionnav ul li a:active {
	text-decoration: none;
	color: #777;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	background-color: transparent; 
	margin: 0;
	border: 0;
	padding: 0;
	}
#actionnav ul li a.current:link, #actionnav ul li a.current:visited, #actionnav ul li a.current:hover, #actionnav ul li a.current:active {color: #000; background-color: #e6dfb0;}


fieldset legend	{
	font-weight: bold;
	}

/* admin list areas */
#list fieldset	{
	margin: 1em 0 0.5em 0;
	}
#list fieldset ol	{
	padding-bottom: 0.5em;
	}
#list fieldset ol li	{
	list-style-position: outside;
	margin-bottom: 5px;
	}
#list fieldset ol li label	{
	font-weight: bold;
	padding-right: 5px;
	}

/* admin list for page creation */
#pagicreate	{
	margin-bottom: 1em;
	}
#pagicreate fieldset	{
	margin: 1em 0 0.5em 0;
	}
#pagicreate fieldset ol	{
	padding-bottom: 0.5em;
	}
#pagicreate fieldset ol li	{
	list-style-position: outside;
	margin-bottom: 5px;
	}
#pagicreate fieldset ol li label	{
	font-weight: bold;
	padding-right: 5px;
	}

#list table	{
	margin: 1em 0;
	}

/* admin documents area */

span.removeLink	{font-size: 0.9em; padding: 0 0 0 0.5em;}

span.editLink	{font-size: 0.9em; padding: 0 0 0 0.5em;}

dl.documents	{
	}
dl.documents dt	{
	}
dl.documents dd	{
	font-size: 0.9em;
	}

span.docLabel	{
	font-weight: bold;
	}


/*
	LINKS
*/

a:link, a:visited {
	text-decoration: underline;
	color: #2484c6; /* Periphix blue */
	background-color: transparent; 
	}
a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #093; /* h1 green background */
	}
a:active {
	text-decoration: underline;
	color: #2484c6; /* Periphix blue */
	background-color: transparent;  
	}


/*
	FOOTNAV
*/

#footnav	{
	text-align: center;
	font-size: 0.9em;
	margin: 0;
	border: 0;
	padding: 0;
	}

#footnav a:link, #footnav a:visited {
	text-decoration: none;
	color: #2484c6; /* Periphix blue */
	background-color: transparent; 
	}
#footnav a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #093; /* h1 green background */
	}
#footnav a:active {
	text-decoration: none;
	color: #2484c6; /* Periphix blue */
	background-color: transparent;  
	}



/*
	TYPOGRAPHY: Headers, Lists, Paragraph
*/

h1	{/*  */
	color: #777;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
	}

h2	{/*  */
	color: #777;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
	}

h3	{/*   */
	color: #777;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
	}

h4	{/*  */
	color: #777;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
	}

h5	{/*  */
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 1.2em 0 0 0;
	border: 0;
	padding: 0;
	}

h6	{/* bold title */
	color: #777;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 1.2em 0 0 0;
	border: 0;
	padding: 0;
	}

ul	{
	list-style-type: disc;
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
	}
ul li	{
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0;
	}

ol	{
	list-style-type: decimal;
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
	}
ol li	{
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0;
	}

ol.ualpha	{
	list-style-type: upper-alpha;
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
	}
ol.ualpha li	{
	list-style-type: upper-alpha;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0;
	}

ul.nobullets	{
	list-style-type: none;
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
	}
ul.nobullets li	{
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0;
	}

dl	{
	margin-top: 1em;
	}

p {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}
p.indent {
	margin: 1em 0 0 24px;
	border: 0;
	padding: 0;
	}
blockquote	{/* 25px looks better and more consistent than 24px */
	margin: 1.5em 25px 0.6em 25px;
	border: 0;
	border-left: 1px solid #333;
	padding: 1px 0 1px 25px;
}


/*
	OTHER PRESENTATION
*/

.alt {display: none;}
.clearingdiv {clear: both;}
.pipe {font-size: 1.4em; font-weight: lighter; line-height: 0.5em;}
.smaller {font-size: 0.9em;}
.nomargin {margin: 0 0 0 0;}
.middle {display: inline; vertical-align: middle;}


/*
	FORMS
*/

form.contactform fieldset { margin-bottom: 10px; }
	
form.contactform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.contactform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.contactform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.contactform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.contactform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.contactform fieldset fieldset legend {
	padding: 0 0 0 0;
/*	font-weight: normal; */
	}
	
form.contactform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.contactform em {
	font-weight: bold;
	font-style: normal;
	color: #06a; /* logo blue */
	}

form.contactform label { width: 120px; } /* Width of labels */
form.contactform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.contactform legend { display: inline-block; } /* IE Mac legend fix */


/* EFFICIENCY NOTE: Create VERY basic form styling of main elements. Then, with the form class name, style more precisely for each individual form's needs. Of course, the search form and class name must be on all pages. */


form.contactform	{
	color: #222;
	/* width: 444px;  4 pixels shy of content area for auto borders */
}

form.contactform fieldset	{
	margin: 0.5em 0 0 0;
	border: 1px dashed #999;
/*	background: url(../images/admin/cmxform-fieldset.gif) left bottom repeat-x; */
	background-color: #d1f2e7;
}

form.contactform legend	{
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	border: 0;
	padding: 2px 5px 0 5px;
	background-color: #fff;
}
form.contactform fieldset fieldset legend	{ font-size: 1em; background: none; }
form.contactform label	{ color: #222; }
form.contactform fieldset fieldset	{ margin: 0; background: none; }

form.contactform fieldset ol	{
	list-style-type: none;
	margin: 0;
	border: 0;
	padding: 0 0 0 1em;
}
form.contactform fieldset li	{
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0 0 0.3em 0;
/*	padding: 5px 10px 7px;
	background: url(../images/admin/cmxform-divider.gif) left bottom repeat-x; */
}