/* 
================================
Skin styles for PR PRoductions Website - Generic Skin
Created by Sian O'Keeffe - http://www.itm.co.za
Design by delight : http://www.bydelight.com
Copyright ITM 2007 - All Rights Reserved
================================
*/

body /* sets the default settings for the body tag */
{
    background: #000000;
    font: arial 12px;
    margin-top: 0px; 
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	color:#537EB1;
	text-align: center;
	min-width: 915px;
}


/* Main Layout */

#wrapper /* wraps the whole design at full screen width and holds the tiling background image */
{
    width:915px;
    height:100%;
    border:solid 0px #f00;
    text-align:center;
    margin:0 auto;
	
}

#RowOne /* This is the top row that holds teh logo and the top right hand navigation */ 
{
    position:relative;
    top:20px;
    left:0px;
    height:96px;
    width:915px;
    border:solid 0px #f00;
}

#Logo /* positions the logo */
{
    position:relative;
    top:0px;
    left:0px;
    width:215px;
    height:96px;
    float:left;
    text-align:right;
    z-index:0;
}

#TopNavigation /* positions the top nav */
{
    position:relative;
    top:49px;
    left:0px;
    height:66px;
    width:700px;
    float:right;
    z-index:10;
    border: solid 0px #fff;
}

.topNav  /* this class styles the top navigation area */
{
font-family:Arial;
font-size:12px;
padding-bottom:12px;
padding-right:22px;
padding-left:20px;
padding-top:9px;
color: #537EB1;
}

.topNav a:link{
color: #537EB1;
text-decoration:none;
}

.topNav a:visited{
color: #537EB1;
text-decoration:none;
}

.topNav a:hover{
color:#FFFFFF;
text-decoration:none;
}

.topNav a:active{
color:#FFFFFF;
text-decoration:none;
}







#MainContentArea /* positions the main content area */
{
    position:relative;
    top:40px;
    left:0px;
    width:915px;
    border:solid 0px #f00;
    z-index:9;
}

.ContentArea     /* styles the main content area */
{
    padding:0px;
    padding-left:50px;
    padding-right:20px;
    padding-bottom:20px;
    color:#ffffff;
}

.ContentArea strong
{
    color:#537EB1;
}

.ContentArea ul, li
{
    font-size:12px;
}

.ContentArea a:link, a:visited
{
    color:#537EB1;
    text-decoration:none;
}

.ContentArea a:hover
{
    color:#fff;
    text-decoration:none;
}


#BottomNavigation /* positions the bottom navigation area */
{
    position:relative;
    top:30px;
    left:0px;
    height:25px;
    width:915px;
    border:solid 0px #f00;
    padding-top:5px;
    font-family:Arial;
    font-size:11px;
    text-align:center;
}

#login /* positions the login link */
{
    position:relative;
    top:0px;
    left:0px;
    height:25px;
    width:450px;
    text-align:right;
    border:solid 0px #fc0;
    float:left;
}

.loginColor /* this class styles the login link */
{
    font-family:arial;
    font-size: 11px;
    color:#154e87;
}

.loginColor a:link
{
    text-decoration:none;
    color:#154e87;
}

.loginColor a:visited
{
    text-decoration:none;
    color:#154e87;
}

.loginColor a:active, a:hover
{
    text-decoration:none;
    color:#fff;
}

#BottomNav /* positions the div that holds the bottom navigation */
{
    position:relative;
    top:0px;
    left:0px;
    float:right;
    height:25px;
    width:450px;
    border:solid 0px #fc0;
    text-align:right;
    padding:0px;
    z-index:1;
}

.bottomNavColor  /* styles the bottom navigation */
{
	font-size:12px;
	color:#537EB1;
}

.bottomNavColor a:link{
font-family:Arial;
font-size:12px;
text-decoration:none;
color:#537EB1;
}

.bottomNavColor a:visited{
font-family:Arial;
font-size:12px;
color: #537EB1;
text-decoration:none;
}

.bottomNavColor a:hover, a:active{
font-family:Arial;
font-size:12px;
color:#ffffff;
text-decoration:none;
}

.bottomNavColor strong
{
    font-size:12px;
    color:#537EB1;
}

.bottomNavColor p
{
		font-size:12px;
		color:#537EB1;
}

    
/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/

/* Horizontal Menu */
#HouseMenuNav	{
	margin-left:0px;
	margin-top:0px; 
	font-family: arial;
	font-size: 12px; 
	padding-top:0px;
	padding-left:0px;
	}
	
#HouseMenuNav ul	{
	border:0;
	margin-top:0;
	margin-bottom:0;
	list-style-type:none;
	padding-left:0px;
	float:left;
	list-style-position:inside;
	}
	
#HouseMenuNav li	{
	float:left;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	padding-right:15px;
	}
	
#HouseMenuNavCurrentItem a {
color:#ffffff;
text-decoration:none;
}

/* Sub Menu */



/* -----------------
Set default font for modules
--------------------
 */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    margin: 0;
    padding: 0;
}

/* ================================
style for module titles
================================ */
.Head
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #C00; /* letter-spacing: 2; */
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-size:  13px;
    font-weight:bold;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  12px; 
    font-weight:bold;
}

/* ===============
button style for standard HTML buttons 
================== */
.StandardButton
{
	font-size: 12px;
}
/* =======================
 HTML Tag Styles 
=========================== */
p, td  
{
    font-family:arial;
    font-size: 12px;
}


H1, H2, H3, H4, H5, DT, H6
{
    font-family: Arial, Helvetica, sans-serif;
}
H1
{
    font-size: 16px;
    font-weight: bold;
    color: #999;
}

H2
{
    font-size: 15px;
    font-weight: bold;
    color: #C00;
}

H3
{
    font-size: 14px;
    font-weight: bold;
    color: #999;
}

H4
{
    font-size: 13px;
    font-weight: normal;
    color: #999;
    margin: 0px;
}

H5, DT
{
    font-size: 12px;
    font-weight: normal;
    color: #999;
    margin: 0px;
}

H6
{
    font-size: 12px;
    font-weight: normal;
    color: #999;
    margin: 0px;
}




/* ------------------------
Links format added for opera browser
----------- */
.Normal A:link, .Normal A:visited, .Normal A:active
{
    
    
}
.Normal A:hover
{
    
    
}

/* This is the Date eg. any items that are not links */
.SkinItem
{
    text-decoration: none;
    color: #036;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
    text-decoration: none;
    color: #036;
}
A.SkinItem:hover
{
    text-decoration: underline;
    color: #F00;
}