/* CSS Document */

/*PAGE LAYOUT*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#content {
	width: 784px;
}


#shadowwrap {
	float: left;
	display: block;
	background-image: url(images/interface/bg_submenu.gif);
	background-position: 0 bottom;
	background-repeat: repeat-x;
	height: 141px;
}

#logowrap {
	float: left;
	display: block;
	background: url(images/interface/bg_menu.gif) repeat-x 0 97px;
	border-left: 1px solid #808282;
}

#logo {
	width: 274px;
	height: 129px;
	background: url(images/interface/logo.png) no-repeat 39px 8px;
	float: left;
}

#topheader {
	float: right;
	width: 505px;
	height: 97px;
	background-color: #fff;
	position: relative;
	border-right: 1px solid #808382;
}

#toplinks {
	position: absolute;
	right: 10px;
	top: 10px;
}

#menu {
	float: right;
	width: 508px;
	height: 32px;
	background-image: url(images/interface/bg_menu.gif);
	background-repeat: repeat-x;
	border-right: 1px solid #808382;
}

#menu a:hover {
	color: #222;
}

#submenu {
	float: right;
	width: 509px;
	height: 32px;
	background-image: url(images/interface/bg_submenu.gif);
	background-position: top;
	background-repeat: repeat-x;
}



#contenttext {
	float: right;
	width: 510px;
	margin-right: 10px;
}

#leftpanel {
	float: left;
	width: 240px;
	margin-left: 17px;
}

#footer {
	
	width: 784px;
	background-color: #dbdbdb;
	padding: 10px;
	float: left;
}

/*GRAY PANEL*/

.graypanel {
	border: solid 1px #666666;
	background-color: #d8e2ff;
	padding: 10px;
	margin: 10px;
       padding-bottom: 20px;
}

.graypanel .updates_item {
      margin-bottom: 5px;
}

.graypanel .updates_item .smallpurpletext {
      margin-bottom: 0px;
}

.graypanel .updates_title, .graypanel .updates_item p {
       display: inline;
}

.graypanel .updates_title {

       font-weight: bold;
}

.graypanel .oneliner {
      margin-top: -2px;
      padding-left: 10px;
}

.graypanel a .smallgraytext {
      display: block;
      margin-left: 25px;
}

/*COMMENTS*/

.entry {
     margin-top: 10px;
     padding: 0 10px 10px 10px;
     border: 1px solid #ccc;
     background: #F9F8F2;
     color: #333;
}

.comment:last {
   margin-bottom: 50px;
}

.comment {
    display: block;
    clear: both;
   margin: 0;
   margin-bottom: 60px;

}

.comment:first p {
    margin-top: 10px;
}

.comment .posted {
     float: right;
}

.clearfix {
   display: block;
   clear: both;
   height: 10px;
}

/* LINK PAGE */
.link_category {
     margin:0px;
     padding:0px;
}

.linkunit .smalltitle {
     margin: 0px;
}

.linkunit .url, .linkunit .description {
     margin-left: 25px;
}

.linkunit {
     margin: 0px;
}

.linkunit .url {
     color:#888;
}

/* ARCHIVE PAGES */

.archive h3, .archive p, .archive .item {
     margin:0px;
     padding:0px;
}

.archive .item {
    margin-bottom: 20px;
}

.archive h3 {
     display: inline;
}

.archive .postdate {
     padding-left: 12px;
}

.archive .item .oneliner {
    padding-left: 20px;
}

/*FORMS*/
.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}


/*CALENDAR*/
.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #9DB7A7;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #663300; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

/*TEXT STYLES*/

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
 clear: both;
}

.bodytext {
	font: 0.8em Tahoma, sans-serif;
	color: #333;
}

#topheader .bodytext {
	padding-left: 0;
}

.titletext {
	font: bold 32px Tahoma, sans-serif;
	color: #143360;
}

.whitetitle {
	font: 0.8em Tahoma, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
}

.smallgraytitle {
	font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}

.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	color: #003232;
}

.graypanel .smalltitle {
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: -15px;
}

.smallwhitetext {
	font: bold 11px Tahoma, sans-serif;
	color: #FFFFFF;
}

.smallwhitetext a {
	font: bold 11px Tahoma, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#menu .smallwhitetext a {
	font-size: 1em;
	font-variant: normal;
	letter-spacing: 1px;
}

.smallwhitetext a:hover {
	text-decoration: underline;
}

#newsmodule {
	border: solid 1px #666666;
	background-color: #d8e2ff;
	padding: 10px;
	margin: 10px;
}

.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}

.smallgraytext a {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

.smallgraytext a:hover {
	text-decoration: underline;
}

.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}

.smallredtext a {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}

.smallredtext a:hover {
	text-decoration: underline;
}

.smallpurpletext {
	color: #350c63;	
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
}


#submenu ul {
	list-style-type: none;
	display: inline;
}

#submenu ul li {
       display: inline;
       padding-left: 10px;
}
#submenu ul li:first {
      padding: 0px;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

a img {
	border-style: none;
}