/* --- Main Styles --- */
body {
	position: relative;
	margin: 0;
	padding: 0;
	color: navy;
	font-size: 12pt;
}
h3 {
	font-size: 24pt;
	margin: 0;
	padding: .5em 0;
}
h4 {
	font-size: 18pt;
	text-decoration: underline;
}
h5 {
	font-size: 14pt;
	margin-bottom: 0;
	margin-top: 2em;
	padding-bottom: 0;
}
h6 {
	font-size: 10pt;
	margin-bottom: 0;
	padding-bottom: 0;
	text-decoration: underline;
}
em {
	font-style: normal;
	text-decoration: underline;
}
strong {
	font-size: 13pt;
	font-weight: bold;
}
img{
	margin-left: 2em;
}
.icon img{
	float: left;
	margin-right: 1em;
	margin-left: 0;
}

/* --- Main Content Styles --- */
#content {
	position: relative;
	min-width: 350px;
	border-left: 200px #AAAAFF solid;
	margin: 0;
	margin-top: 0;
	padding: 0 3em 3em 2em;
	font-family: "Times New Roman";
}

/* --- Header Styles --- */
#header {
	background: #AAAAFF url(../images/bcrossleftLCMS3D.png) top left no-repeat;
	height: 80px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: white;
	min-width: 690px;
}
#header h1 {
	margin: 0;
	background: url(../images/bcrossright3D.png) top left repeat-x;
	height: 80px;
	padding-top: 5px;
	line-height: 45px;
	margin-left: 95px;
}

/* --- Navbar Styles --- */
#navbar {
	margin: 0;
	position: absolute;
	background: #AAAAFF;
	z-index: 100;
	left: 0;
	width: 200px;
	padding-bottom: 150px;
	color: navy;
	text-align: center;
}
#navbar ul li h6 {
	text-decoration: none;
	border-bottom: dotted 1px navy;
	display: inline;
}
#navbar ul li {
	font-size: 10pt;
	padding: 3px 0;
}
#navbar a {
	text-decoration: none;
}
#navbar a:hover {
	text-decoration: underline;
}
#navbar ul {
	list-style-type: none;
	padding: 0;
	margin: 5px;
}

/* --- Navbar Dividers --- */
#navbar #contact, #navbar .external, #navbar .tools, #navbar .webmaster {
	border-top: solid navy 1px;
	padding-top: .5em;
}

/* --- Internal Links Buttons Styles --- */
#navbar ul.internal {
	margin: 1em 0;
}

#navbar ul.internal li {
	background: url(../images/buttonleft.png) top left no-repeat;
	height: 30px;
	margin: 3px 15px;
	font-size: 12pt;
	padding: 0;
	width: 170px;
}
#navbar ul.internal li a {
	background: url(../images/buttonright.png) top right no-repeat;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin-left: 0;
}
 
#home #navbar ul.internal .home, 
#about #navbar ul.internal .about,
#directions #navbar ul.internal .directions,
#announcements #navbar ul.internal .announcements,
#events #navbar ul.internal .events,
#groups #navbar ul.internal .groups,
#pictures #navbar ul.internal .pictures  {
	background: url(../images/buttondarkleft.png) top left no-repeat;
}

#home #navbar ul.internal .home a, 
#about #navbar ul.internal .about a,
#directions #navbar ul.internal .directions a,
#announcements #navbar ul.internal .announcements a,
#events #navbar ul.internal .events a,
#groups #navbar ul.internal .groups a,
#pictures #navbar ul.internal .pictures a {
	color: black;
	cursor: default;
	background: url(../images/buttondarkright.png) top right no-repeat;
	text-decoration: none;
}





/* --- Footer Styles --- */
body #footer {
	border-left: 200px #AAAAFF solid;
	margin: 0;
	padding: 1em;
	padding-top: 3em;
	clear: both;
}
#footer #disclaimer {
	line-height: 15px;
	font-size: 10pt;
	display: block;
	float: left;
}
#footer #copyright {
	line-height: 15px;
	font-size: 10pt;
	display: block;
	float: left;
	clear: left;
}
#footer #valicon {
	float: right;
}
#footer #cleared {
	clear: both;
}

/* --- Announcements Page Styles --- */
.post .details h5 {
	display: inline;
	clear: both;
}
.formeonly {
	float: right;
}
.post {
	position: relative;
	color: navy;
	margin: 0;
	padding: 0;
}
div.post * {
	margin: 0;
	padding: 0;
}
div.post .title {
	position: relative;
	text-decoration: underline;
	display: block;
	float: left;
	margin-bottom: .5em;
}
div.post .subtitle {
	position: relative;
	text-decoration: none;
	display: block;
	float: right;
}
div.post .details {
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
}

