/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%; }

table{ font-size: 100%; }

body {	color: #000000;
	font-family : arial, verdana, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	}


.clear 	{ clear:both; }

.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap; }


/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1 {	padding:30px 0 25px 0;
	font-size:2em;
	font-weight:normal;}

h2 {	padding:20px 0;
	font-size:1.4em;}

h3 {	font-size:1.09em;}

p  {	margin:0;
	padding:0 0 18px 0;}

ul, ol {padding:0 0 18px 40px;}

ul.purple
{
    padding:0;
    margin:0;
    list-style-type:none;
}
    ul.purple li
    {
        background:url(../images/arrow2.gif) no-repeat left;
        padding-left:20px;
    }

img {	border:0;}


/**********************************************************************************
=Text
**********************************************************************************/

.body {  
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 10px;
    color: #000000
}

.topnav {  
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold;
    color: #999999
}

.topnavselect {  
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold;
    color: #99CC00
}

.text {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #003399
}

.littletext {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #003399
}

.colour1 {
	background : #663399;
}

.title {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
    color: #99CC00
}

.title2 {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
    color: #ffffff;
}

h1.subhead
{
	font-family : Arial, Helvetica, sans-serif, ;
	font-size : 17px;
	color : #0066CC;
	font-weight : bold;
}

.subhead
{
	font-family : Arial, Helvetica, sans-serif, ;
	font-size : 17px;
	color : #0066CC;
	font-weight : bold;
}



/**********************************************************************************
=Links
**********************************************************************************/

a.flip { 
    font-weight : bold;
    color : #666666;
    text-decoration: none
}
    a.flip:hover { 
        color: #499101; 
        font-weight: bold;
        text-decoration: underline
    }

a.flip2 { 
    font-weight : bold;
    color : #003399;
    text-decoration: none
}
    a.flip2:hover { 
        color: #000066; 
        font-weight: bold;
        text-decoration: underline
    }

a.flip3 { 
    font-weight : bold;
    color : #0066CC;
    text-decoration: underline
}
    a.flip3:hover { 
        color: #99CC00; 
        font-weight: bold;
        text-decoration: none
    }
    
a.flip_foot{color:#4F4F4F;}
    a.flip_foot:hover{text-decoration: none;}
    
/**********************************************************************************
=Forms 
**********************************************************************************/

form{
    margin:0;
	padding:0;
	display:inline;}

input, select, textarea {font-size:1em;}

input.i250{
	width : 250px;
	font-weight : bold;
	color: #AE0000;}
	
input.reg {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 1.09em; 
    color: #000000;
    border:1px solid #969696;
    background:#FFFFFF;
    width: 125px;
}


select.s140{
	width : 140px;
	font-weight : bold;
	color: #AE0000;}
	
textarea.t400{
	width : 400px;	
	font-weight : bold;
	color: #AE0000;}

/**********************************************************************************
=Tables 
**********************************************************************************/

table {	border:0;
	margin:0;
	padding:0;}


/**********************************************************************************
=Layout
**********************************************************************************/

#container
{
    text-align:left;
}

#header
{
    background:#225AAE;
    width:100%;
    height:78px; 
}

#nav
{
    list-style-type:none;
    margin:4px 0 0 0;padding:0;
    background:#669900;
    width:100%;
    font-size:1.4em;
    float:left;
    font-family:Trebuchet MS;
}

    #nav li
    {
        float:left;
    }
    
    #nav li a
    {
        padding:4px 10px; 
        color:#FFFFFF;
        background:#669900;
        text-decoration:none;
        text-transform:lowercase;
        display:block;
    }
    
     #nav li a:hover
     {
        color:#FFFFFF;
        background:#7FB200;
     }
     
     #nav li.selected a
     {
        color:#336600;
        background:#99CC00;
     }
     
#footer
{
    width:100%;
    border-top:1px solid #669900;
    margin:20px 0 0 0;padding:10px 0;
    clear:both;
}

    #footer_links
    {
        float:right;
    }
    
/*****************************************************************
=Infoboxes
*****************************************************************/
.info, .alert, .error {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:0 0 5px 0;
	display:block;
	}

.info {
	background: #F8FAFC url(../images/icons/info.png) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}

.alert {
	background: #FFF9CF url(../images/icons/alert.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FED626;
	border-bottom: 2px solid #FED626;
	}

.error {
	background: #FFD0CF url(../images/icons/error.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FF443F;
	border-bottom: 2px solid #FF443F;
	}