/* Start of CMSMS style sheet 'style' */
/* Start of CMSMS style sheet 'Clean_Orange : Main' */
* {
  margin:0;
  padding:0;
}

  @font-face {
    font-family: Lucida Sans;
    font-style:  oblique;
    font-weight: 700;
    src: url(../LUCIDAS3.eot);
  }
  @font-face {
    font-family: Lucida Sans;
    font-style:  oblique;
    font-weight: bold;
    src: url(../LUCIDAS2.eot);
  }
  @font-face {
    font-family: Lucida Sans;
    font-style:  normal;
    font-weight: bold;
    src: url(../LUCIDAS1.eot);
  }
  @font-face {
    font-family: Lucida Sans;
    font-style:  normal;
    font-weight: 700;
    src: url(../LUCIDAS0.eot);
  }

body {
   text-align: left;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 11px;
	 background:#FFFFFF;
}

div {
   font-size: 11px;
}

img {
   border: 0;
}

td.textinput input {
 width:120px;
}
textarea {
   width:200px;
   height:60px;
}

a,
a:link 
a:active {
   text-decoration: none;
   background-color: inherit; 
  /* color: #cc6714;  */
   color: #cc6714;
}

a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #cc6714;
}

a:hover {
   text-decoration: none;
   background-color: #f3f3f3;
   color: #ff6600;
}

body {
   background-color: #fff;
   color: #666666;
   margin:1em;
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;
width:900px;
   height:561px;
border:1px solid black;
border-top:18px solid #740070;
   background:#740070 url(../images/left_bottom_bg.jpg) left bottom no-repeat;
padding:0px;


}

div#main {
height:561px;
width:901px;
color:#FFFFFF;
font-family:'lucida sans',arial;
background: url(../images/middle_bg.gif) right bottom no-repeat;
border:0px solid black;
margin:0px;
padding:0px;
}

div#main.internal {
height:561px;
	 background:url(../images/internal_bg.gif) right bottom no-repeat;
}
div#left {
   float: left;
   width: 224px;
   display: inline;  /* FIX IE double margin bug */
   /* margin-left: 0; */


}

div#middle {
   margin-left: 224px;
   margin-right: 286px;
   width: 321px; /* minus 6px due to ie6 */
	 
}

div#middle img{
		border:15px solid white;
}

div#largecontent {
   color: #666666;
   margin-left: 180px;
   margin-right: 0px;
   width: 529px; /* minus 6px due to ie6 */
}


div#logos {
   margin-top: 40px;
   border-top: 1px dotted #cccccc;
   border-bottom: 1px dotted #cccccc;
   width: 100%;  
   text-align: center;
}

div#logos img {
   padding-top: 20px;
   padding-bottom: 20px;
}


div#right {
   float: right;
   width: 293px; 
	 padding:33px 10px 0px 17px;
}


div#right_internal {
	 float:right;
margin-right:17px;
margin-bottom:20px;
	 padding:33px 10px 0px 17px;
         width:614px;
height:472px;
		overflow:auto;
		overflow-x: hidden; 

}


div#right_internal img {
 border:0px solid #532361;
}

div #right_top {
		background:none;
		height:88px;
		color: #FFFFFF;
		font-style:italic;
		font-family:'lucida sans',arial;
		overflow:auto;
		width:286px;
		overflow-x: hidden;
}

div#right_bottom {
		height:382px;
		width:286px;
		padding-top:24px;
		overflow:auto;
		overflow-x: hidden; 
	 font-family:'lucida sans', arial;
	 font-size:11px;
	 color:#f0d7ff;

}

table.menu {
					 margin:0px;
					 border-collapse:collapse;
					 padding:0px;
					 width:260px;
}

table.menu tr th {
margin:0px;
padding:0px;
font-size:10px;
font-weight:normal;
}

table.menu tr td, table.menu tr th {
					 padding-bottom:10px;
					 vertical-align:bottom;
  text-align:left;
}

table.menu tr td {
 width:35%;
 padding-left:10px;
}

table.menu tr th h2 {
					 font-size:11px;
					 font-style:normal;
					 font-weight:bold;
					 padding:0px;
					 margin:0px;
 					 color:#FFFFFF;
}


div#footer {
   clear: both;
   /* background-color: #575352; */
   color: #ffffff;
	 font-size:12px;
	 font-family:arial;
	 text-align:left;
}


div#footer p {
   font-size: 0.8em;
   padding: 1em;
   text-align: left;
   margin: 0 0 0 20px;
}

div#footer p a {
   color: #89817f;
   /* border-bottom:1px dotted #89817F; */
   border-bottom:1px dotted #564931;
   text-decoration: none;
}

div#footer p a:hover {
   color: #fff;
   /* background-color: #575352; */
   background-color: #3a3429;
   text-decoration: none;
   border-bottom:1px dotted #fff;
}

div#copyright {
margin: 0 auto;
width:900px;
font-size:9px;
padding:20px;
padding-left:80px;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   /*padding-bottom: 1em;*/
   border-bottom: 1px dotted #c0c0c0;
   margin-top: 15px;