.details .where {
	position: relative;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
.details .where h5 {
	position: relative;
	margin-right: 5px;
	display: inline;
}
.details .when {
	position: relative;
	margin-left: 2em;
	display: inline;

}
.details .when h5 {
	position: relative;
	margin-right: 5px;
	display: inline;
}

div.post p {
	margin: .4em;
	clear: both;
}
p a.commentlink {
	display: block;
	margin: 1em 0;
}
.post div.comment {
	background: #AAAAFF;
	color: navy;
	border: 1px solid navy;
	margin: .5em;
	padding: 1px;
}
.post div.comment div {
	border: 1px solid navy;
	background: #CCCCFF;
	color: navy;
	padding: .5em;
}

/* --- Announcements Box Styles --- */
div.bt {
	position: relative;
	background: url(../images/box2.png) no-repeat top right;
	margin: 0 0 0 22px;
	height: 40px;
}
div.btl {
	position: relative;
	height: 40px;
	width: 22px;
	position: relative;
	left: -22px;
	background: url(../images/box2.png) no-repeat 0 0;
}
div.bb {
	position: relative;
	background: url(../images/box2.png) no-repeat bottom right;
	margin: 0 0 0 22px;
	height: 24px;
}
div.bbl {
	position: relative;
	background: url(../images/box2.png) no-repeat bottom left;
	margin-left: 0;
	width: 22px;
	height: 24px;
	position: relative;
	left: -22px;
}
div.i1 {
	position: relative;
	margin-left: 0;
	padding: 0 0 0 18px;
	background: url(../images/borders2.png) repeat-y top left;
}
div.i2 {
	position: relative;
	padding: 0 18px 0 0;
	background: url(../images/borders2.png) repeat-y top right;
}
div.i3 {
	position: relative;
	background:#FFF;
	border: 1px solid #FFF;
	border-width: 1px 0;
	padding: 0 5px;
}

/* --- Announcements Forms Styles --- */
form, #pictures form {
	padding-top: 2em;
}
fieldset, #pictures fieldset {
	margin: 0;
	padding: 0 1.5em 1em 1.5em;
	border: 1px solid navy;
	background: #EEEEFF;
	display: block;
}
fieldset legend, #pictures fieldset legend {
	font-weight: bold;
}
label, #pictures label {
	display: block;
}
input.text, #pictures input.text {
	width: 98%;
}
#login input.text, #pictures #login input.text {
	width: 200px;
}
#verify, #pictures #verify {
	width: 50px;
}
textarea, #pictures textarea {
	width: 98% !important;
	height: 200px !important;
}
#pictures div.picupload {
	padding: .5em 0;
}
#pictures div.picupload label {
	display: inline;
}
#pictures div.picupload input.text {
	width: 400px;
}
#pictures div.picupload input.file {
	margin-right: 5em;
}

/* --- Pictures Page Styles --- */
#pictures {
	padding: 0;
	margin: 0;
	min-width: 800px;
}
#pictures * {
	padding: 0;
	margin: 0;
}
#pictures #content {
	position: relative;
	padding: 1em;
}
#pictures #gallerywrapper {
	position: relative;
}

#pictures #content h3 {
	padding: .5em;
}
#pictures #content #subheader {
	text-align: center;
	clear: both;
	position: relative;
}
#pictures a.gallery {
	display: block;
	clear: both;
	padding: 5px;
	margin: 1em;
}
#pictures a.gallery img {
	display: inline;
	float: left;
}
#pictures a.gallery span {
	line-height: 60px;
	display: inline;
	float: left;
	font-size: 20pt;
	margin-left: 1em;
}

#bigpic {
	position: relative;
	float: left;
	top: 0;
	right: 0;
	width: 64%;
	background: #DDDDFF;
	margin: 9px;
	margin-bottom: 100px;
	padding: 9px 0;
	border: 2px solid navy;
	
}
/* --- Thumbnails Styles --- */
#thumbnails {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	padding: 9px 0;
	margin: 9px;
	border: 2px solid navy;
	background: #DDDDFF;
	/*width: 222px;*/
	width: 28%;
	text-align: center;
}
#thumbnails.choosethumbnails {
	width: 80%;
}
#thumbnails h3 {
	margin-bottom: .5em;
}
#thumbnails h4 {
	margin: .3em 0;
	text-decoration: none;
}
#thumbnails * {
	margin: 0;
	padding: 0;
}
#thumbnails li {
	display: block;
	float: left;
	padding: 0;
	margin: 5px;
}
#thumbnails a img {
	margin: 0;
	padding: 0;
	border: 2px solid;
}
#thumbnails #imagegallery {
	display: block;
	margin: 5px;
}

/* --- Big Picture Styles --- */

#placeholder {
	border: 2px solid navy;
	width: 94%;
	margin: 2%;
}
#bigpic #caption {
	text-align: center;
	font-size: 14pt;
}

#admintools #content {
	margin-top: 2em;
}
#admintools form {
	padding-top: 0;
	margin-top: 1em;
}


/* --- VBS Page Styles --- */
#vbs #content dt {
	margin: 1em;
	margin-bottom: .5em;
}

#vbs #content dd {

}

#vbs #content img {
	float: left;
	clear: left;
	margin: 1em;
	margin-right: 2em;
}

#vbs #content h3 {
	clear: both;
}

#vbs #content img.right {
	float: right;
}

iframe {
	float: right;
	margin: 1em;
}