html {
	margin: 0;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
body {
	text-align:center;
	font-size:11px;
	margin-top:2px;
	padding-top:2px;
	background: #bbbbbb;
	margin:0px;
	background: url("images/greybg.png");
	background-attachment: fixed;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 950px;
}

#nav {
	width: 950px;
	float:left;
        background: #9b9a9a;
        border-bottom: 1px solid #8d8b8b;
        color: #ffffff;
	padding-top: 4px;
	padding-bottom: 4px;

}
#nav a {
	margin-top:6px;
	margin:4px;
	padding:2px;
	color: #095182;
	text-decoration: none;
}
#nav a:hover {
	color: #000000;
	text-decoration: none;
	background: #dedede;
	border-bottom:2px solid #095182;
}
#nav a:visited {
	color: #095182;
	text-decoration: none;
}
.top_container {
height: 40px;
width: 950px;
}

.top_container_left {
height: 40px;
width: 92px;
float: left;
}
.top {
background: #094e7f url("images/topblue_new.png") repeat-x;
height: 40px;
max-height:40px;
overflow:hidden;
width: 847px;
float: left;
}

.top_container_right {
	width:11px;
	height:40px;
	float: left;
	background: url("images/topright_blue.png") repeat-x;
}

.middle_nav {
	font-size: 11px;
	float: left;
	height: 26px;
	max-height: 26px;
	width: 950px;
	background: url("images/graydient.png") repeat-x;
	color: #095182;
}
.top_text {
	max-height: 26px;
	height:26px;
	padding-top:6px;
	padding-left:6px;
	float: left;
}
.middle_nav a {
	color: #494949;
	text-decoration: none;
}
.middle_nav a:visited {
	color: #494949;
	text-decoration: none;
}
.middle_nav a:hover {
	color: #ffbb33;
	text-decoration: underline;
}

.bluebar_container {
	border-top:1px solid #afaeae;
	height: 40px;
	width: 950px;
}
.bluebar {
	height:40px;
	width: 928px;
	background: url("images/bottomblue.png") repeat-x;
	float: left;
	text-align: center;
	color: #ffffff;
	padding-top:2px;
}
.bluebar_left {
	width: 11px;
	height: 40px;
	float: left;
	background: url("images/bottomleft_blue.png") repeat-x;
}
.bluebar_right {
	width: 11px;
	height: 40px;
	float: left;
	background: url("images/bottomright_blue.png") repeat-x;
}

.topnav {
	color: #ffffff;
	float: right;
	margin-top: 3px;
	text-align: right;
}

.topnav a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.topnav a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.topnav a:hover {
	color: #ffbb33;
}
.topnav input {
	background: #4288e0;
	border-bottom: 1px solid #3b7cce;
	border-right: 1px solid #3b7cce;
	border-top: 1px solid #1b4380;
	border-left: 1px solid #1b4380;
}
select {
	font-size:13px;
	background: #0088ee;
	color: #ffffff;
	border: 1px solid #555555;
}
.middle_nav input {
	font-size:10px;
	background: #dcdcdc;
	color: #494949;
	border: 1px solid #555555;
	font-weight: bold;
}
.middle_nav input:hover {
	background: #ffdd99;
	color: #494949;
}
.middle_nav input:focus {
	background: #ffdd99;
	color: #494949;
}
h1 {
	color: #666666;
}


.content {
	width: 950px;
	float: left;
	background: #ffffff;
}  
.content2 {
	width: 950px;
	float: left;
	background: #ffffff;
}  
.content_left {
	width:130px;
	float: left;
}
.content_left a {
	color: #095182;
	text-decoration: none;
}
.content_left a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 110%;
}
.content_left a:visited {
	color: #095182;
	text-decoration: none;
	font-size: 110%;
}
.content_right {
	width: 815px;
	float: left;
}
img {
border: 0px;
}
.bluebar a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.bluebar a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.bluebar a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.bluebar input {
	font-size:12px;
	background: #0088ee;
	color: #ffffff;
	border: 1px solid #555555;
}
.bluebar input:hover {
	background: #ffdd99;
	color: #000000;
}
.bluebar input:focus {
	background: #ffdd99;
	color: #000000;
}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 1px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#0088ee;}
#xsnazzy h2 {font-size:1.6em;color:#888888; border:0;}
#xsnazzy p {padding-bottom:0.1em;}
#xsnazzy h2 {padding-top:0.1em;}
#xsnazzy {background: transparent; margin:.2em;}
#round_right h1, #round_right h2, #round_right p {margin:0 10px; letter-spacing:1px;}
#round_right h1 {font-size:2.5em; color:#0088ee;}
#round_right h2 {font-size:1.6em;color:#888888; border:0;}
#round_right p {padding-bottom:0.5em;}
#round_right h2 {padding-top:0.1em;}
#round_right {width:145px;max-width:145px;float: left;background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d9d9d9; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.xb1 {margin:0 5px; background:#d9d9d9;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#d9d9d9; border:0 solid #d9d9d9; border-width:0 1px;}

