/* CSS Document - SUB PAGES*/

body {
	font: 10pt verdana, arial, helvetica, sans-serif;
	word-spacing:2px;
	color:#000;
	margin:20px;
	background-color: #330033;
}

* {
	margin:0;
	padding:0;
	
}

#wrapper {
	background:#fff;
	border:3px solid #f1f1f1;
	max-width:1000px;
	width:expression(this.width > 320 ? "320px" : this.width);
	min-width:760px;
	margin:0 auto;
}

* html #wrapper
{
	w\idth: expression(document.documentElement.clientWidth > 1200 ? "1200px" : "auto");
}

#innerwrapper {
	margin:1px;
	background:url(../images/innerwrapper.jpg) top repeat-x;
	padding:20px;
}

#leftheaderbox {
float: left;
width: 145px;
height: 140px;
border:1px solid #AAA;
font-size: 160%;
color: #888;
text-align: center;
top: 15px;
}
#rightheaderbox {
float: right;
width: 145px;
height: 140px;
border:1px solid #AAA;
font-size: 160%;
color: #888;
text-align: center;
top: 15px;
}

#header {
margin-bottom:10px;
background:url(../images/OTheader.gif) top no-repeat;
}

#date {
padding-top: 85px;
width: 215px;
margin-left: auto;
margin-right: auto;
}

#header .nav {
  position:relative;
	clear:both;
	border-bottom:2px ridge black;
	border-top:0px solid #fff;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	padding:10px 10px 10px 0 !important;
	padding:4px 10px 10px 0;
	background-color: transparent;
	top: 10px;
	text-align: center;
}

#header a em {
	font-style:normal;
	text-decoration:underline;
}

#header .nav a {
	color:#000;
	font:110%;
	text-decoration:none;
	padding:10px;
}

#header .nav a:hover {
/*background-color: #F5F5F5;*/
color:#993333;
}

#header .nav li.active a{
/*background-color: #F0F0F0;*/
color:#993333;
}

#header .nav li {
	display:inline;
	list-style:none;
	margin:0 1px 0 0;
}

#header .subnav {
	padding:5px 7px 7px 7px;
	font:90% ;
	color:#000;
	border-bottom:2px solid #388CBA;
	border-left:2px solid #388CBA;
	border-right:2px solid #388CBA;
	border-top:2px solid #3086B7;
  display:none;
  position:absolute;
  top:40px;
  left:-2px;
  width:98.5%;
}
#header .active ul, #header li:hover ul{
display:block;
}

#header .subnav li {
	list-style:none;
	display:inline;
}

#header .subnav a {
	color:#DEEDF5;
	text-decoration:none;
	font:100% ;
	padding:5px;
	border-bottom:2px solid #4F9EC9;
}

#header .subnav a:hover {
	border-bottom:2px solid #388CBA;
	color:#fff;
}

#header .subnav li.active a{
	border-bottom:2px solid #388CBA;
	color:#fff;
}
#footer {
	font-size: 90%;
	clear:both;
	border-top:1px solid #aaa;
	padding:20px 20px 0 20px;
	margin:auto auto auto;
	text-align: center;
}
#footer img {
	border: none;
	position: relative;
    top: 8px;
padding-left:0px;
float:none;

}

/*Sidebar styles */
#sidebarright {
	width:250px;
	float:right;
	padding:10px 0 0 20px;
	background:url(../images/sidebarright.jpg) top left no-repeat;
	height: 580px;
}

#sidebarright .heading_two {
	font-size:120% ;
	color:#993333;
	margin:10px 0;
	border:none;
	margin-bottom:-10px;
}

#sidebarright p {
	line-height:20px;
	margin:10px 0;
}

#sidebarright img {
	padding-left:0px;
}

#sidebarright h2 {
	font-size:10pt ;
	color:#993333;
	margin:10px 0;
	border:none;
	margin-bottom:-10px;
}

#sidebarright ul {
	margin:10px 0 10px 15px;
	font:90% ;
}

#sidebarright ul li {
	margin:5px 0;
}


/*Content styles */
#content {
	margin:0 270px 0 25px;
	padding:20px 0px 30px 70px;
	height: auto;
	border-right:2px ridge black;
}

#contentnorightbar {
	margin:0 0 0 330px;
	padding:20px 0 0 20px;
}
#content ul {
margin:15px 125px 0 45px;
	line-height:25px;
}
#content ol {
	margin:15px 125px 0 45px;
	line-height:25px;
}
#content ul span {
	color:#444;
}
#contentnorightbar ul {
	margin:15px 0 15px 20px;
	line-height:25px;
	padding:15px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#79B933;
}
#contentnorightbar ul span {
	color:#444;
}

#commentsAnchor {
	padding: -10px 0 -10px 0;
}

/*General styles */

.black {color: #000;
}
.marroon {color:#993333;
}

.transparent {
z-index:1000; 
background:url(../images/transparent.gif) repeat;
}

p {
	margin:15px 105px 0 0;
	line-height:22px;
}
.style2 {font-size: 9px; }
h1 {
font-size:14pt;
color:#993333;
}
h2 {
	font-size:10pt ;
	color:#000;
	margin-bottom:-10px;
	margin-top:20px;
}

h2 a {
	color:#000;
	text-decoration:underline;
}

a {
	border-bottom:1px dotted #eee;
	color:#330033;
	text-decoration:none;
}
a:hover {
	border-bottom:1px solid #ccc;
}

h2 a:hover {
	color:#5F9128;
}

h3 {
	font-size:10pt ;
	color:#000;
	margin-bottom:-20px;
	margin-top:10px;
}



form {
	padding:10px;
	border:1px solid #f6f6f6;
}

label {
	display:block;
	font-weight:bold;
	color:#000;
	margin:5px 0;
	

}
input {
	width:300px;
	padding:4px;
	border: 1px solid #555;
	background-color: transparent;
	font:90% ;
	color:#777;
}

.button {
	clear: both;
	font-size: 110%;
	border: 2px ridge #222;
	padding: 4px;
	color: black;
	width: 100px;
	
	
}

textarea {
	width:400px;
	padding:4px;
	font:90% ;
	border:1px solid #ccc;
	height:100px;
	display:block;
	color:#777;
}



blockquote p {
	font:160%;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}
hr {
margin:5px 0;
}

/* VIDEO PLAYER styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 320px; 
    height:240px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:70px; 
	margin-right: auto;
	margin-left: auto;
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}