/*This is the body information */
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(Images/TopbackDora.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}

* {margin:0; padding:0;}


div.doraP{
	float: left;
	margin-right: 5px;
	border-right: 1px solid #670095;border-bottom: 1px solid #670095;height:375px;
	width: 300px;
}
 
div.doraP a h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #9966CC;
	font-size: 90%;
	border: 0px;
	text-decoration: none;
}
 div.doraP a img{
	border: 0px;
	text-decoration: none;
	border-bottom: 0px;
}
	
	
	div.doraP a{
	text-decoration: none;
	border-bottom: 0px;
	border: 0px;
}

div.doraP a em{
	color: #DF007B;
	border:0px;
	text-decoration: none;
	border-bottom: 0px;
	border: 0px;
}





div.doraA{
	float: left;
	margin-right: 5px;
	border-right: 1px solid #670095;border-bottom: 1px solid #670095;height:300px;
	width: 250px;
}
 
div.doraA a h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #9966CC;
	font-size: 90%;
	border: 0px;
	text-decoration: none;
}
 div.doraA a img{
	border: 0px;
	text-decoration: none;
	border-bottom: 0px;
}
	
	
	div.doraA a{
	text-decoration: none;
	border-bottom: 0px;
	border: 0px;
}

div.doraA a em{
	color: #DF007B;
	border:0px;
	text-decoration: none;
	border-bottom: 0px;
	border: 0px;
}
	
div#sublinks{
	
}

div#sublinks ul{
	
	border: 0px;
	
}

div#sublinks ul li{
	padding-left: 7px;
	border: 0px;

}
div#sublinks ul li a:hover{	color:purple
	
}



h1,h2,h3,h4,h4,p{padding:5px 0px}

h1 {
	color: black;
	font-family: arial, sans-serif;
	font-size: 18px;
}
    h3 a{color:black;}
h2 {  font-family: arial, sans-serif; color:#660066; font-size:90%}

a{color:#9966CC;}
td a {color:#9966CC;}

li {  color: #660066; list-style-type: square; margin-bottom:7px;}
li a{
	
	color:#660066;
	
}

table{border:0px solid black}

table p{color:black; }

td{
	border: 1px solid #CCCCCC;
	padding-right: 0px;
	padding: 0px;
	width:50%;	
}
/* Used to Display items in tables*/


/*End of the body */

/*mainwrap */
div#mainwrap {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	margin-bottom: 0px;
	border-right: 0px solid #996633;
	border-left: 0px solid #996633;
	margin-bottom: 0px;
	background-image: url(Images/DoraTopBack.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*End of mainwrap */

/*begin header */
div#header {
	width: 100%;
	height:136px;
	text-align: left;
	
	background-repeat: no-repeat;
	background-position: right top;
}

div#header a:hover{border-bottom:2px solid white; color:#663300}
div#header a{ color:white; text-decoration:none;margin: 0px 0px 0px 5px;  }
div#header li{ list-style-type:none;display: inline;
list-style-type: none;
 background-color:#6699FF; 
 border:1px solid #CC9966; 
 font-family: "Helvetica", "Century Gothic", sans-serif;}
/*end header */

/*Begin contentarea */
div#contentarea {width:100%;margin:0px;margin-bottom: 0px;
}
/*end contentarea */

/*Begin column 1 */
div#column1 {
	width: 195px;
	float: left;
	color: #a2c31d;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #cc8ccc;
}

div#column1 h1{border-width:0px; color:black;}
div#column1 ul {margin: 0px 0 0 2px; 
padding-top:0px; vertical-align:top;}

div#column1 li{padding:0px 0px;
font-family: arial, helvetica, sans-serif; font-size:15px;
vertical-align:top;
color:black;
border-color:white;
list-style-type: none; }

div#column1 li a{
	padding: 1px 4px 1px 4px;
	text-decoration: none;
	color:#FFFFFF;
	display: block;
	width: 165px;
	\width: 165px;
	w\idth: 165px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

div#column1 li a:hover
{
	border-color:  #AC2685;
	color: #AC2685;
	font-weight: bold;

}




/*End coulumn 1 */

/*Begin column 2 */
.article{ padding-left:25px;font-family: arial,sans-serif;}
h4 a{padding:5px 0px;color:#999999}
div#column2 {  margin:0px 0px 0px 195px; 
padding:0px 0px 0px 0px; color:black; 


padding-left:15px;

}


div#column2 p {}
div#column2 h1{
	color:#cc66cc;
	padding-top: 5px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}
div#column2 h2{padding-top:15px;}
div#column2 ul{margin: 0px 0px 0px 26px; }


hr{color:black; background-color:black;}


/*End column 2*/

/* Begin Footer */
div#footer {
	
	text-align: left;
	margin: 0px;
	padding-left:200px;
	padding-top: 10px;
	color: black;
	margin-bottom: 0px;
	/*background-color: #9966CC*/;
}
ul#bottommenu li{; list-style-type:none;display: inline;
list-style-type: none; color:#9966CC;}
ul#bottommenu {margin-bottom:10px;}

ul#bottommenu a{text-decoration: none; 
color: #9966CC; 
border-bottom:1px solid white ;margin-right: 15px; }
/* End Footer */


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */