/* 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:url(../images/dim.png) top left repeat;}

#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
{
	width: 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: 260px;
margin-left: auto;
margin-right: auto;
}

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

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

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

#header .menu a:hover {
background-color: #F5F5F5;
color:#330033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

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

#header .menu 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 {
	clear:both;
	font-size: 80%;
	border-top:1px solid #aaa;
	padding:20px 20px 0 20px;
	margin:auto;
	text-align: center;
}
#footer img {
	border: none;
	position: relative;
    top: 8px;
padding-left:0px;
float:none;

}


/*Content styles */
#content {
	margin:0 270px 0 10px;
	padding:20px 0px 30px 10px;
	height: auto;
	width: 100%;
}

#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 50px 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:#330033;
	font-size: 13pt;
	text-decoration:none;
}

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

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

h3 {
	font-size:13pt ;
	color:#330033;
}



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:#222;
	padding:0 40px 0 30px;
	line-height:20px;
}
hr {
margin:5px 0;
}

ul.actions {
list-style-type:none;
}
#adminForm {
margin-left: -30px;
}
#adminForm fieldset {
padding: 5px 15px;
border: none;
border-bottom: 1px solid black;
margin-top: 20px;
padding-bottom: 20px;
}

#adminForm legend {
font-size: 120%;
color: #330033;
font-weight: bold;
border-bottom: 1px solid grey;
}

.item-page {
padding-left: 50px;
}
.article-info {
font-size: 80%;
margin-top: 15px;
line-height: 15px;

}
.readmore {
font-size: 80%;
}

.moduletableborder {
border-top: 1px solid black;
margin-top: 10px;
padding-top: 10px;
}

.breadcrumbs {
font-size: 80%;
}

.edit-icon {
float: right;
}
.article-info-term {display: none;}

#openLogin {
background:url(../images/OTbuttonBackground.jpg);
background-size:70px 25px;
-moz-background-size:70px 25px;
}
#openReg {
background:url(../images/OTbuttonBackground.jpg);
background-size:70px 25px;
-moz-background-size:70px 25px;
}
/* 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; 
}