body
{
    background: #cccccc /*url(../Images/bg_1.png)*/;
    background-image: -ms-linear-gradient(left, #919191 0%, #CCCCCC 100%);
    background-image: -moz-linear-gradient(left, #919191 0%, #CCCCCC 100%);
    background-image: -o-linear-gradient(left, #919191 0%, #CCCCCC 100%); 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #919191), color-stop(1, #CCCCCC));
    background-image: -webkit-linear-gradient(left, #919191 0%, #CCCCCC 100%);
    background-image: linear-gradient(left, #919191 0%, #CCCCCC 100%);
    text-align: center;
    font-family:"arial";
}

#container
{
    margin: 0 auto;
    margin-top: 10px;
    width: 750px;
    background:#fff;
    text-align: left;
    padding: 3px;
    box-shadow: 5px 5px 5px #666666;
    -moz-box-shadow: 5px 5px 5px #666666;
    -webkit-box-shadow: 5px 5px 5px #666666;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    -khtml-border-radius: 23px;
    border-radius: 23px;
    behavior: url(PIE.htc);
}

#header
{
    background: #222121 /*url(../Images/dark_2.png)*/;
    background-image: -moz-linear-gradient(100% 100% 90deg, #0c0c0c, #222121);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222121), to(#0c0c0c));
    padding: 30px;
    margin-bottom: 0px;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -khtml-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-radius-topright: 20px;
    border-radius: 20px 20px 0px 0px;	
    behavior: url(PIE.htc);
}

#header h1 
{ 
    margin: 0;
    font-family:"arial";
    color:#ffffff;
    text-shadow:#D3D3D3 0px 1px 0, #000 0 -1px 0;
}

#header h3 
{ 
    margin: 0;
    font-family:"arial";
    color:#ffffff;
}

#nav_menu
{
    float: left;
    width: 750px;
    background: #222121 /*url(../Images/dark_2.png)*/;
    background-image: -moz-linear-gradient(100% 100% 90deg, #000000, #0c0c0c);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0c0c0c), to(#000000));
}

#nav_menu ul
{
    margin: 0;
    padding: 0;
}

#nav_menu ul li
{
    list-style-type: none;
    display: inline;
}

#nav_menu li a
{
    margin-top:5px;
    display: block;
    text-decoration: none;
    background-color: #A9A9A9;
    background-image: -moz-linear-gradient(100% 80% 90deg, #A9A9A9, #ffffff);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A9A9A9), to(#ffffff));
    color:#000000;
    float: left;
    padding: 5px 10px 5px 10px;
    border-left: 1px solid#000;
    border-bottom: 1px solid#000;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-radius-topright: 10px;
    border-top-right-radius: 10px;	
    behavior: url(PIE.htc);
}

#nav_menu li a:hover 
{ 
    margin-top:0px;
    padding: 10px 15px 5px 15px;
    background-color:#D3D3D3;
    background-image: -moz-linear-gradient(100% 100% 90deg, #D3D3D3, #ffffff);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D3D3D3), to(#ffffff));
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-radius-topright: 10px;
    border-top-right-radius: 10px;	
    behavior: url(PIE.htc);
}

#nav_menu li.current a
{
    margin-top:0px;
    padding: 10px 15px 5px 15px;
    background:#ffffff;
    color:#000000;
    text-shadow: 0px 2px 3px #A9A9A9;
    border-bottom: 1px solid#fff;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-radius-topright: 10px;
    border-top-right-radius: 10px;	
    behavior: url(PIE.htc);
}

#content
{
    clear: left;
    padding: 20px;
    font-family:"arial";
    text-align:justify;
}

#content ul
{
    padding: 0px 20px;
}

#content h2
{
    color:#000;
    font-family:"arial";
    font-size: 160%;
    text-shadow: 0px 2px 3px #A9A9A9;
    margin: 0 0 .5em;
    text-transform: uppercase;
}

#content h3
{
    color:#000;
    font-family:"arial";
    font-size: 100%;
    text-shadow: 0px 2px 3px #A9A9A9;
    margin: 0 0 .5em;
    text-transform: uppercase;
}

#content a
{
    text-decoration: none;
    color: #000066;
}

#content a:hover
{
    text-decoration: none;
    color: #0000ff;
}


table
{
    width:100%;
    text-align: center;    
}

/*
.styled-select {
    width: 200px;
    height: 34px;
    overflow: hidden;
    background: url(down_arrow_select.png) no-repeat right #ddd;
}
*/
.styled-select select
{
    background: transparent;
    width: 222px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 34px;
    -webkit-appearance: none;
}

input
{
    width:210px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 20px;
}

*input
{
    width:222px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 30px;
}

#footer
{
    background: #222121;
    background-image: -moz-linear-gradient(100% 100% 90deg, #222121, #000000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#222121));
    text-align: left;
    padding: 20px;
    height: 1%;
    font-size: 12px;
    color:#ffffff;
    text-shadow:#333 0px 1px 0, #000 0 -1px 0;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -khtml-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -khtml-border-radius-bottomright: 20px;
    border-radius: 0px 0px 20px 20px;
    behavior: url(PIE.htc);
}

#footer a
{
    text-decoration: none;
    color: #ffffff;
}

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


#memo {
    float:right;
    font-family: 'Comic Sans MS', cursive;
    font-size: 85%;
    text-align:justify;
    height: 170px;
    width: 170px;
    padding: 15px;
    margin: 20px;
    background-color: #FEFCAF;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffcc), to(#ffff66));
    background: -moz-linear-gradient(top,  #ffffcc,  #ffff66);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc', endColorstr='#ffff66');
    -moz-box-shadow: 5px 5px 5px #666666;
    -webkit-box-shadow: 5px 5px 5px #666666;
    box-shadow: 5px 5px 5px #666666;
    /* Rotate div */
    transform:rotate(-10deg);
    -ms-transform:rotate(-10deg); /* IE 9 */
    -moz-transform:rotate(-10deg); /* Firefox */
    -webkit-transform:rotate(-10deg); /* Safari and Chrome */
    -o-transform:rotate(-10deg); /* Opera */
}

/*#button {
    text-align: center;
    text-decoration: none;
    padding: 5px;
    margin: 20px;
    border:2px solid#cccccc;
    background-color: #D3D3D3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#D3D3D3));
    background: -moz-linear-gradient(top,  #cccccc,  #D3D3D3);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}*/

