@charset "utf-8";

* { 
margin : 0;
padding : 0;
} 
body { 
font : 76% Verdana, Arial, Sans-serif;
line-height : 1.4em;
text-align : center;
background : #c3b79e url(images/backgroundStripe.jpg) repeat-x;
} 
p { 
font-family : verdana;
font-size : 1.1em;
font-weight : normal;
color : #555555;
padding-left : 5px;
line-height : 1.6em;
padding-bottom: 1em;
} 
a { 
color : #467aa7;
font-weight : bold;
font-style : normal;
text-decoration : none;
} 
a:link { 
color : #467aa7;
font-weight : normal;
font-style : normal;
text-decoration : none;
} 

#wrapper { 
width : 825px;
margin : auto;
margin-top : 2px;
margin-bottom : 35px;
padding-left : 1px;
padding-right : 1px;
padding-top : 0;
padding-bottom : 0;
text-align : left;
background : #fff;
color : #303030;
border-left : 3px solid #c3bdb1;
border-right : 3px solid #c3bdb1;
border-bottom : 3px solid #c3bdb1;
} 
#header { 
height : 230px;
width : 825px;
margin-bottom : 3px;
color : #dad9de;
padding-top : 0;
background-image : url(Images/bghead2.jpg);
background-repeat : no-repeat;
} 

#navigation { 
height : 3em;
line-height : 3em;
width : 825px;
border-bottom:#222 3px solid ;
} 
#navigation ul { 
font-family : arial;
list-style-type : none;
margin-right : 15px;
} 
#navigation li { 
float : right;
list-style-type : none;
margin-top : 0;
margin-bottom : 0;
padding : 0;
margin-right : 5px;
} 
#navigation ul li a { 
display : block;
padding-left : 12px;
padding-right : 12px;
font-size : 1em;
font-family : Helvetica, arial, verdana, sans-serif;
font-weight : bold;
text-decoration : none;
color : #000;
} 
#navigation ul li a:hover { 
display : block;
font-size : 1em;
text-decoration : none;
background-color: #4d289a; 
color : #fff;
} 
#navigation ul li a.selected { 
background : #222;
color : #fff;
text-decoration : none;
} 
/*
for use in non link title pages
*/
#navigation ul li.selected { 
display : block;
padding-left : 12px;
padding-right : 12px;
font-size : 1em;
font-family : Helvetica, arial, verdana, sans-serif;
font-weight : bold;
background : #222;
color : #fff;
text-decoration : none;
} 

#mainText { 
margin-left: 50px;
margin-top: 30px;
margin-right: 100px;
margin-bottom: 50px;
}

#mainFooter{
}

  /*footer styles*/
  div.footer {
  	position:relative; left:0px; bottom:20px; width:100%; border-top: #222 1px solid;
  	font-family: verdana, tahoma, arial, sans-serif; color:#AAA; font-size:10px;}
  a.footer {text-decoration:none; color:#AAA;}
  a.footer:hover {text-decoration: underline;}
  
  
#emailBox{
margin: 20px 0px 0px 5px;
border-top: dashed 1px #000;
padding: 20px 0px 0px 0px;
}

#mainText h2{
font-family : verdana;
font-size : 1.3em;
padding-left : 5px;
padding-bottom: 10px;
}

#mainText h3{
font-family : verdana;
font-size : 1.1em;
padding-left : 5px;
padding-bottom: 4px;
}

#mainText h3 .status{
font-weight : normal;
font-style:italic;
}

#mainText div.subText{
border-top:dotted 1px;
padding-bottom: 0.5em;
}

#mainText div.flashBox{
border: 1px solid #CCCCCC; 
float:right; 
margin-left: 20px; 
margin-top:40px
}

#mainText ul{
padding-left: 3em;
list-style:square;
color : #555;
font-family : verdana;
font-size : 1.1em;
font-weight : normal;
}

div.timer {
height:30px;
width:30px;
overflow:hidden;
background: transparent url('images/ajaxTimer.png') no-repeat;
background-position: 0px 0px;
}

.badData {border:#F00 solid 1px;}


.but{
    display:block;
    /*margin:0 7px 0 0;*/

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
}
.but button{
    width:auto;
    overflow:visible;
    padding:1px 6px 1px 5px; /* IE6 */
}
.but button[type]{
    padding:1px 5px 1px 3px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 6px 1px 5px; /* IE7 */
}
.but button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/*common colours*/
div.infoAlert{ background-color: #FFDFDF; }	/*pink*/
div.infoInform { background-color: #E6E9EC; }	/*grey blue*/

/*common div styles*/
div.info, div.infoAlert, div.infoInform {padding: 10px;min-height: 30px}

div.infoicon, div.infoiconAlert, div.infoiconInform {width:30px; height:30px; float: left; margin-right: 20px; font-size: 28px; color: white; text-align:center; vertical-align:middle; font-family:Times New Roman; line-height:27px;}
div.infoiconAlert {background: #CE2B2B; border:#B00 solid 1px;}
div.infoiconInform {background: #9199B7}