/* CSS document for PCUK 2008
build: NRT at SAS Design 20/08/2008 


----------=>layout styles

----------=>content styles
=>p
=>h1
=>h2
=>h3
=>hr
=>images
=>links
=>lists
=>forms
=>tables
=>misc

----------=>header styles

----------=>navigation styles
=>top navigation

----------=>module styles

----------=>footer styles

----------=>tool styles
=utility styles
=debug styles


--------------------=>layout styles */
html, body
{
    border: 0px;
    font-family: Arial, Verdana;
    height: 100.1%;
    margin: 0px;
    padding: 0px;
}

body
{
    background: #ffffff url(/images/bg_main_gradient.jpg) repeat-x top left;
    color: #999286;
    font-size: 100%; /* 16px */
    font-weight: normal;
    margin: 0px;
    padding: 0px; /*line-height:1em;*/
    text-align: center; /* IE */
}

div.master_wrapper
{
    width: 880px;
    margin: 0 auto;
    text-align: left; /* reset text alignment */
}

div.content
{
    min-height: 475px; /* to be changed in the screen_ie6.css file */
}

/* =>three column layout */
div.three_column .one
{
    float: left;
    width: 180px;  
}

div.three_column .two
{
    float: left;
    width: 282px;
    padding: 0px 40px 0px 0px;    
}

div.three_column .three
{
    float: left;
    width: 338px;
    padding: 0px 0px 0px 40px;
    background: url(/images/bg_dotted_line.gif) repeat-y top left;
}

/* =>three column alternative layout */
div.three_column_alt .one
{
    float: left;
    width: 180px;  
}

div.three_column_alt .two
{
    float: left;
    width: 418px;/*350*/
    padding: 0px 28px 0px 0px;
    background: url(/images/bg_dotted_line.gif) repeat-y top right;
}

div.three_column_alt .three
{    
    float: left;
    width: 226px;/*294*/
    padding: 0px 0px 0px 28px;         
}

/* =>three column flash layout */
div.three_column_flash .one
{
    float: left;
    width: 180px;
}

div.three_column_flash .two
{
    float: left;
    width: 462px;
    padding: 0px 0px 0px 58px;  
}

div.three_column_flash .three
{    
    float: left;
    width: 160px;
    padding: 0px 0px 0px 20px;     
}

/* =>four column layout */
div.four_column .one
{
    float: left;
    width: 180px;    
}

div.four_column .columnbase4
{
    float: left;
    width: 220px;
    padding: 0px 20px 0px 0px;
    position: relative;
}

div.four_column .last
{
    float: left;
    width: 220px;
    padding: 0px;
}

/* =>two column inline layout */
div.two_column_inline
{
    padding: 32px 0px 0px 0px;
}

div.two_column_inline .one
{
    float: left;
    width: 216px;
    padding: 0;
}

div.two_column_inline .two
{
    float: right;
    width: 216px;
    padding: 0;
}

/* =>flash wrapper */
#flash_wrapper
{
    position: relative;
    width: 880px;
}

.three_column_flash #flash_wrapper
{
    position: relative;
    width: 462px;
}

