﻿/*P1vital main CSS screen style sheet - created Arty Bundle 2008 */

/* fundamentals */
body {text-align:center; font-family: Arial, Helvetica, sans-serif; color:#333333; font-size:.9em;line-height:1.5em;
}
a {text-decoration:none; color:#222222; }
a:hover {text-decoration:underline; color:#19a05d; }
a:visited {color:#0d4f2e; }
sup {font-size:0.6em; }

#container {width: 832px; margin:10px auto 0; padding: 0; text-align:left;}

#containerwide {width: 950px; margin:10px auto 0; padding: 0; text-align:left;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

/*header*/
#masthead {height:105px; }
#masthead #bar {padding-bottom:46px; }
#masthead #bar2 {margin:10px 10px 36px 0; }
#masthead #logo {padding-left:22px; }

/*navigation*/
#globalNav {font-size:0.9em; font-weight:bold; line-height:1.5em; color:#19a05d; margin:-45px 0 0 16px; width:650px;}
#globalNav a {text-decoration:none; color:#868686; }
#globalNav a:hover {color:#19a05d; text-decoration:underline; }

#globalNavwide {font-size:0.9em; font-weight:bold; line-height:1.5em; color:#19a05d; margin:-45px 0 0 16px; width:768px;}
#globalNavwide a {text-decoration:none; color:#868686; }
#globalNavwide a:hover {color:#19a05d; text-decoration:underline; }

/* footer */
#footer {font-size:0.8em; line-height:1.9em; color:#333333; margin:5px 0 0 10px; clear:none;}
#footer #design {color:#CCCCCC; }
#footer #design a{color:#CCCCCC; }
#footer img {display:inline; padding-left:75px; vertical-align:middle; float:right}

/* info strip */
#info {float: right; width:250px;}
#info img {display:block; clear:both; padding-bottom:15px; padding-top:15px}
#info li {
	list-style-image: url(../image/bullet_sm.gif);
	font-size:0.9em;
	padding-bottom: 12px;
	line-height: 1.3em;
}


#info #additional{font-size:.8em; }
#info #consortium {font-size:.9em; }

/* Home Page Specials */
#banner_back {
	background-image: url(../image/home/banner_blank.png);
	background-repeat: no-repeat;
	margin: -0px;
	padding:16px;
	text-align:center;
}

#banner_back a:hover {text-decoration:underline; color:#993300 }

#banner_side {
	background-image: url(../image/home/side-banner_bk.png);
	background-repeat: no-repeat;
	margin: -0px;
	padding:16px;
}

#banner_side a:hover {text-decoration:underline; color:#993300 }


/* Consortium info strip */
#info2 {float: right; width:250px;}
#info2 img {display:block; clear:both; padding-bottom:25px; }
#info2 li {
	list-style-image: url(../image/bullet_sm.gif);
	font-size:0.9em;
	padding-bottom: 12px;
	line-height: 1.3em;
}
#info2 #additional{font-size:.8em; }
#info2 #consortium {font-size:.8em; }

/* buttons */
#login {background-color:#ccddcc; border-style:ridge; border-top-color:#33CC99; border-right-color:#339999;  border-bottom-color:#339999;border-left-color:#33CC99; text-align:center; font-weight:bold; }
#login:hover {border-top-color:#339999; border-right-color:#33cc99;  border-bottom-color:#33cc99;border-left-color:#339999;}

/* Form Styling */
input:focus, textarea:focus{
background-color: #eaf6f0;
}

/* Announcements */
#announce {background-color:#ccddcc; padding: 12px; text-align:justify; font-weight:bold; }

/* text styling */
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; color:#999999; line-height:inherit; margin:25px 0 5px 0; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight:bold;  color:#19A05D; margin:5px 0 5px 0; }

h4 { font-family:Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold;color:#333333; margin:1px 0 0px 0; }

h5 { font-family:Arial, Helvetica, sans-serif; font-size: 1em; font-weight:bold;color:#999999; margin:1px 0 0px 0; }
.vitalgreen {color: #19A05D; font-weight: bold;}
#main {padding:5px 15px 25px 35px; width: 500px; border-left:2px solid #666666; margin:0; font-size:.9em }
#main li {list-style-image: url(../image/bullet_sm.gif);}
#mainfull li {list-style-image: url(../image/bullet_sm.gif);}
#column1 {width:240px;} 
#column2 {float:right; width:240px;}
#column1 li.off, #column2 li.off {display:none ;}
#twincolumn {width:500px; clear:both;}
#mainfull {padding:5px 15px 25px 25px; border-left:2px solid #666666; margin:0; font-size:.9em }
#column1full {width:340px; margin:0px; padding:0px;} 
#column2full {float:right; width:420px; margin:0px; padding:0px;}
#column1full2 {width:300px; margin:0px; padding:0px;} 
#column2full2 {float:right; width:460px; margin:0px; padding:0px;}
#column1full li, #column2full li {font-weight:normal; list-style:none;}
#column1full em, #column2full em {color:#999999; }
#column1full li.off, #column2full li.off {display:none ;}
#column1full li li, #column2full li li {font-weight:normal; list-style-image: url(../image/bullet_sm.gif);}
#columnlogin {width:440px; margin:0;}
#pullright {text-align:right; font-size:.8em; font-style:italic }
.imagepointer {margin-top:-16px; margin-bottom:3px; clear:both; text-align:right; font-size:.7em; font-style:italic }
#location {color:#999999;}

/* LINKS page */
#links {padding:5px 10px 10px 35px; border-left:2px solid #666666; margin:0; font-size:.9em; line-height:.9em; }
#identity .detail {display:none; font-size:.9em; line-height:1.2em; }
.detail {display:none; font-size:.9em; line-height:1.2em; text-align:justify;}
#identity img {padding:0 20px 0 12px; vertical-align:middle; width:129px; border:none;}
#identity:hover {text-decoration:none; color:#333333}
#identity:hover .detail{display:block; padding:0 12px 0 12px; }
#identity:visited {text-decoration:none; color:#333333}
#url{text-align:right; margin-bottom:8px;}
#url a {color:#19a05d;}

#author {
	color:#999999;
	padding-left: 30px;
}

/* Print Restrictions */
#print { display: none; }
#noprint { display: block; }