#rounded_blue h1, #rounded_blue h2, #rounded_blue p {margin:0 1px; letter-spacing:1px;}
#rounded_blue h1 {font-size:2.5em; color:#0088ee;}
#rounded_blue h2 {font-size:1.4em;color:#ffdd99; border:0;}
#rounded_blue p {padding-bottom:0.1em;}
#rounded_blue h2 {padding-top:0.1em;}
#rounded_blue {background: transparent; margin:.2em;color: #ffffff;}
.rtop, .rbottom {display:block; background:transparent; font-size:1px;}
.rb1, .rb2, .rb3, .rb4 {display:block; overflow:hidden;}
.rb1, .rb2, .rb3 {height:1px;}
.rb2, .rb3, .rb4 {background:#0570a7; border-left:1px solid #0570a7; border-right:1px solid #0570a7;}
.rb1 {margin:0 5px; background:#0570a7;}
.rb2 {margin:0 3px; border-width:0 2px;}
.rb3 {margin:0 2px;}
.rb4 {height:2px; margin:0 1px;}
.rboxcontent {display:block; background:#0570a7; border:0 solid #0570a7; border-width:0 1px; color:#ffffff;}
.rboxcontent a {
	color: #ffdd99;
}
.rboxcontent a:visited {
	color: #ffdd99;
}


.item {
	color: #0088ee;
}
.notification {
	border: 1px solid #ffbb33;
	background: #ffdd99;
	padding:4px;
	font-weight: bold;
}
.success {
	border: 1px solid #0000cc;
	background: #0088ee;
	color: #ffffff;
	padding:4px;
	font-weight: bold;
}
.notification a {
	font-weight: bold;
}
.nextprev {
	border: 2px solid #6e97df;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 2px;
}
.nextprev:hover {
	border: 1px solid #6e97df;
	background: #6e97df;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.nextprevc {
/*	border: 1px solid #9b9b9c;*/
	padding: 2px;
	color:#ffffff;
	background: #6e97df;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 2px;
	font-size:130%;
}

.resizemenu {
	border-top: 1px dashed #cccccc;
	padding: 2px;
}
.album {
	/*border: 1px solid #c2c2c2;*/
	width: 95%;
	font-size: 11px;
	margin-bottom: 5px;
	background: #cccccc;
	border-bottom: 1px dashed darkgrey;
}
.album_title {
	font-size:11px;
	border: 1px solid #999999;
	background: #095182;
	height: 18px;
	font-weight: bold;
	padding-left: 2px;
	color: #ffffff;
}



.tool-tip {
	color: #fff;
}
.xbutton {
	float: left;
	height: 16px;
	width: 16px;
}
.user_info_left {
	font-size:130%;
	padding-left:5px;
	float: left;
}
.user_info_right {
	font-size:120%;
	margin-left: 95px;
	min-height:100px;
}
.user_image {
	width: 80px;
	height:80px;
	border: 2px solid #1d1d20;
}

.item_caption {
	font-weight: bold;
	font-size: 120%;
	margin-bottom:2px;
}
h1 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom:2px;
	padding:1px;
}
h2 {
	font-weight: bold;
	font-size: 110%;
	margin-bottom:2px;
	padding: 1px;
}
h4 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom:2px;
	padding:0px;
}
.item_caption h1 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom:2px;
	padding:1px;
}

.share {
	background: #f3f3f3;
	border:4px solid #0088ee;
}

#new_album {
}
#new_album input {
	font-size:12px;
	background: #0088ee;
	color: #ffffff;
	border: 1px solid #555555;
}
#new_album input:hover {
	background: #ffdd99;
	color: #000000;
}
#new_album input:focus {
	background: #ffdd99;
	color: #000000;
}
.imgdiv {
	width: 190px;
	text-align: left;
	font-size:11px;
}
.thumbnail {
	border: 1px solid #095182;
}
.imgdiv a {
	font-weight: normal;
}

