* {
	margin:0 0 0 0; 
	padding:0 0 0 0;
}

b { font-weight:bold; color: black; }
	
body {
	margin:0 0 0 0; 
	padding:0 0 0 0; 
    font-family: lucida sans, arial, sans-serif;
	font-size:12px;
	text-align:center; 
        background-color:#DBE3F0;
/*	background-color:#e9e8e4;*/
/*	background-image:url(img/mockup.gif); 
		background-repeat: no-repeat; */
	color:#665c53;
}

/*form styles*/

form { margin-top:10px; margin-bottom:10px; }

input,textarea,select { margin-top:10px; border:1px solid #c8c2b4; }

form table tr td { color:black; padding-right:5px; }

h1 {
	 font-family: lucida sans, arial, sans-serif;
	font-size:15px;
	color:#665c53;
}



div ul li { padding:0px; margin-left:25px; margin-right:15px; margin-top:3px; }
	
.bluebutton {
	display:block; width:240px; height:25px;
	margin-left:6px; margin-top:15px;
	text-decoration:none; padding-top:3px;
	background-image:url(img/bluebutton.gif); 
		background-repeat: no-repeat; 
		background-position:5px 0px;
		 font-family: lucida sans, arial, sans-serif;
	font-size:13px;
	text-align:center; 
	color:#444;
}

.greenbutton {
	display:block; width:240px; height:25px;
	margin-left:6px; margin-top:15px;
	text-decoration:none; padding-top:4px;
	background-image:url(img/greenbutton.gif); 
		background-repeat: no-repeat; 
		background-position:5px 0px;
		 font-family: lucida sans, arial, sans-serif;
	font-size:13px;
	text-align:center; 
	color:#444;
}				
	
img {
	border:0px solid #000000;
}

p {
	font-size:small;
	line-height:1.3em;
}

div#container {
	width:714px; 
	height:auto;
	margin-left:auto; 
	margin-right:auto;
	text-align:left; 
	position:relative;
}

div#header {
	width:714px; 
	height:153px; 
	background-color:none; 
	padding:0px; 
	position:relative;
	background-image:url(img/cutout.jpg); 
	background-repeat: no-repeat; 
	background-position:0px 35px;

}

/*Open ID Server text in banner*/
div#header h1 {
	position:absolute; left:177px; top:88px;
	text-align:left;
	background-color:none; 
	font-size: 19px; 
	font-family: lucida sans, sans-serif;
	font-weight:normal;
	color:#87ca32;
	} 

/*banner -- text in bottom of company logo*/	

.clear {
	clear: both;
}

div p { margin:12px; }

.box1 p, .box2 p { margin-top:3px; }

div a { color:#68a020; text-decoration:none; }

/*  left-top text box 1 */	
.box1 {
	width:254px; 
	margin:0px;
	min-height:101px;
	position:relative;
	left:20px; 
	border:1px solid #c8c2b4;
	background-color:white;
	margin-top:0px;
}

/*special form styles for login page*/

.box1 form,input,textarea,select,table { padding:0px; margin:0px; }
.box1 form table tr td { color:black; padding:0px; margin:0px;  }
.box1 input { width: 150px; margin-top:5px; }
.box1 table { width: 220px; margin-left:10px; }

/* IE fix */

* html .box1 {
height: 101px;
}


/*  left-top text box 2 */	
.box2 {
	width:254px; 
	min-height:256px;
	position:relative;
	left:20px; 
	border:1px solid #c8c2b4;
	background-color:white;
	margin-top:5px;
}

/* IE fix */

* html .box2 {
height: 256px;
}


/*  right-top photo box */	
.boxphoto {
	width:370px; 
	height:250px;
	position:absolute;
	left:281px; 
	top:153px;
	border:none;
	background-color:none;
	margin-top:0px;
}

/*  left-bottom text box 3 */	
.box3 {
	width:370px; 
	min-height:131px;
	position:relative;
	left:281px; 
	top:-138px;
	border:1px solid #c8c2b4;
	background-color:white;
	margin-top:5px;
}

/* IE fix */

* html .box3 {
height: 131px;
}

.justified { padding:0px; margin:0px; }

/*used on general inside page templates */
.bigbox {
	padding:0px;
	width:632px; 
	margin:0px;
	min-height:386px;
	position:relative;
	left:20px; 
	border:1px solid #c8c2b4;
	background-color:white;
	margin-top:0px;
}

.bigbox p,h1,form { padding-left:20px; margin:0px; margin-bottom:5px; margin-top:5px; padding-right:20px; }
.bigbox form input,textarea,select { margin-top:5px;margin-bottom:5px;  }
.bigbox h1 { padding-top:20px; margin-bottom:3px; }
.bigbox p { width:450px; padding-top:3px;}
.sites tr td { border-bottom: 1px solid #c8c2b4; padding:0px; padding-top:4px; }

/* IE fix */

* html .bigbox {
height: 386px;
}

#signed_in_as {
	position:absolute; right:8px; top:5px; 
		width:500px;
	height:auto;
	text-align:right;
	font-size:x-small;
}


#footer {
	width:628px; 
	height:30px;
	background-color:none; 
	font-size: x-small; 
	text-decoration:none;
	text-align:right; margin-top:3px; margin-right:3px;
	color:#333; 
	position:relative; left:20px; top:-137px;

}

#footer2 {
	width:628px; 
	height:30px;
	background-color:none; 
	font-size: x-small; 
	text-decoration:none;
	text-align:right; margin-top:3px; margin-right:3px;
	color:#333; 
	position:relative; left:20px; top: 5px;

}

#footer a {
	text-decoration:none; font-weight:bold; }
	
#footer p { font-size: x-small; margin-top:7px; margin-left:50px; text-align:right; }

/*QUICK LINKS */

/*TOP NAVIGATION */

#navigation_con
{
color:black;
width: 500px;
border: none;
font-family: lucida sans, arial, sans-serif;
position:absolute; left:150px; top:120px;
text-align:right;
}


}
#navigation_con UL
{
margin: 0px;
padding: 0px;
list-style:none;

}

#navigation_con LI
{
padding-left: 4px; /*sets space between nav links*/
margin:0px; margin-left:4px;
display: inline;
background-image:url(img/nav_dot.gif); 
background-repeat: no-repeat; 
background-position: -2px 3px;
}

#navigation_con A
{
font-size:11px;
color: #333333; /*text color*/
text-decoration: none;
background-color: none; /*nav background color */
margin: 0px;
padding: 0px 0px;
margin-left: 8px;

}

#navigation_con A:hover, #navigation_con A:active { background: none; /*hover back color */
text-decoration: none; color:#222; /*hover color*/
	
}

.messages { width:500px; left:20px;  }
.errors { color:red; position:absolute; width: 300px; left:50px; top:570px;  }