body {
 background: #fff url(images3/bg.jpg) repeat-x;
 color: #000;
 padding: 0; margin: 0; font: 0.7em Arial, sans-serif; line-height: 1.5em;
}

a { color: #EF5E00; background: inherit; }
a:hover { color: #fb4300; background: inherit;}

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #46574D; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #46574D; background: #FFF; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }


.content { margin: 0 auto; padding: 0px; color: #000; }
#header { color: #000; width: 800px; height: 80px;	margin: 0 auto; padding: 0; }
#header h1, p{
padding:15px 15px  0px 0px; 
	float: right;
	margin-right: 0px;
	clear: both;
	margin-top: 0px;
	color: #fff;
	font: bolder 2 em Arial, sans-serif;
	letter-spacing:.01em;
	word-spacing:.1em;
	line-height:100%
}

p.reader {	font: bold 1.2em Arial, sans-serif;overflow:hidden;}


.flash { 
	
	
	width: 100%;
	min-height: 200px;
	font: 1.3em Arial, sans-serif;
	margin: 0 auto;
	background-color:transparent;
	float:left;
	position:relative;
	overflow:hidden;
    clear:both;
	
}
.flash .colmid {
        float:left;
        width:300%;
        margin-left:35px; 	/* Width of left column */
        position:relative;
        right:100%;
        background-color:transparent;
            	/* Centre column background colour */
    }
    .flash .colleft {
        float:left;
        width:100%;
        margin-left:-45%;
        position:relative;
        left:0px;         	/* Left column width + right column width pic */
      	
    }
    .flash .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:210px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.flash .col1 {
        margin:0 80px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                      	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	    height:167px;
	    padding:0 0 0 150px;
	 
	   background-color:transparent;
	}
	.flash .col1 h1{color:#fff;font-size:2em;letter-spacing:.5em;}
    .flash .col21 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:293px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:10px; 
        background-color:transparent; 
        background: url(images3/mac1.jpg) no-repeat; 
        height:200px;      	/* Width of the left-had side padding on the left column */
    }
    .flash .col3 {
        float:left;
        float:right;			/* This overrides the float:left above menu*/
        width:300px;
        height:180px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px!important;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:0%;
        overflow:hidden;
        
      
          
    }


#col2 {
	clear: both;
	width: 100%;
	background: #FFDEAB url(images3/list.jpg) repeat-x top;
	font: 1.25em Arial, sans-serif;
}

#col2 .padding {
	width: 800px;
	margin: 0 auto;
	padding: 30px 40px 10px 60px;
	
	
}
#col2 ul { margin:0; list-style:none; padding: 0; }
#col2 li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 3px 0px; 
	border-bottom: 1px dotted #950000; 
	list-style: none;
}
#col2 li a { color:#000; text-decoration: none;  padding: 5px 0 0 0; display: block; margin-bottom: 2px; }
#col2 li a:hover { color: #EF5E00; text-decoration: none; background: #FFDCA6; display: block; margin-bottom: 2px; }
#col2 h2 {
	padding: 5px 0 5px 0;
	color: #950000;
	font: bold 1.6em Arial, sans-serif;
}

#col2 .rights {
	float: right;
	width: 200px;
	z-index: 1;
	width: 200px;
}

#col2 .col3 {
	width: 200px;
	margin: 0 auto;
	z-index: 2;
	float: center;
	
}

#col2 .col4 {
	width: 200px;
	margin: 0;
	z-index: 3;
	float: left;
	
}

.pnp {
	border: 1px solid #ccc;
	padding: 5px;
	
}


.main_content {
	margin: 0 auto;
	margin-top: 10px;
	width: 800px;
}


.cleft {
	float: left;
	color: #000;
	margin: 0 0 0px 5px;
	padding: 0px 15px 0px 0px;
	width: 400px;
	font: 1.3em arial, helvetica, verdana, sans-serif;
	text-align:justify!important;
}	
.cright {
    clear:both;
    float: right;
	color: #000;
	margin: 0 0px 0 0;
	padding: 0px 0px 0 0px;
	width: 350px;
	font: 1.3em arial, helvetica, verdana, sans-serif;
	text-align:justify!important;
	letter-spacing: -0.05em;
}	
	


.paragraph {
	padding: 25px 0 0 0;
}

.main_content h2 {
	padding: 5px 0 5px 0;
	color: #C81000;
	font: bold 1.6em Arial, sans-serif;
}

.main_content .highlight{color:#f66b0e; font:2em bold Helvectiva,sans-serif;}
ul {
list-style-type: none;margin:0;padding:0;
}

.list1 li a:link { color:#18768e!important; font-size:13px; line-height:1.5em; text-decoration:none;}
.list1 li a:visited {color:#F58A00!important; font-size:13px;font-weight:bolder; line-height:1.5em;}
.list1 li a:hover {color:#C85200!important; font-size:13px; line-height:1.5em;text-decoration:underline;}
.list1 li a:active {color:#003AFB!important; font-size:13px; line-height:1.5em;text-decoration:underline;}


.footer { 
	background: #fb4300 url(images3/footer.jpg) repeat-x top;
	width: 100%;
	color:#eee;  
	text-align:center; 
	clear:both;
	font: 1.3em arial, helvetica, verdana, sans-serif;
	
}
.footer .align { padding: 25px 70px 25px 70px; }
.footer a { color:#FFCF83; text-decoration: none;}
.footer a:hover { color:#FFDF83; text-decoration: underline; }