*{margin:0; padding:0;}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;

background:#fff url("images/BodyBGBlue3.jpg") repeat-x 0 0
}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header styles ****************/

.OuterDiv{
width:760px;
margin:auto;
padding:1px 0;
text-align:left;
background:#fff;
color:#303030;
border:1px solid #7798AA;
}
 .OuterDiv, .Shadow {
 position: relative;
 bottom: 2px;
 right: 3px;
 color:#7798AA
 }

.Shadow {margin:15px auto;background-color:#C7D3D3; width:764px;padding:0} /* OuterDiv plus 4px */

.TopBar{

width:758px; /* OuterDiv minus 2px */
margin:0 1px 1px 1px;

color:#fff;

}

.TopBar .Logo{
padding:1px;
background-color:inherit;
float:right
}

.TopBar h2{
margin:10px 0 0 40px;

background-color:inherit;
color:#f0f2f4;
letter-spacing:+1px;
font-weight:normal;
}

.StrapLine	{
float:left;
margin:10px 40px;
font-size:1.4em;
width:300px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Credits:Stu Nicholls */
/* URL:http://www.stunicholls.com/menu/skeleton/skeleton.css */
.MenuBar	{background-color:#0e73a4;margin:0 1px}
.Menu, .Menu ul	{padding:0;margin:0;list-style:none;position:relative;z-index:200}
.Menu	{height:30px;padding:0}
.Menu ul	{margin:2px;border:1px solid #000}

.Menu li	{list-style:none}
.Menu li li	{float:none}
/* a hack for IE5.x and IE6 */
* html .Menu li li	{float:left}

.Menu li a	{display:block;color:#fff;padding:0 10px 0 10px;height:30px;line-height:30px;text-decoration:none;white-space:nowrap;background-color:#0e73a4}
.Menu li a:visited	{color:#ddd}
.Menu li li a	{height:25px;line-height:25px;float:none;display:block;padding-left:10px}
.Menu li a:hover	{}
.Menu li:hover	{position:relative;z-index:300}
.Menu li:hover ul	{left:-2px;top:22px}
/* another hack for IE5.5 and IE6 */
* html .Menu li:hover ul	{left:10px}

.Menu ul	{position:absolute;left:-9999px;top:-9999px}
/* yet another hack for IE5.x and IE6 */
* html .Menu ul	{width:1px}

/* it could have been this simple if all browsers understood */
/* show next level */
.Menu li:hover li:hover > ul	{left:-15px;margin-left:100%;top:-1px}
/* keep further levels hidden */
.Menu li:hover > ul ul	{position:absolute;left:-9999px;top:-9999px;width:auto}
/* show path followed */
/*.Menu li:hover > a	{text-decoration:none;color:#ccc;background-color:#FF6699;display:block}*/
.Menu li a:hover 	{text-decoration:none;color:#fff;background-color:#CCC;display:block}

.Menu ul a img	{border:0;padding-right:5px}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
.Menu li:hover li:hover ul,
.Menu li:hover li:hover li:hover ul,
.Menu li:hover li:hover li:hover li:hover ul,
.Menu li:hover li:hover li:hover li:hover li:hover ul
{left:-1px;margin-left:100%;top:1px;*margin-left:90%;z-index:1000}

/* keep further levels hidden */
.Menu li:hover ul ul,
.Menu li:hover li:hover ul ul,
.Menu li:hover li:hover li:hover ul ul,
.Menu li:hover li:hover li:hover li:hover ul ul
{position:absolute;left:-9999px;top:-9999px;z-index:1000}

/* show path followed */
.Menu li:hover a,
.Menu li:hover li:hover a,
.Menu li:hover li:hover li:hover a,
.Menu li:hover li:hover li:hover li:hover a,
.Menu li:hover li:hover li:hover li:hover li:hover a,
.Menu li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none;color:#fff;display:block;z-index:1000}

/* hide further possible paths */
.Menu li:hover li a,
.Menu li:hover li:hover li a,
.Menu li:hover li:hover li:hover li a,
.Menu li:hover li:hover li:hover li:hover li a,
.Menu li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none;color:#fff;display:block;z-index:1000}/*adding set width in px (not %) here fixes IE hover background problem */

.MenuHorizontal li, .MenuHorizontal li a	{float:left;z-index:1000}
.MenuVertical li:hover ul	{left:130px;top:5px}
.MenuHorizontal li:hover ul	{left:-2px;top:28px}
/*.MenuAdmin	{height:650px}*/

/**************** Content styles ****************/

.ContentPane{
float:left;
width:530px;
font-size:0.9em;
padding:20px 0 0 20px;
}

h2, .Head
{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

.ContentPane h2 a, .ContentPane .Head a{font-weight:normal;}
.ContentPane h3, .ContentPane .Subhead{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
.ContentPane a:hover,#dnn_subcontentpane a:hover{text-decoration:underline;}
.ContentPane ul,.ContentPane ol{margin:0 5px 16px 35px;}
.ContentPane dl{margin:0 5px 10px 25px;}
.ContentPane dt{font-weight:bold; margin-bottom:5px;}
.ContentPane dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

.RightPane{
float:right;
width:170px;
padding:20px 20px 10px 0;
line-height:1.4em;
}

.RightPane h2,.RightPane .Head{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}



#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

.Footer{
clear:both;
width:748px; /* OuterDiv minus 12px */
padding:5px;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#3e96b7;
text-align:right
}

.Footer p{padding:0 10px; margin:0; text-align:right}
.Footer a.SkinObject{color:#f0f0f0; background-color:inherit; font-weight:bold;}
.Footer a:hover{color:#ffffff; background-color:inherit; text-decoration: none;}

/**************** Misc classes and styles ****************/


.Clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}