@media screen {
div,p{margin:0}
.bottomtopmargin{background:#fff;width:770px;overflow:hidden}
#header{z-index:1;position:absolute;top:0;width:770px;height:111px;overflow:visible;background:#fff}
#subheader1{background:transparent;text-align:center;overflow:hidden;height:27px}
#subheader2{background:transparent;text-align:center;overflow:hidden;height:3px}
#subheader3{background:#603 url(bgrPurple.gif) repeat;text-align:center;overflow:hidden;height:52px}
#subheader4{background:transparent;text-align:center;overflow:hidden;height:4px}
#subheader5{background:transparent;text-align:center;overflow:visible;height:20px}
#headergap{height:5px;overflow:hidden}
.ImgLink{border:none;color:#fff;display:inline;height:70px;vertical-align:bottom;margin:0;padding:4px 0 0 20px}
div.articleImgRight{float:right;border:0 none;margin:0 10px;padding:0 0 5px 5px}
div.articleImgLeft{float:left;border:0 none;margin:0 10px;padding:0 5px 5px 0}
div.clearFrontPage{height:650px;overflow:hidden}
#dnn_ControlPanel{width:770px}
div.dnnLogin{padding-top:3px;padding-left:5px;text-align:left;float:left;width:49%;height:100%;vertical-align:middle}
div.dnnSearch{padding-top:3px;padding-right:5px;text-align:right;float:right;width:49%;height:100%;vertical-align:middle}
div.dnnLogo{padding-left:5px;text-align:left;float:left;width:99%;height:100%;vertical-align:middle}
div.dnnMenu{background:transparent;margin:0;padding:0 0 0 5px}
div.dnnContentRight,div.dnnContentSmall,div.dnnContentLink{margin:0;padding:0}
		html,body{
		/*** Do NOT set anything other than a left margin for the page
		as this will break the design ***/
			margin: 0 0 0 3px;
			padding:0;
			border:0;
		/* \*/
			height:100%;
		/* Last height declaration hidden from Mac IE 5.x */
		}
		body{
			min-width:770px;		}
		.clear{
		  background-color: transparent;
			clear:both;
		/*** these next attributes are designed to keep the div
		height to 0 pixels high, critical for Safari and Netscape 7 ***/
			height:1px;
			overflow:hidden;
			line-height:1%;
			font-size:0px;
			margin-bottom:-1px;
		}
		* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
		the clear div/br in the page, as these are for Moz/Opera and
		Safari only. If IE 5.x Win DID display these, the page is too high ***/
		#fullheightcontainer{
			position:relative; /*** Needed for IE, othewise header and footer aren't contained
		directly above and below the body ***/
			width:770px; /*** Needed for Moz/Opera to keep page from sliding to left side of
		page when it calculates auto margins above. Can't use min-width. Note that putting
		width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
		to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
		/* \*/
			height:100%;
		/* Last height declaration hidden from Mac IE 5.x */
		/*** Needed for Moz to give full height design if page content is
		too small to fill the page ***/
		}
		#wrapper{
			min-height:100%; /*** moz uses this to make full height design. As this #wrapper
		is inside the #fullheightcontainer which is 100% height, moz will not inherit heights
		further into the design inside this container, which you should be able to do with
			use of the min-height style. Instead, Mozilla ignores the height:100% or
			min-height:100% from this point inwards to the center of the design - a nasty bug.
			If you change this to height:100% moz won't expand the design if content grows.
		Aaaghhh. I pulled my hair out over this for days. ***/
		/* \*/
			height:100%;
		/* Last height declaration hidden from Mac IE 5.x */
		/*** Fixes height for non moz browsers, to full height ***/
		}
		#wrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
			height:auto; /*** For moz to stop it fixing height to 100% ***/
		}
		/* \*/
		* html #wrapper{
			height:100%;
		}
		/* Last style with height declaration hidden from Mac IE 5.x */
		/*** Fixes height for IE, back to full height,
		from esc tab hack moz min-height solution ***/
		#outer{
			z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
			position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
			margin-left:150px; /*** Critical left col dimension value = left col width ***/
			width:468px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
			border-right:1px dotted #c0c0c0; /*** Sets the internal right side border. ***/
			border-left:1px dotted #c0c0c0; /*** Sets the internal left side border. ***/
			background:#fffFFF; /*** Sets background of center col***/
		/* \*/
			height:100%;
		/* Last height declaration hidden from Mac IE 5.x */
		/*** Needed for full height inner borders in Win IE ***/
		}
		/*** The next style hack for widths are NOT needed if no internal side borders are needed ***/
		* html #outer{ /*** IE5.x/win box model fix ***/
			width:470px; /*** Critical left and right col/divider dimension value
		(moves inversly) = Center Col Width + Both Inner Borders ***/
			w\idth:468px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
		}
		#float-wrap{
			width:468px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
			margin-right:-1px; /*** Static fix, doesn't change ***/
			float:left;
			display:inline;
		}
		#left{
			width:152px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
			float:left;
			display:inline;
			position:relative; /*** IE needs this or the contents won't show
		outside the parent container. ***/
			margin-left:-151px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
		}
		*>html #left{width:151px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/
		#container-left{
			width:150px; /*** Critical left col dimension value = left col width - 1px ***/
		}
		#right{
			float:left;
			display:inline;
			width:152px; /*** Critical right col/divider dimension value = right col width + 2px ***/
			margin-right:-150px; /*** Critical right col/divider dimension value = negative right col width ***/
			margin-left:-1px; /*** Static fix ***/
			position:relative; /*** IE needs this or the contents won't show
		outside the parent container. ****/
		}
		/* \*/
		* html #right{
			width:152px;
			margin-left:0px;
			margin-right:-500px;
			mar\gin-right:-152px;
		}
		/* Above style hidden from Mac IE */
		/*** These commented-out rules below are there to explain the "Critical" info
		for the rules above, because comments must not appear within the Mac-hack.
		The "rules" below are not active, they are just for teaching purposes.

		* html #right{
			width:152px; Critical right col/divider dimension value = right col width + one internal border width + 1px ***
			margin-left:0px; *** Critical right divider dimension value = a static 0px ***
			margin-right:-500px; *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
			mar\gin-right:-152px; *** Critical right col/divider dimension value  = negative (right col width + one internal border width + 1px) ***
		}
		***/
		#container-right{
		/* \*/
			width:150px;
		/* Above hidden from IE-Mac */
		/*** Critical right col dimension value = right col width ***/
			margin-left:3px; /*** Critical right divider dimension value = one internal border width + 2px ***/
		}
		/* \*/
		* html #container-right{
			fl\oat:right;
			di\splay:inline;
			margin-left:2px;
			mar\gin-left:0px;
		}
		/* Above style hidden from Mac IE */
		/*** Above margin left set to = one internal border width + 1px ***/
		/*** Static fixes ***/

			/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%
		hack to different elements and see if that fixes the problem. Sometimes it may be
			necessary to use "position: relative;" on certain elements, but it's hard to tell in
		advance which elements will need such fixes. ***/
		/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
		/* \*/
		* html #left{margin-right:-3px;}
		/* Above style hidden from Mac IE */
		/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
		just one Mac-hack for convenience if desired. However, each fix must come
		later than the rule it is fixing or the fix itself will be overridden. ***/
		#center{
			width:468px; /*** Set to = center col width ***/
			float:right;
			display:inline;
		/* \*/
			margin-left:-1px;
		/* Hidden from IE-mac */
		}
		/*** clearheader heights are made from header height + borders +
		any sidebar box height, less any sidebar intrusion.
		Similar calcs for footers. ***/