.imgdiv strong:hover {
	color: #6e97df;
}

.pagelink {
	float: left;
	border-right: 1px solid darkgrey;
	height: 19px;
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: bold;
}

.pagelink a {
	color: #095182;
}
.pagelink a:visited {
	color: #095182;
}
.pagelink a:hover {
	cursor: pointer;
	color: #FFFFFF;
}

.pagelink:hover {
	background-color: lightgrey;
	cursor: pointer;
}

.caption {
	max-width:185px;
	overflow-x:hidden;
	font-weight: bold;
	font-size: 11px;
}

.caption a {
	font-weight: normal;
}

.item a{
	color: #6e97df;
	font-size: 120%;
}
.item li strong{
	color: #6e97df;
	font-size: 120%;
}

.notification2 {
	background-color: lightyellow;
	border: 1px solid #9b9b9c;
	padding:2px;
	font-weight: bold;
	color: #000000;
}
.notification2 a {
	color: #6e97df;
	font-weight: bold;
}
.rightlinks a {
	text-decoration: none;
	color: #ffffff;
	color: #666666;
	font-weight: bold;
}
.rightlinks a:hover {
	text-decoration: underline;

	color: #666666;
}

.profile_name {
	font-size: 150%;
	font-weight: bold;
}

.school {
	float: left;
	font-size: 80%;
	border-bottom: 1px solid #5074A1;
	color: #777777;
}
.school b {
	color: #888888;
}

.imgactions input{
	font-size: 80%;
	padding:0px;
}
.instructions {
	border: 1px solid #9b9b9c;
	background-color: #2d2c31;
	text-align: left;
}

.help_item {
	border-bottom: 1px solid #cccccc;
	background-color:#dddddd;
	padding: 2px;
	font-weight: bold;
	color: #1d1d20;
}
.help_answer {
	padding: 2px;
	padding-left: 8px;
	background-color:#1d1d20;
}

.help_answer a {
	color: #6e97df;
}
.blog_head {
	border-bottom: 1px solid #cccccc;
	background-color:#dddddd;
	padding: 2px;
	font-weight: bold;
}
.blog_text {
	padding: 2px;
	padding-left: 8px;
	background-color:#eeeeee;
	margin-bottom:20px;
}
.blogtable {
	border: 0px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}
.blog {
	background-color:#dddddd;
}
table {
	border: 0px;
	border-collapse: collapse;
}

.acl {
	background-color:#cccccc;
}
.alert {
	background-color: #ff6666;
	border: 2px solid #CC9900;
	padding:2px;
	color: #ffffff;
}
.alert a{
	color: #000000;
	font-weight: bold;
}

.files_list {
	background: #B3EDFF;
	background-color: #B3EDFF;
}
.mail_table {
	border: 1px solid #999999;
	background-color: #cccccc;
	width: 95%;
	font-size: 11px;
}

.unread {
	font-weight: bold;
}

.item_head2 a {
	color: #6e97df;
}
.item_head2 {
	padding:2px;
	padding-left:4px;
	font-weight: bold;
	color: #ffffff;
	font-size:110%;
	background: #0472aa;
	border-bottom:1px solid #00a9fe;
}
.item_info {
	overflow-x: hidden;
}
.related_items {
	overflow: scroll;
	overflow-x: hidden;
	height:350px;
	max-height: 350px;
}
.related_items a{
	color: #095182;
}
.related_items a:visited {
	color: #095182;
}
.small_thumb {
	width: 64px;
	height:64px;
	border: 2px solid #1d1d20;
}

.item_data {
	max-width: 175px;
}
.item_data a {
	max-width: 175px;
	color: #ffffff;
}
textarea {
	font-size:12px;
	background: #fafafa;
	border: 1px solid #d2d2d2;
}
input {
	font-size:12px;
	background: #fafafa;
	border: 1px solid #d2d2d2;
}
input:hover {
	background: #ffdd99;
	color: #000000;
}
input:focus {
	background: #ffdd99;
	color: #000000;
}
/* items that can be edited.
   highlight the item to notify the user */
.editable span {
	padding: 1px;
}
.editable:hover {
	padding: 1px;
}
.editable span:hover {
/*	background-color: #6e97df;*/
	color: #000000;
	background-color: #FFFF66;

}
.albumtable td:hover {
	background-color: #FFFF66;
}
.searchbox td {
	font-size: 12px;
	color: #ffffff;
}