#flash_required_container
{
    position:absolute;
    top:15px;
    left:15px;
    background: url(/images/bg_flash_required.png);
    padding:5px 10px 0px 18px;
    width:120px;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*--------------------=>content styles */
/* =>p */
p
{
    font-size: 75%; /* 12px */
    line-height: 1.3;
    padding: 0px 0px 12px 0px;
}

p.intro
{
    color: #008fd7;
    font-weight: bold;
}

p.last
{
    padding: 0px;
}

/* =>h1 */
h1
{
    color: #008fd7;
    font-size: 113%; /* 18px */
    line-height: 1.2;
    padding: 0px 20px 0px 0px;
    margin-bottom: 0px;
}

/* =>h2 */
h2
{
    font-size: 75%; /* 12px */
    line-height: 1.2;
}

/* =>h3 */
h3
{
    font-size: 75%; /* 12px */
    line-height: 1.2;
}

.three_column_flash h3
{
    margin: 12px 0px 0px 0px;
}

.light
{
    color: #008fd7;
}

.dark
{
    color: #134a85;
}

/* =>hr */
div.hr_dotted
{
    font-size: 0px; /* ie6 */
    height: 1px;
    background: url(/images/bg_dotted_line_hz.gif) repeat-x top left;
    margin: 10px 0px;
    clear: both;
}

/* =>images */
img.margin_bottom
{
    margin: 0px 0px 12px 0px;
}

img.margin_top
{
    margin: 12px 0px 0px 0px;
}

div.one img
{
    margin: 60px 0px 0px 0px;
}

img.companylogo
{
    margin: 0px 0px 25px 0px;
}

/* =>links */
a.dark 
{   
    color: #134a85;
    text-decoration: none;      
}

a.dark:hover
{
    color: #999286;
}

a.bullet
{
    background: #ffffff url(/images/bg_link_arrow.gif) no-repeat 0px 6px;
    padding: 0px 0px 0px 6px;
}


/* =>lists */
ul.nonbulleted_list li
{
    font-size: 75%; /* 12px */
    line-height: 1.3;
}

ul.nonbulleted_list li.title
{
    color: #008fd7;
    font-weight: bold;
}

ul.nonbulleted_list li a
{
    text-decoration: none;
    color: #134a85;
}

ul.nonbulleted_list li a:hover
{
    color: #999286;
}

ul.nonbulleted_list li.topbottom
{
    padding: 15px 0px 15px 0px;
}

ul.nonbulleted_list li.top
{
    padding: 15px 0px 0px 0px;
}

ul.nonbulleted_list li.bottom
{
    padding: 0px 0px 15px 0px;
}

ul.bulleted_list
{    
    padding: 0px;
}

ul.bulleted_list li
{
    background: #ffffff url(/images/bg_bullet_light.gif) no-repeat 0px 6px;
    font-size: 75%; /* 12px */
    line-height: 1.3;
    margin: 0px 0px 12px 0px;
    padding: 0px 0px 0px 10px
}

ul.bulleted_list li li
{
    font-size:1em;
}

ul.bulleted_list li.title
{
    color: #008fd7;
    font-weight: bold;
}

ul.bulleted_list li a
{
    text-decoration: none;
    color: #134a85;
}

ul.bulleted_list li a:hover
{
    color: #999286;
}

ul.link_list
{    
    padding: 0px;
    margin: 0px 0px 12px 0px;
}

ul.link_list li
{
    background: #ffffff url(/images/bg_link_arrow.gif) no-repeat 0px 6px;
    font-size: 75%; /* 12px */
    line-height: 1.3;
    margin: 0px;
    padding: 0px 0px 0px 6px;
}

ul.link_list li a
{
    text-decoration: none;
    color: #134a85;
}

ul.link_list li a:hover, ul.link_list li.current a
{
    color: #999286;
}

div.location
{
    padding: 0px 0px 20px 0px;
}

div.location ul
{
    float: left;
    width: 110px;   
}

div.location ul.right
{
    float: right;
}

div.location ul li
{
    font-size: 75%; /* 12px */
    line-height: 1.3;
}

/*div.three_column_flash .three ul
{
    margin: 12px  0px 0px 0px;
}*/

/* =>misc */
blockquote
{
    color: #134a85;
    font-size: 100%; /* 18px */
    line-height: 1.2;
    padding: 0px 20px 0px 0px;
    margin-top: 0px;
}

.highlight
{
    /*text-decoration: underline;*/
    font-weight: bold;
}

/*--------------------=>header styles */
div.header
{
    padding: 13px 0px 25px 0px;
}

/*--------------------=>navigation styles */
/* =>top navigation */
div.top_navigation
{
    padding: 0px 0px 64px 0px;
}

div.top_navigation ul li
{
    display: inline;    
}

div.top_navigation ul li a
{
    float: left;
    color: #134a85;
    font-size: 69%; /* 11px */
    font-weight: bold;
    text-decoration: none;
    border-right: 2px solid #999286;
    padding: 0px 3px;
}

div.top_navigation ul li.left a
{
    padding-left: 0px;
}

div.top_navigation ul li.right a
{
    padding-right: 0px;
    border: 0;
}

div.top_navigation ul li a:hover, div.top_navigation ul li a.current
{
    color: #999286;
}

/*--------------------=>module styles */
div.md_highlight
{
    position: absolute;
    top: 6.5em;    
}

div.md_highlight ul.bulleted_list
{
    margin: 10px 0px 0px 0px;
}

div.md_highlight ul.bulleted_list li
{
    margin: 0px;
}

div.md_lt
{
    background: #ffffff url(/images/bg_md_highlight01.gif) no-repeat 0px 12px;
    
}

div.md_mid
{
    background: #ffffff url(/images/bg_md_highlight02.gif) no-repeat 0px 12px;
}

div.md_rt
{
    background: #ffffff url(/images/bg_md_highlight03.gif) no-repeat 0px 12px;
}

/*--------------------=>footer styles */
div.footer
{
    color: #999286;
    font-size: 69%; /* 11px */
    font-weight: normal;
    padding: 20px 0px 0px 0px;
}

div.footer ul li
{
    display: inline;
}

div.footer ul li a
{
    float: left;
    color: #999286;
    text-decoration: none;
    border-right: 1px solid #999286;
    padding: 0px 3px;
}

div.footer ul li a:hover
{
    color: #134a85;
}

div.footer ul li.left a
{
    padding-left: 0px;
}

div.footer ul li.right a
{
    padding-right: 0px;
    border: 0;
}


/*--------------------=>tool styles */
/* =>utility */
.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.clearer
{
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
    height: 1px;
}

.spacer
{
    clear: both;
    font-size: 0;
    height: 8px;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.clearfix:after
{
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}

.nodisplay
{
    display: none;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* End hide from IE-mac */

.noborder
{
    border: none !important;
}

.alt
{
    visibility: hidden;
}

div.alt
{
    position: absolute;
    visibility: hidden;
}

/* =>debug */
.debug
{
    border: 1px solid red;
}