#footer{z-index:1;position:absolute;clear:both;width:770px;height:35px;overflow:hidden;margin-top:-35px;background:#fff}
#subfooter1{background:transparent url(bgrPurple.gif) repeat;text-align:center;overflow:hidden;height:30px}
#subfooter2{background:transparent;text-align:center;overflow:hidden;height:5px}
#gfx_bg_middle{top:0;position:absolute;height:100%;overflow:hidden;width:468px;margin-left:150px;background:#fff;border-right:1px dotted silver;border-left:1px dotted silver}
#ADMgfx_bg_middle{top:0;position:absolute;height:100%;overflow:hidden;width:770px;margin-left:0;background:#fff}
div.dnnContentArticleCentre{margin:0;padding:0 10px}
div.dnnContentArticleLeft{margin:0;padding:0 10px 0 0}
div.dnnContentArticleRight{margin:0;padding:0 0 0 10px}
#clearheadercenter,#clearheaderleft,#clearheaderright{height:111px;overflow:hidden}
#clearfootercenter,#clearfooterleft,#clearfooterright{clear:both; height:35px;overflow:hidden}
* html #gfx_bg_middle,* html #ADMgfx_bg_middle{display:none}
		/* Home-page Settings*/
		#FPfullheightcontainer{
			text-align:left;
			position:relative;
			width:770px;
		/* \*/
			height:auto;
		/* Last height declaration hidden from Mac IE 5.x */
		}
		#FPouter{
			z-index:1;
			position:relative;
			margin-left:380px;
			width:380px;
			border-left: 10px solid White;
			background:#fffFFF;
		/* \*/
			height:auto;
		/* Last height declaration hidden from Mac IE 5.x */
		}
		* html #FPouter{
			width:390px;
			w\idth:380px;
		}
		#FPleft{
			width:390px;
			float:left;
			display:inline;
			position:relative;
			margin-left:-390px;
		}
		*>html #FPleft{width:390px;}
		#FPcontainer-left{
			width:380px;
		}
		/* \*/
		* html #FPleft{margin-right:-3px;}
		/* Above style hidden from Mac IE */
div.IMGLeft{width:100%;height:284px;background-color:transparent;margin:0;padding:0}
div.IMGCaptionLeft{width:100%;min-height:20px;background:transparent url(bgrdotGrey.gif) repeat;border-right:0 solid #bbb;border-bottom:0 solid #bbb;margin:0 0 3px;padding:0}
div.NEWSLeft{display:none;width:100%;height:auto;z-index:5;background-image:none;background-color:transparent;margin:0;padding:0}
#FPcenter{width:380px;float:right;display:inline;
		/* \*/
			margin-left:-1px;
		/* Hidden from IE-mac */}
#FPfooter{z-index:1;clear:both;width:770px;overflow:hidden}
#FPsubfooter3{background:transparent none no-repeat;text-align:center;height:80px;vertical-align:bottom}
#FPgfx_bg_middle{top:0;position:absolute;height:100%;overflow:hidden;width:380px;margin-left:380px;background:#fff;border-left:10px solid #fff}
* html #FPgfx_bg_middle{display:none}
#FPclearfootercenter,#FPclearfooterleft{height:115px;overflow:hidden}
			}