td {
	font-size:12px;
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
}
.albumpic {
	width: 170px;
	max-width:170px;
	overflow: hidden;
	float: left;
	padding: 2px;
	background-color: #6e97df;
}
.editlink {
	color: #6e97df;
	font-size:12px;
}

.sortlink {
	color: #ff0000;
	font-weight: bold;
	font-size:12px;
}

.codebox {
	border: 1px solid lightgrey;
	background: #2d3a51;
	width: 430px;
	overflow: scroll;
}

.comment_form {
	font-weight: bold;
}

.commentbox {
	width: 500px;
	min-height: 100px;
}

.commentleft {
	float:left;
	padding: 5px;
	width: 110px;
	height: 90px;

}

.commentright {
	margin-left: 110px;
	min-height: 90px;
}
.messagebox {
	background: #dedede;
	border: 1px solid darkgrey;
	width: 500px;
	min-height: 100px;
	padding:2px;
}
.commentright {
	background-color: #e0e0e0;
	border-bottom: 1px solid #cbcccc;
}
.commentdate {
	color: #ffffff;
	background: #085284;
	padding: 2px;
}
.commentdate a {
	color: #ffffff;
	font-weight: bold;
}
label {
display: block;
}
#nav_login_form {
	padding-top:6px;
	float: right;
	padding-right: 5px;
	color: #ffffff;
}
#welcome_text {
	padding-top:6px;
	float: right;
	padding-right: 5px;
	color: #494949;
}

.box_head {
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #dfdfdf;
	background: #e9e9e9 url(images/box_head.png);
	font-weight: bold;
	color: #028dc1;
	padding: 2px;
	font-size:120%;
}
.box {
	border: 1px solid #dfdfdf;
	margin:4px;
	background: #f3f3f3;
}
.box_right {
	border: 1px solid #dfdfdf;
	margin:4px;
	background: #f3f3f3;
	float: left;
	max-width: 270px;
	width:270px;
	overflow-x:hidden;
}

.box_right a {
	color: #095182;
}
.box_right a:visited {
	color: #095182;
}

.box li {
	list-style-image: url(images/bluearrow.png);
}
.box_right li {
	list-style-image: url(images/bluearrow.png);
}
.favorite_thumb {
	width: 100px;
	height: 80px;
	border: 2px solid #0088ee;
}
.favorite_left {
	float: left;
	margin-right:5px;
	margin-left:5px;
}
.favorite_right {
	float: left;
}
.favorite {
	clear: both;
	height: 90px;
}
.highlight {
	background: #ffdd99;
}
.popular_item {
	float:left;
	width:95%;
	border-bottom:1px solid #0088ee;
	text-align: left;
	margin-bottom:3px;
}
.popular_item a {
	font-weight: normal;
}
.related_items a {
	font-weight: normal;
}
#search_form_head {
margin-top: 4px;
}
#search_form_head input {
padding:2px;
font-size:120%;
}
.search_icon {
	margin-top:4px;
}
.notify {
	background: #9b9a9a;
	border-bottom: 1px solid #8d8b8b;
	padding:3px;
	color: #ffffff;
}
.toplinks {
	float: left;
	font-size:10px;
}
.left_content_wide {
	float: left;
	width:260px;
}
.left_side_wide {
	float: left;
	max-width: 325px;
	width:325px;
	margin-right:4px;
}

.info_text {
	float: left;
	width:180px;
	padding-left:2px;
}
.categories {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	height:325px;
	max-height: 325px;
}
.categories a{
	color: #095182;
}
.categories a:visited {
	color: #095182;
}

.content a {
	color: #095182;
	text-decoration: none;
	font-size: 110%;
}
.content a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 110%;
}
.content a:visited {
	color: #095182;
	text-decoration: none;
	font-size: 110%;
}
.box a {
	color: #095182;
	text-decoration: none;
	font-size: 110%;
}
.box a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 110%;
}
.box a:visited {
	color: #095182;
	text-decoration: none;
	font-size: 110%;
}
.box_right a {
	color: #095182;
	text-decoration: none;
	font-size: 110%;
}
.box_right a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 110%;
}
.box_right a:visited {
	color: #095182;
	text-decoration: none;
	font-size: 110%;
}
.code {
	border: 1px solid #000000;
	margin: 5px;
	padding: 3px;
}