﻿/* CSS Document */
*
{
    margin: 0;
    padding: 0;
}
ul
{
    list-style: none;
}
body
{
    font-family: arial;
    font-size: 11px;
    line-height: 14px;
    color: #44464A;
    background: #010102;
}
img
{
    border: 0;
}

table, td
{
    border-collapse: collapse;
}
table, td, img
{
    border: 0;
}
td, tr
{
    vertical-align: top;
    text-align: left;
}
/**********************************************/
input, textarea
{
    font-family: Tahoma;
    font-size: 11px;
    color: #000000;
    vertical-align: middle;
    font-weight: normal;
    text-align: left;
}
.searching
{
    width: 169px;
    height: auto;
    color: #000000;
    height: 18px;
    margin-right: 13px;
    border: solid 1px #808080;
}

.column_center .text_box input, .column_center .text_box textarea
{
    margin: 3px 0 3px 0;
}
/**********************************************/

.min_width
{
    width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 766)? "766px" : "100%");
    min-width: 766px;
}
.main
{
    width: 980px;
    margin: auto;
}

a
{
    color: #292727;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}


h1
{
    font-size: 4.16em;
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    line-height: 1.01em;
    width: auto;
}
h1 a
{
    color: #FFFFFF;
    text-decoration: none;
}
h2
{
    font-size: 1.01em;
}
h3
{
    color: #2D2E69;
    font-weight: normal;
    font-size: 2.01em;
    line-height: 1.18em;
    padding: 0 0 2px 0;
}
h3 a
{
    color: #2D2E69;
    font-size: 1.01em;
    line-height: 1.01em;
    text-decoration: none;
}
h3 a:hover
{
    text-decoration: underline;
}
.pagetitle
{
    padding: 10px;
}
.center
{
    padding: 0 0 10px 0;
}


/* Begin Images */
p img
{
    padding: 0;
    max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright
{
    padding: 4px;
    margin: 0 0 2px 20px;
    display: inline;
}

img.alignleft
{
    padding: 4px;
    margin: 0 20px 2px 0;
    display: inline;
}

.alignright
{
    float: right;
}

.alignleft
{
    float: left;
}
/* End Images */


/*******global********/
ul
{
    margin: 0;
}
.float
{
    float: left;
    margin: 0 20px 0 0;
}
.float_2
{
    padding: 0 20px 0 0;
}
.col
{
    float: left;
}
.left_side_bar
{
    float: left;
    width: 228px;
}
.column_center
{
    float: left;
    width: 522px;
    background: url(/images/fill.gif) 0 0 repeat;
}
.indent_center
{
    padding: 0 30px 7px 30px;
}
.right_side_bar
{
    float: left;
    width: 230px;
}
.clear
{
    clear: both;
}
.w100
{
    width: 100%;
}
.h100
{
    height: 100%;
}
.in5
{
    padding-bottom: 5px;
}
.in10
{
    padding-bottom: 10px;
}
.in15
{
    padding-bottom: 15px;
}
.in20
{
    padding-bottom: 20px;
}
/*******global********/

.content
{
    background: url(/images/wrapper.jpg) 0 0 no-repeat;
}
.content .indent
{
    padding: 0 0 0 0;
}



/*******************box*********************************/
.side_left
{
    background: url(/images/side_left.gif) 0 0 repeat-y;
}
.side_right
{
    background: url(/images/side_right.gif) right 0 repeat-y;
}
.left_top
{
    background: url(/images/left_top.gif) left top no-repeat;
}
.right_top
{
    background: url(/images/right_top.gif) right top no-repeat;
}
.left_bot
{
    background: url(/images/left_bot.gif) left bottom no-repeat;
}
.right_bot
{
    background: url(/images/right_bot.gif) right bottom no-repeat;
    width: 100%;
    min-height: 431px;
    height: auto !important;
    height: 431px;
}
/***************************end**************************/

/*******************box*********************************/
.left_top_2
{
    background: url(/images/left_top_2.gif) left top no-repeat #F0ECDA;
}
.right_top_2
{
    background: url(/images/right_top_2.gif) right top no-repeat;
}
.left_bot_2
{
    background: url(/images/left_bot_2.gif) left bottom no-repeat;
}
.right_bot_2
{
    background: url(/images/right_bot_2.gif) right bottom no-repeat;
    width: 100%;
    min-height: 56px;
    height: auto !important;
    height: 56px;
}
/***************************end**************************/

/*******************box*********************************/
.left_top_3
{
    background: url(/images/left_top_2.gif) left top no-repeat #F0ECDA;
}
.right_top_3
{
    background: url(/images/right_top_2.gif) right top no-repeat;
}
.left_bot_3
{
    background: url(/images/left_bot_2.gif) left bottom no-repeat;
}
.right_bot_3
{
    background: url(/images/right_bot_2.gif) right bottom no-repeat;
    width: 100%;
    min-height: 35px;
    height: auto !important;
    height: 35px;
}
/***************************end**************************/

/*******************header*********************************/
#header
{
    width: 100%;
    height: 208px;
    background: url(/images/bg_header.jpg) 0 0 no-repeat;
}
#header .logo
{
    padding: 105px 0 0 300px;
}
#header span
{
    font-size: 1.09em;
    line-height: 1.45em;
    color: #7274BC;
    font-weight: bold;
    text-decoration: none;
}
/*******************end header*********************************/

.box
{
    margin: 0 11px 4px 11px;
}
.padd_box
{
    padding: 8px 0 0 0;
}
.search_block
{
    float: right;
    padding: 16px 13px 4px 10px;
}
.menu
{
    float: left;
    padding: 21px 0 0 3px;
}
.menu li
{
    float: left;
    background: url(/images/sep.gif) right 2px no-repeat;
    padding: 0 20px 0 13px;
}
.menu li a
{
    font-family: arial;
    font-size: 1.01em;
    list-style: 1.28em;
    font-weight: bold;
    color: #525252;
    background: url(/images/arr_menu.gif) 0 6px no-repeat;
    padding: 0 0 0 12px;
    text-decoration: none;
}
.menu li a:hover
{
    text-decoration: underline;
}


/*******************side_bar*********************************/
.left_side_bar .inside
{
    padding: 303px 20px 0 65px;
}
.right_side_bar .inside
{
    padding: 303px 20px 0 41px;
}

/*---------------------------------------------------*/
.widget_style
{
    margin: 0 0 0 0;
    padding: 0 0 40px 0;
}
.widget_style h2
{
    font-family: tahoma;
    font-size: 1.01em;
    line-height: 1.27em;
    color: #CB0608;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 15px 0;
}
.widget_style h2 a
{
    color: #CB0608;
    text-decoration: none;
}
.widget_style h2 a:hover
{
    text-decoration: none;
}

.widget_style ul
{
    margin: 0 0 0 6px;
}
.widget_style li
{
    font-size: 1.01em;
    line-height: 1.45em;
    color: #6A6A6A;
}
.widget_style li a
{
    font-size: 1.01em;
    line-height: 1.45em;
    color: #6A6A6A;
    text-decoration: none;
    background: url(/images/arr.gif) 0 4px no-repeat;
    padding: 0 0 0 15px;
}
.widget_style li a:hover
{
    text-decoration: underline;
}

/*---------------------------------------------------*/

#categories.widget_style h2
{
    font-family: arial;
    font-size: 1.01em;
    line-height: 1.27em;
    color: #CB0608;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 12px 0;
}
#categories.widget_style ul
{
    margin: 0 0 0 2px;
}
#categories.widget_style li
{
    font-size: 1.01em;
    line-height: 1.63em;
    color: #606060;
}
#categories.widget_style li a
{
    font-size: 1.01em;
    line-height: 1.63em;
    color: #606060;
    text-transform: uppercase;
    text-decoration: none;
    background: url(/images/arr.gif) 0 4px no-repeat;
    padding: 0 0 0 14px;
}
#categories.widget_style li a:hover
{
    text-decoration: underline;
}

/*---------------------------------------------------*/

#archives.widget_style h2
{
    font-family: arial;
    font-size: 1.01em;
    line-height: 1.27em;
    color: #CB0608;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 15px 0;
}
#archives.widget_style ul
{
    margin: 0 0 0 6px;
}
#archives.widget_style li
{
    font-size: 1.01em;
    line-height: 1.45em;
    color: #6A6A6A;
}
#archives.widget_style li a
{
    font-size: 1.01em;
    line-height: 1.45em;
    color: #6A6A6A;
    text-decoration: none;
    background: url(/images/arr.gif) 0 4px no-repeat;
    padding: 0 0 0 15px;
}
#archives.widget_style li a:hover
{
    text-decoration: underline;
}

/*---------------------------------------------------*/

#links_with_style ul
{
    margin: 0 0 0 0;
    background: none;
}
#links_with_style ul ul h2
{
    margin: 0 0 0 0;
    background: none;
}
#links_with_style ul li h2
{
    font-size: 11px;
    line-height: 14px;
    font-family: tahoma;
    color: #CB0608;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}
#links_with_style ul li ul
{
    margin: 0 0 0 4px;
}
#links_with_style ul li ul li
{
    font-size: 1.01em;
    color: #6A6A6A;
    padding: 0 0 0 0;
}
#links_with_style ul li ul li a
{
    padding: 0 0 0 17px;
}

/*---------------------------------------------------*/

#calendar_wrap
{
    vertical-align: top;
    width: auto;
    margin: auto;
    padding: 13px 0px 0px 0;
}
#calendar_wrap caption
{
    color: #6A6A6A;
    font-weight: bold;
    font-size: 1.01em;
}
#calendar_wrap td
{
    width: 25px;
    text-align: right;
    color: #6A6A6A;
    font-size: 1.11em;
}
#calendar_wrap td a
{
    color: #6A6A6A;
}
#calendar_wrap th
{
    color: #6A6A6A;
    text-align: right;
}
#calendar_wrap a
{
    font-weight: bold;
}

/*---------------------------------------------------*/

#statusbar
{
    text-align: left;
    color: #6A6A6A;
}
#statusbar p
{
    padding: 0px 20px 20px 0;
}
#statusbar a
{
    font-weight: bold;
    color: #6A6A6A;
}
/*******************end side_bar*********************************/


/*******************column_center*********************************/
.text_box
{
    font-size: 1.09em;
    line-height: 1.33em;
    padding: 18px 0 20px 17px;
}
.text_box em
{
    font-size: 1.25em;
}
.text_box .block
{
    font-size: 1.08em;
    line-height: 1.3em;
    color: #292727;
    padding: 9px 0 0 0;
}
.text_box .list
{
    margin: 15px 0 0 7px;
}
.text_box .list li a
{
    font-size: 1.08em;
    line-height: 2.23em;
    color: #CB0608;
    background: url(/images/arr_cont.gif) 0 5px no-repeat;
    padding: 0 0 0 16px;
}

.title
{
    background: url(/images/bg_title.jpg) 0 0 no-repeat;
    border-bottom: 1px solid #E2DECC;
    min-height: 92px;
    height: auto !important;
    height: 92px;
}
.inside_title
{
    padding: 17px 22px 10px 86px;
}
.title span
{
    color: #010102;
    font-size: 1.01em;
    line-height: 1.18em;
}
.title .date
{
    font-size: 1.01em;
    line-height: 1.09em;
    color: #333477;
    font-weight: bold;
    font-family: tahoma;
    padding: 7px 0 0 0;
}

.comments
{
    font-family: arial;
    text-align: right;
    color: #333477;
    font-size: 1.01em;
    font-weight: bold;
    line-height: 1.9em;
    padding: 0 11px 8px 11px;
}
.inside_comments
{
    padding: 4px 16px 5px 20px;
}
.comments a
{
    background: url(/images/arr_1.gif) 0 6px no-repeat;
    padding: 0 0 0 11px;
    text-decoration: underline;
    color: #333477;
    font-size: 1.01em;
    line-height: 1.9em;
}
.comments a:hover
{
    text-decoration: none;
}
/*******************end column_center*********************************/


#tag_cloud a
{
    color: #6A6A6A;
    line-height: 1.01em;
    text-decoration: none;
}
#tag_cloud a:hover
{
    text-decoration: underline;
}

.post
{
    padding: 0 0 20px 0;
}
.post h3
{
    padding: 0 0 5px 0;
}


/*************************************/
#recent-posts
{
    vertical-align: top;
}
.widget_style#recent-comments li a
{
    background: none;
}
#calendar
{
    vertical-align: top;
}
#google-search
{
    vertical-align: top;
}
#gsearch
{
    text-align: left;
}
#pages
{
    vertical-align: top;
}
#text-1
{
    vertical-align: top;
}
#delicious
{
    vertical-align: top;
}
#delicious-box
{
    text-align: left;
}

/*************************************/
.textwidget
{
    padding: 13px 0px 0px 0px;
}

.oddcomment
{
    color: #FF0000;
}

/*******************footer*********************************/
#footer
{
    font-size: 1.01em;
    line-height: 1.01em;
    color: #585858;
    text-align: center;
    padding: 18px 0 25px 18px;
}
#footer a
{
    color: #585858;
}
/*******************end footer*********************************/



/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom
{
    background: #000;
}
.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4, .rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{
    background: #E1E5D5;
}
.mtop, .mbottom
{
    background: #000;
}
.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4, .mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{
    background: #F0ECDA;
}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom, .mtop, .mbottom
{
    display: block;
}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4, .rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4, .mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4, .mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{
    display: block;
    height: 1px;
    overflow: hidden;
}

.r1, .m1
{
    margin: 0 5px;
}

.r2, .m2
{
    margin: 0 3px;
}

.r3, .m3
{
    margin: 0 2px;
}

.rtop .r4, .rbottom .r4, .mtop .m4, .mbottom .m4
{
    margin: 0 1px;
    height: 2px;
}


/*

ul#menu
{
    
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: left;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li a
{
    padding: 5px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #ccc;
    text-decoration: underline;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: navy;
    color: #000;
}

ul#menu li ul
{
    left: 0;
    position: absolute;
    top: 1em;
    display: block;
    visibility: hidden;
    background-color: #ccc;
}

ul#menu li ul li
{
    display: list-item;
    float: none;
}

ul#menu li ul li a 
{
    display: block;
    width: 160px;
    color: Navy;
    text-decoration: none;
    padding: 1px 5px;
    border: 1px solid #ccc;
}

* html ul#menu li
{
    float: left;
    height: 1%;
}

* html ul#menu li a
{
    height: 1%;
}


*/



/* navigation */.suckertreemenu
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ccc;
    
}
.suckertreemenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/*Top level list items*/.suckertreemenu ul li
{
    position: relative;
    display: inline;
    float: left;
    background: url(/images/sep.gif) right 2px no-repeat;
    padding: 0 5px 0 13px;
}
/*Top level menu link items style*/.suckertreemenu ul li a
{
    
    font-size: 1.01em;
    list-style: 1.28em;
    font-weight: bold;
    color: #525252;
    
    padding: 0 0 0 12px;
    text-decoration: none;
}
.menu
{
    float: left;
    padding: 5px 0 0 3px;
}
.menu li
{
    float: left;
    background: url(/images/sep.gif) right 2px no-repeat;
    padding: 0 20px 0 13px;
}
.menu li a
{
    font-family: arial;
    font-size: 1.01em;
    list-style: 1.28em;
    font-weight: bold;
    color: #525252;
    background: url(/images/arr_menu.gif) 0 6px no-repeat;
    padding: 0 0 0 12px;
    text-decoration: none;
}
.menu li a:hover
{
    text-decoration: underline;
}
/*1st sub level menu*/.suckertreemenu ul li ul
{
    left: 0;
    position: absolute;
    top: 1em;
    display: block;
    visibility: hidden;
    background-color: #ccc;
}
/*Sub level menu list items (undo style from Top level List Items)*/.suckertreemenu ul li ul li
{
    display: list-item;
    float: none;
}
/*All subsequent sub menu levels offset after 1st level sub menu */.suckertreemenu ul li ul li ul
{
    left: 159px; /* no need to change, as true value set by script */
    top: 0;
}
/* Sub level menu links style */.suckertreemenu ul li ul li a
{
    display: block;
    width: 160px;
    color: Navy;
    text-decoration: none;
    padding: 1px 5px;
    border: 1px solid #ccc;
}
.suckertreemenu ul li a:hover
{
    background-color: #ccc;
    text-decoration: underline;
    background: url(/images/arr_menu.gif) 0 6px no-repeat;
}
* html p#iepara
{
    /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
    padding-top: 1em;
}
/* Holly Hack for IE \*/* html .suckertreemenu ul li
{
    float: left;
    height: 1%;
}
* html .suckertreemenu ul li a
{
    height: 1%;
}
/* End */