/* grey: 9e9e9e */
body, p, tr, td, li {
padding:0px;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #000000;
}

a:link {
text-decoration:none;
color: #004f83; }

a:visited {
text-decoration:none;
color: #004f83; }


a:hover {
text-decoration:underline;}

a:active {
}

img {
border-width:0px; }


h2 {
font-size: x-small;
font-weight:bold;}


ul { 
margin:15px;
list-style-image: url(../images/page/bullet.gif) }

ol {
margin: 15px; }

/* leftColumn is static, fixed width */
.leftColumn {
display: inline;
width:160px;
border: solid black 0px; }

.textHolder {
border: solid 0px;
padding:20px 40px 20px 20px;
background-color:#EFF7FA;
width:488px;
height: 470px;}

/*this holds the right hand decorations (pentagons), need to cut off overflow or page has loads of whitespace on the bottom. */
.pentagonHolder {
position:absolute;
top:0px;
width:300px;
margin-left:423px;}


/* submenu items */
.menutitle, .menutitle a{
font-family: Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
margin-bottom: 0px;
width:127px;
padding:0px;
text-align:left;
text-decoration:none;
font-weight:bold;
font-size: 10px;}

.submenu, .submenu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
margin-bottom: 0px;
width:127px;
padding:0px;
text-align:left;
text-decoration:none;
font-weight:bold;
font-size: 10px;}

.submenu{
margin-top: 1px;
margin-bottom: 1px;
padding-left: 17px;
}

.submenu_image{
border-style: solid;
border-width: 0px;
}

.submenu_arrow{
position: relative;
top:1px;
margin-top:2px;
border-style: solid;
border-width: 0px;
margin-left:17px;
}

/* end submenu items */

.text { 
width:380px; }

.footer {
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
padding: 1px;
background-color: #004f83; 
color: #FFFFFF;
width:488px;}


.footer a, .footer a:visited {
color: #FFFFFF;
text-decoration: none; }


.pageBottom {
background-color:#004f83;}

.textHeader {
width:468;
padding:5px 10px;
color:#ffffff;
background-color: #004f83;
border: solid black 0px;}

.logo {
margin: 35px 0px 0px 16px;}

.hotLink {
margin: 10px 0px 5px 2px; }

.top_submenu {
border-color: <?php echo $line_colour; ?>;
border-style: solid;
border-width: 0px 0px 1px 1px;
padding: 0px 0px 0px 0px;
position: relative;
top: -20px;
left:-30px;
width: 415px;
height:22px; 
font-size: 11px;
}

.top_submenu a{
position: relative;
top: 4px;
border-color: <?php echo $line_colour; ?>;
border-style: solid;
border-width: 0px 0px 0px 1px;
padding: 4px 2px 4px 6px;
margin:5px 2px;
font-weight: bold;
font-family: arial;
text-decoration: none;
color: #004f83;}

.top_submenu_first a{
position: relative;
top: 4px;
padding: 4px 2px 4px 7px;
margin:5px 2px;
border: solid 0px;}

.top_submenu a:hover{
position: relative;
top: 4px;
padding: 4px 2px 4px 2px;
margin:5px 2px 5px 0px;
border-left: solid 7px;}

.innovative {
padding-left:10px;
background-color: #9e9e9e;
height:15px; }

/* main text styles */

.listBox {
border:dashed 0px; }

.listKey {
padding-left:5px;
width:15px;
float:left;}

.listItem {
width:370px; }

.newItem {}   

.itemInfo {
width:125px; 
display: inline;
vertical-align:top;}

.inputField {
width:200px; }

.subHeading {
color: #004F83;
font-weight: bold; }

.smallText {
font-size: xx-small;
color: #9e9e9e; }

/* case styles */
.caseHolder {
padding-bottom:5px;
margin:0px 0px 30px 0px;
color: #000066;
width:380px;
background-color: #CBECFC;
border-right: solid 2px #5BA2D0; }

.casePic {
margin:5px;
float:left; }

.caseHeading {
color: #000066;
font-weight: bold; }

.caseText {
width:240px;
padding:5px;
float:right; }

.caseText img{
margin:5px; }
*/ end case styles */


/* picture box styles */
.pictureBoxHolder {
}

.pictureBox {
margin-right:4px;
float:left;
padding:4px;
text-align:
font-weight:bold;
width:128px;
background-color: #CBECFC; }

.pictureBoxPicture {
margin-bottom: 3px; }

.pictureBoxSingle {
float:left;
border: solid 1px #9e9e9e;
margin:0px 10px 10px 0px;
padding:2px;
text-align:
font-weight:bold; }

/* end picture box styles */

/* form styles */
.newItem {}

.longItemInfo {
width:200px; 
display: inline;
vertical-align:top;}

.longInputField {
width:150px; }
/* end form styles */