@import url(../../Templates/UI/Css/Layout.css);

/********* GLOBALS *********/

*
{
    margin: 0;
    padding: 0;
    background: #F0F0F0;
}
body
{
    font-family: Arial;
    font-size: .9em;
}
a img, table
{
    border: 0;
}
dl, ol, ul
{
    list-style: none;
}
button, select, textarea, input
{
    font: 100% serif;
    margin-right: 3px;
}
table
{
    border-collapse: collapse;
}
caption, th, td
{
    text-align: left;
    font-family: Arial;
    font-size: .9em;
}
h1, h2, h3, h4, h5, h6, p
{
    margin: 10px 0 10px 0;
}
h1, h2
{
    /*font-family: Georgia, "Times New Roman" ,Times,serif;*/
    font-weight: normal;
}

p
{
    font-size: 0.9em;
}

/* colors */
a
{
    color: #0000CC;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
#page a:visited
{
    color: #0301E1;
}


#footer
{
    margin-top: 10px;
    color: #0301E1;
}
#footer .n2
{
    color: #CCCCCC;
    float: right;
    font-size: .8em;
}
/********* LAYOUT *********/
#top
{

    text-align: center;
}
#top a
{
    font-size: small;
    font-weight: bold;
    color: #0301E1;
    text-decoration: underline;
}

#tumbText
{
    color: #000000;
    font-size: x-small;
}

form
{
    background-color: #F0F0F0;
}

body
{
    background-color: #F0F0F0;
    background-position: center top;
    margin: 0;
    background: transparent;
}
#wrapWrap
{
    margin: 0 auto;
}

#wrap
{
    width: 1000px;
    margin: 0 auto;
}

#warpHeader
{
    margin: 0 auto;
    height: 135px;
}
#header
{
    width: 1000px;
    margin: 0 auto;
    height: 110px;
    position: relative;
}
#header .siteLogo
{
    vertical-align: bottom;
}
#header .siteHeader a
{
    color: #CCFFFF;
    font-weight: bold;
    font-size: Xx-large;
    vertical-align: middle;
    font-variant: small-caps;
}
/*top*/
#header .top
{
    padding-top: 0px;
    vertical-align: middle;
    text-align: center;
}
#header .top img
{
    vertical-align: text-bottom;
}
#header .top h2
{
    display: inline;
}

#wrapFooter
{
    margin: 0 auto;
    height: 35px;
}

#footer
{
    width: 1000px;
    margin: 0 auto;
    padding: 15px;
}




#page
{
    border: 1px solid #0301E1;
    padding: 0px;
    
}

#menu
{
    float: left;
}

#extras
{
    float: right;
}

.secondary
{
    margin: 0px;
    width: 175px;
    float: left;
}

#main h1
{
    text-align: right;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: x-large;
    padding-right: 20px;
    padding-left: 20px;
}

#main
{
    padding: 5px;
    margin: 0px 5px 0px 5px;
    width: 625px;
    float: left;
    min-height: 500px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #0301E1;
    border-left-color: #0301E1;
}

#content
{
    
}
/*secondary*/
.secondary .uc
{
    margin: 3px;
}



.uc h4
{
    padding: 0px;
    margin: 0px;

}

/*box*/
.inner
{

}

.boxTitle, .secondary h4
{
    font-weight: bold;
    background: #C0C0C0; /*background: transparent url(BoxTitle.png) repeat;*/
    color: #0301E1;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    padding-top: 5px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #0301E1;
    border-right-color: #0301E1;
    border-left-color: #0301E1;
}

.boxTitle, .secondary h4 a
{
    color: #0301E1 !important;
    background-color: #C0C0C0;
}

.secondary .box
{
    _height: 1px;
    padding: 6px;
    color: #000000;
    font-size: small;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #0301E1;
    border-bottom-color: #0301E1;
    border-left-color: #0301E1;
}

#extras .boxTitle, #extras h4
{
    /*background: transparent url(SidebarRightBg.gif) no-repeat 0% 0%;*/
}
#extras .box
{
    /* background: transparent url(SidebarRightBg.gif) no-repeat 0% 100%;*/
   padding:5px;
}

/*menu*/
#wrapMenu
{

}
.topMenu
{
    width: 1000px;
    margin: 0 auto;
    bottom: 0px;
}
.topMenu li
{
    background-position: 0% 0%;
    float: left;
    /*background: transparent url(BlueTansparent.png) repeat 0% 0%;*/
    text-align: center;
}
.topMenu a
{
    background-color: #C0C0C0;
    border-color: #0301E1;
    padding: 5px;
    height: 15px;
    display: block; /* padding: 10px 14px 4px 4px;*/
    color: #0301E1;
    min-width: 80px;
    font-weight: bold;
    border-right-style: solid;
    border-right-width: 1px;
}
.topMenu li.current, .topMenu li.current a, .topMenu li.trail, .topMenu li.trail a
{
    background-color: #0301E1;
}
.topMenu .current a, .topMenu .trail a
{
    padding: 5px;

}



.languageMenu
{
    position: absolute;
    bottom: 5px;
    right: 20px;
}
.languageMenu a
{
    opacity: .4;
}
.languageMenu .current
{
    cursor: default;
    opacity: 1;
}
.languageMenu a:hover
{
    opacity: 1;
}

.subMenu a
{
    display: block;
    padding: 2px 0;
    _height: 1px;
    color: #333;
}
ul.subMenu ul
{
    margin: 0 0 5px 15px;
}
.subMenu .trail > a, .subMenu .current > a, .menu .trail > a, .menu .current > a
{
    color: #FFF;
}
.subMenu .current > a, .menu .current > a
{
    font-weight: bold;
}

/* lists */
.list .a0
{

}
.list
{
    padding-bottom: 6px;
    background-position: 50% 100%;
}
.list .item
{
    padding: 5px;
}

/*path*/
.path
{
    margin-bottom: 10px;
}
.path .current
{
    color: #333;
}
.path a.current:hover
{
    cursor: default;
    text-decoration: none;
}

/*sitemap*/
#main ul
{
    list-style: circle;
    margin-left: 20px;
}

/* content */
.introduction
{
    font-style: italic;
}

/** date **/
.date
{
    font-size: small;
    color: #333;
    display: block;
    text-align: left;
    font-weight: bold;
}

#newsItem
{
    padding-top: 2px;
    padding-bottom: 2px;
}

#newsTitle
{
    font-weight: bold;
    margin-right: 15px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

/*columns*/
.columns .left
{
    float: left;
    width: 245px;
}
.columns .right
{
    float: right;
    width: 245px;
}

/* login */
.login .tb
{
    width: 130px;
}
.login .ff
{
    margin-bottom: 5px;
}
.register td
{
    padding: 0 5px 5px 0;
}

/* gallery
.thumbnail
{
    opacity: .4;
}
.thumbnail:hover, .selected
{
    opacity: 1;
}
#thumbnails
{
    padding-bottom: 10px;
}
#thumbnails .text
{
    display: none;
    float: right;
}
.thumbnail
{
    margin-bottom: 10px;
    margin-right: 5px;
}
#preview
{
    padding: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
} */

/* comments */
.commentList
{
    border-top: solid 1px #D0CFCB;
    margin-top: 10px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail
{
    position: relative;
    z-index: 0;
}

.thumbnail:hover
{
    background-color: transparent;
    z-index: 50;
}

.thumbnail span
{
    /*CSS for enlarged image*/
    position: fixed;
    padding: 0px;
    left: 1000px;
    border: 1px solid #0301E1;
    visibility: hidden;
    color: black;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

.thumbnail span img
{
    /*CSS for enlarged image*/
    border-width: 0;
    padding: 0px;
}

.thumbnail:hover span
{
    /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 5px;
    left: 5px; /*position where enlarged image should offset horizontally */
}