@charset "UTF-8";
/* CSS Document */


body {
	margin:0;
	padding:0;
	text-align:left;
	background-color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	line-height: 1.4em;
	font-weight: bold;
}


p {
	color:#1B0053;
	text-align:left;
	font-style: italic;
}

h1 {
	font:normal 4em "Trebuchet MS", Helvetica, Arial sans-serif;
	left: 5px;
	top: 40px;
	right: 40px;
	bottom: 20px;
}


blockquote {
	font-style:italic;
	color:#1B0053;
	font-family: Helvetica, "Arial sans-serif";
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: bold;
}

ul, ol {
color:#666666;
font-weight:bold;
font-size:0.9em;
line-height:2em;
}

ul {
list-style-type: ;
}

em {
	color:#A65E66;
}

img {
border: 6px solid #cccccc;
}

.floatleft { 
	float:left; 
	margin-right: 16px;
	margin-bottom: 3px;
}

.clearfloat {
clear:both;
}

#container {
width:85%;
margin:0px auto 5px auto;
padding: 0 0px 5px 0px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
min-width:
}

#header {
	background: url(http://www.septera.com/components/background_04.jpg) top left no-repeat;
	width:100%;
	height: 1600px;
}

#header h1 {
	color:#FFFFFF;
	text-align:left;
	padding-top: 80px;
	padding-right: 60;
	padding-bottom: 0;
	padding-left: 83px;
	font-family: "Trebuchet MS", Helvetica, "Arial sans-serif";
	font-size: 4em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#title {
width:100%;
padding-top:0px;
	padding-right: 60;
	padding-bottom: 0;
	padding-left: 83px;
}

#title h2{
	color:#330066;
	text-align:left;
	
	font-family: "Trebuchet MS", Helvetica, "Arial sans-serif";
	font-size: 3em;
	line-height:1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}


#maintextleft {
	float:left;
	width:270px;
	padding-bottom:2px;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 100px;
}

#blogleft {
	float:left;
	width:65%;
	padding-top: 0;
	padding-right: 10px;
	padding-left: 20px;
}

#blogleft h1, #blogleft p {
padding:0 10px 10px 10px;
color:#333333;
text-align:left;
font-style:normal;
}

#blogleft h1 {
font-size:2.6em;
}

#blogleft p {
font:normal 1.0em/1.8em Verdana, Arial, Helvetica, sans-serif;
}


#blogright {
	float:right;
	width:26%;
	padding-top: 0;
	padding-right: 10px;
}

#blogright h1, #blogright p {
padding:0 10px 10px 10px;
line-height:1.5em;
color:#333333;
text-align:left;
font-style:normal;
}

#blogright h1 {
font-size:2em;
}

#maintextright {
	float:right;
	width:300px;
	padding-bottom:2px;
	padding-top:40px;
	padding-right:50px;
	padding-left: 10px;
}

#maintextleft img,
#maintextright img {
float:left;
padding-right:15px;
border:none;
}

.thumblist {
width:300px;
height:80px;
}

/* Horizontal Navigation Bar
============================= */

#navbar{
margin:0;
width:100%;
padding: 23px 40px 40px 40px;
float:none;
}

#navbar ul{
float:left;
margin:0;
padding:0;
width: 100%;
list-style:none;
z-index:90;
}

#navbar ul a{
	display:block;
	float: left;
	width: 9.6em;
	height: 40px;
	line-height: 39px;
	background:none;
	text-align: center;
	text-decoration:none;
	color:#fff;
	}


#navbar a:hover, #navbar a.selected {
	color:#000;
	text-decoration:underline;
	color:#FFFFFF;
	background-color: #1C0037;
}

#navbar li{
position:relative;
}

#navbar li:hover {
z-index:131;
}

#navbar ul li{
float:left;
}

#navbar ul ul{
position:absolute; 
/*top:auto;
margin-top:39px;
margin-left:0; */
display:none;
background-color:#666699;
border: 1px solid #333;
width:9.9em !important;
}

#navbar ul ul a {
text-align:left;
padding-left:4px;
}

#navbar ul ul a:hover, 
#navbar ul ul a:active {
background:#1C0037;
color:#FFF;
text-align:left;
}

#navbar ul ul ul{
position:absolute;
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method*/

div#navbar h2:hover{
background-color:#999999;
background:transparent url(../images/btnbase-over.gif) no-repeat top center; 
} 

div#navbar li:hover{
cursor:pointer;
}

div#navbar li:hover ul ul,
div#navbar li li:hover ul ul,
div#navbar li li li:hover ul ul,
div#navbar li li li li:hover ul ul
{display:none;}

div#navbar li:hover ul,
div#navbar li li:hover ul,
div#navbar li li li:hover ul,
div#navbar li li li li:hover ul
{display:block;} 

/* End of non-anchor hover selectors */

/* Styling for Expand */

#navbar a.x, #navbar a.x:visited{
font-weight:bold;
color:#000;
background:#eee;
}

#navbar a.x:hover{
color:#fff;
background:#000;
}

#navbar a.x:active{
color:#060;
background:#ccc;
}


#footer {
clear:both;
width:100%;
}