margin-bottom: 15px;
}

h1 {
			color: #FFFFFF;
			font-size: 16px;
			font-style:italic;
			font-family: Lucida sans, Arial, Helvetica, sans-serif;
			font-weight:normal;
			
}

h2 {
			color: #FFFFFF;
			font-size: 15px;
			font-style:italic;
			font-weight:normal;
			font-family: Lucida sans, Arial, Helvetica, sans-serif;
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}

h3 {
   color: #666666; 
   font-size: 13px;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}

h4 {
   color: #666666; 
   font-size: 12px;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

h5 {
   color: #666666; 
   font-size: 11px;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   /*font-size: 1em;*/
   margin: 0 0 0.8em 0; /* some air around p elements */
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#content ul,
div#content ol,
div#content dl {
   font-size: 11px;
   line-height: 1.6em;
   margin: 0 0 1.5em 0em;
}

div#content ul li,
div#content ol li {
  margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#content dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#content dl dd {
   margin: 0 0 1em 1em;
}

div#content dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */


/* Form Elements */

input {
  font-size:10px;
 height:18px;
 vertical-align:bottom;
border:1px #CE6531 solid;
margin:0px;
}

textarea {
 font-family:'lucida sans',arial;
 font-size:10px;
}

  img.rtStar{
    width:15px;
    height:15px;
  }
/* End of 'Clean_Orange : Main' */

/* Start of CMSMS style sheet 'Clean_Orange : News' */
.NewsSummary {
    padding: 0em 0em 1em 0em;
    margin: 0 0em 1em 0em;
    border-bottom: 1px dotted #ccc; 
}

.NewsSummaryPostdate {
   font-size: 10px;
   font-style: italic;
   padding-top: 6px;
   padding-bottom: 4px;
}

.NewsSummaryLink {
   font-weight: bold;
   color: #666666;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
}

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
   line-height: 1.6em;  
   color: #666666;
}

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
   font-size: 10px;
   font-style: italic;
   padding-top: 4px;
   padding-bottom: 4px;
}

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Clean_Orange : News' */

/* End of 'style' */

/* Start of CMSMS style sheet 'nav' */
#menuwrapper
{
 		margin-left:12px;
}
/* Navigation */
ul#dropdown1
{
    margin:0px;
    padding:0px;
    list-style-type:none;
    float:left;
    height:0px;
}

ul#dropdown1 li  
{
    float:left;
    margin:0px;
    padding:0px;
    
}

ul#dropdown1 a 
{ 
	display: block;
}

ul#dropdown1 li a img
{
    margin:0px; 
    border:0px;
}

ul#dropdown1 li ul
{ /* second-level lists */
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:none;
	position:absolute;
	text-align:left;
	font-size:12px;
	border-bottom:0px;
	margin-left:65px;
	margin-top:-9px;
}

ul#dropdown1 li.currentpage, ul#dropdown1 li ul li
{
	float:left;
	border-top:0px;
	border-bottom:0px solid white;
	clear:left;
	margin:0px;
	padding:0px;
	background-color:#29A2C6;
	text-align:left;
}

ul#dropdown1 li:hover ul,
ul#dropdown1 li.sfhover ul
{
	display:block;
}

ul#dropdown1 li.currentpage h3, ul#dropdown1 li ul li a
{
	width:75px;
   padding: 1px 2px 2px 4px;
	 background:#490d53;
	 color:#d3bbd3;
	 font-size:10px;
	
}

ul#dropdown1 li.currentpage h3, ul#dropdown1 li ul li a:hover
{
		color:#ffffff;
		background:#490d53;
}

ul#dropdown1 li.currentpage h3
{
        margin:0px;
}

ul#dropdown1 li ul li a, ul#dropdown1 li ul li h3 {
display:none;
background:none;
}

ul#dropdown1 li ul li ul li a, ul#dropdown1 li ul li ul li h3 {
display:block;
	 background:#490d53;
	 color:#d3bbd3;
	 font-size:10px;
font-style:italic;

}

ul#dropdown1 li ul li ul li ul li a, ul#dropdown1 li ul li ul li ul li h3 {
display:none;
background:none;
}

dfn
{
    display:none;
}

div#right_top #submenu ul {
margin-top:10px;
font-size:11px;
}

div#right_top #submenu ul li{
display:inline;
float:left;
padding:0px 3px 0px 3px;
border-right:1px solid white;
height:15px;
vertical-align:bottom;
color:#FFFFFF;
font-size:11px;
letter-spacing:0px;

}

div#right_top #submenu ul li a{
color:#FFFFFF;
font-size:11px;
}

div#right_top #submenu ul li a:hover{
color:#FFFFFF;
text-decoration:underline;
background:none;
}


#submenu ul li {
  border-right:1px solid #FFFFFF;
}

#submenu ul li.currentpage h3 {
text-decoration:underline;
color:#FFFFFF;
font-size:11px;
font-weight:normal;

}
/* End of 'nav' */