h1 {   
  clear: both;
  margin: 10px 15px 0px 15px;    
  font: 700 1.2em "trebuchet ms", serif;
  text-transform: uppercase;
  color: #000000;
}

h1 span {
  display: block;
  padding-left: 15px;
}

h1.tall span{  
  padding: 30px 15px;  
}

form
{
margin:0px;
padding:0px;
}

#sitebody
{
padding-top:10px;
float:left;
width:950px;
}

/* These styles are used for the tables when listing content */
.Table
{
	border-Width: 0px;
	border-style: solid;
	border-color: #000000;
	line-height: 17px;
	border-collapse: collapse;
}

.TableHeader
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #aaaaaa;
    COLOR: #FFFFFF;
}

.TableTop
{
	border-Width: 1px;
	border-color: #DDDDDD;
	line-height: 17px;
	background-color: #DDDDDD;
}

.TableTitle
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #cccccc;
    COLOR: #000000;
}

.TableBody1
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #eeeeee;
    color: #741726;
}

.TableBody2
{
    TEXT-DECORATION: none;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #eeeeee;
    color: #741726;
}

/* input html tags styles */
INPUT, SELECT, TEXTAREA
{
	FONT-SIZE : 11px;
	FONT-FAMILY : Verdana;
	BORDER-WIDTH: 1px;
}

/* Form styles when submitting content */
.divFieldset
{
	margin:0px auto;
	width:560px;
}

form fieldset
{
	border-width:1px;
	border-style:solid;
	border-color:#555555;
	background-color:#e4e4ff;
	margin:20px 0px 20px 0px;
	display:block;
	padding: 0px 10px 10px 10px;
	text-align: left;
	position: relative;
}

form fieldset legend{
	font-weight:bold;
	background-color:#16166d;
	border-width:1px;
	border-style:solid;
	border-color:#555555;
	padding:2px;
	margin:0px 0px 10px 0px;
	top: -12px;
	position: relative;
	color: #ffffff;
}

form fieldset legend img
{
	padding:0px 5px 0px 10px;
}

label
{
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin:0px 5px 0px 0px;
}

.requiredText
{
	FONT-FAMILY: Verdana;
	FONT-SIZE : 11px;
	COLOR: #000000;
}

label span.requiredIcon
{
	FONT-FAMILY: Verdana;
	FONT-SIZE : 11px;
	COLOR: #6d2d16;
}

.requiredField
{
	FONT-SIZE : 11px;
	FONT-FAMILY : Verdana;
	BACKGROUND-COLOR: #FF0000;
	COLOR: #FFFFFF;
}

.LegendImage
{
	display:none;
}

.fieldsetButton
{
	TEXT-ALIGN: center;
	MARGIN-TOP: 10px;
	position:relative;
}

/* Events table for the events module */
.EventTable
{
	BACKGROUND-COLOR: #777777;
	border-color:#000000;
	border:1px;
}

/* The month shown in the events module */
.EventTitle
{
	BACKGROUND-COLOR: #aaaaaa;
}

/* Style for the days shown in the event calendar */
.EventDays
{
	BACKGROUND-COLOR: #cccccc;
}

/* Style when an event is on a day on the calendar */
.EventOnDays
{
	BACKGROUND-COLOR: #ffff99;
}

/* Style used in the calendar when no day numbers are on a month */
.EventBlank
{
	BACKGROUND-COLOR: #eeeeee;
}

/* Calendar highlight when a mouse is over a day */
.EventHighlight
{
	BACKGROUND-COLOR: #aaaaaa;
	Cursor: Pointer;
}

/* Style for today in the calendar */
.EventToday
{
	BACKGROUND-COLOR: #ffff99;
}

/* AJAX styles */
.trans50
{
	opacity: .35;
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
}

.trans100
{
	opacity: .100;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
}

.AlertBG
{
	background-color: #C2BFA5;
}

.AlertTitle
{
	background-color: #94311B;
	color: #FFFFFF;
}

/* Styles used for comments in some of the modules */
#idCommentShow
{
	width:270px;
	overflow:auto;
}

#idCommentShow hr{
	width:100%;
	height:1px;
}

#idCommentShow span
{
	font-weight: bold;
}

/* The default background color for the graph showing the poll results */
.PollGraphBG
{
	height: 1em;
	width: 140px;
	margin: 1px 0;
	background-color: #EEEEEE;
}

#nav-menu-cat
{
display:none;
}

.ListingTitle
{
	font-size:18px;
}

/* [[ViewCart]] Function */
.ViewCartDiv
{
	width:105px;
	text-align:center;
	margin-top:10px;
}

.ViewCartTitle
{
	width:100%;
	color:#ffffff;
	height:20px;
	text-align:center;
	padding:3px;
	background: #ffffff url(http://www.sepcity.com/skins/default/images/viewcart_title.gif) no-repeat;
}

/* Articles Module classes for listing articles in a category */
.ArticleList
{
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
}

.ArticleHeadline a
{
	FONT-SIZE : 15px;
}

.ArticleSummary
{

}

.ArticleSummaryFooter
{
	width:100%;
	text-align:right;
	background-color:#eeeeee;
	height:23px;
	virtical-align:middle;
	padding-right:10px;
}

.ArticleSummaryFooter a
{
	padding-left:20px;
}

.ArticlePostedBy
{

}

.HrLine
{
	height:1px;
}

/* Message when content is successfully posted to the site */
.successMsg
{
font-weight:bold;
}

/* Message when a user generates an error on the site */
.errorMsg
{
color:#911304;
font-weight:bold;
}

/* fieldsetButton */
.Button a, .Button{
margin:0px;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eeeeee;
border-left:1px solid #eeeeee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:2px 3px 2px 3px;; /* Links */
}
.Button{
width:auto;
overflow:visible;
padding:2px 3px 2px 3px; /* IE6 */
}
.Button[type]{
padding:2px 3px 2px 3px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html .Button[type]{
padding:2px 3px 2px 3px; /* IE7 */
margin-left:2px;
}
.Button img, .Button a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}

/* STANDARD */

.Button:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.Button a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#ffffff;
}

/* POSITIVE */

.positive, .positive a.positive{
color:#529214;
}
a.positive:hover, .positive:hover{
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#ffffff;
}

/* NEGATIVE */

.negative, .negative a.negative{
color:#d12f19;
}
a.negative:hover, .negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#ffffff;
}