/*<![CDATA[*/
html,body{
margin:0;
padding:0;
width:100%;
height:100%;
min-width:400px;
}
body{
font: 76% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
border:0;
color: #000;
background-color: #fff;
}
a{
color: #000;
text-decoration: none;
}
a:hover {
color: #f00;
}
hr {
margin: 15px 0px 15px 0px;
color: #999;
height: 1px;
width: 100%;
}

/* reset header fonts */
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0;
margin:0;
color: #901228;
padding:0 0 10px 0;
}
h1{font-size:22px;font-weight:bold;}
h2{font-size:20px;font-weight:bold;}
h3{font-size:18px;font-weight:bold;}
h4{font-size:16px;font-weight:bold;}
h5{font-size:14px;font-weight:bold;}
h6{font-size:12px;font-weight:bold;}

/* reset paragraph format */
p {
font-size:100%;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0;
margin:0;
color: #000;
padding:5px 0 5px 0;
}

/* background image stretch to fit browser - do not edit */
#background{
position:absolute;
z-index:1;
width:100%;
height:100%;
}
/* outer wrapper div - do not edit */
#outer-container{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
overflow:auto;
z-index:2;
margin:0;
padding:0;
text-align:center;
}
/* set main content holding div */
#inner-container{
margin-left:5%;
margin-right:5%;
width:90%;
height:100%;
text-align:left;
}

*html #inner-container{
margin-left:auto;
margin-right:auto;
}


/* Header styles */
#header {
  float:left;
  height:150px;
}

#logo{
  position:absolute;
  top:0;
  right:0;
  width:251px;
  height:150px;
  z-index:2;
}
/* header text block  */
#extra3{
  width:100%;
  text-align: left;
  padding:20px 0 10px 218px;
  color: #000;
}


	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */

	}
	/* holy grail 3 column settings */
	.holygrail {
	        	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
            	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
            	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
		min-height:400px;
		height:400px;
        padding:20px;
        margin:0 30px 0 200px;     	/* Centre column side padding */
        position:relative;
	    left:200%;
	}
	
	/*  hack that only firefox can read */
	html>body .holygrail .col1{ 
		overflow:auto;
	}
	
	/* negate the height for all other than IE6 */
	* >.holygrail .col1{
		height: auto;
	}

	.holygrail .col1 img{
		margin:7px;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0;         	/* Width of the left-had side padding on the left column */
    }
    
    
	/* Footer styles */
	#footer {
        clear:both;
        height:30px;
        margin-left:200px;
        padding-top: .9em;
        text-align: center;
        color:#fff;
    }


    /* left col navigation */
    #nav{
      width:100%;
    }

    /* panel header style */
    .panel-header{
     width:100%;
     height:20px;
     background:#e5313e;
     color:#fff;
     font-weight:bold;
     text-align:center;
     padding:5px 0;
    }

    /* extra 1: random photo display */
    #extra1{
      width:100%;
      background:#e5313e;
      text-align:center;
      padding:5px 0;
      border:1px solid #fff;
    }
    #extra1 img{
      border:1px solid #fff;
    }
    /* extra 2: below navigation */
    #extra2{
      width:100%;
      margin-top:2px;
      padding:5px 0;

    }


/* set login table format */
.login-text {
padding: 2px 5px 2px 5px;
font-size: 10px;
text-align: right;
padding: 0 5px 0 5px;
}
.login-field input {
width: 100px;
font-size: 10px;
background-color: #fff;
border: 1px solid #000;
}
.login-text a{
color: #0f0;
text-decoration: none;
}
.login-text a:hover {
color: #f00;
}
.login-button {
padding: 0 10px 0 10px;
}


/* set click-it panel at bottom */
#clickit{
clear:both;
margin-left:200px;
color: #ccc;
font-size: 10px;
text-align:center;
line-height:5;   
}
#clickit a{
color: #ccc;
text-decoration:none;
}
#clickit a:hover{
color: #f00;
text-decoration:none;
}


.buttonSubmit {
	background-color: #bbb;
	font-size: 10px;
	color: #fff;
	border: 1px solid #fff;
	padding: 1px 3px 1px 3px;	
}
.buttonSubmitRoll {
	background-color: #e5313e;
	font-size: 10px;
	color: #fff;
	border: 1px solid #fff;
	padding: 1px 3px 1px 3px;	
	cursor:pointer;
}

/* news headlines in block */
#newslinks h1{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin:0;
    padding:0;
    color:#000;
}
#newslinks p{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    margin:0;
    padding:0 0 4px 0;
    border-bottom:1px dotted #999;
}






/*]]>*/