/* ################################################### */
/* The CSS Below is Reflective of the Website Contents */
/* ################################################### */

body 
{
    background-color: #171736;
    font-family: Arial;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.comment
{
    visibility: hidden;
}

#HiddenCSS 
{
	display: none;
	margin: -20px 0px 0px 0px;
}

#layout
{
    width: 995px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#layoutcolor
{
    float: left;
    width: 995px;
    height: auto;
    visibility: visible;
    background-color: #12122a;
}

#header
{
    float: left;
    width: 995px;
    height: 109px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url(images/header.jpg);
}

#headercontact
{
    float: left;
    width: 350px;
    padding: 28px 0px 0px 0px;
    color: #ffcc00;
    text-align: left;
}

#headercontact a
{
    color: #ffcc00;
    text-decoration: none;
}

#headercontactdetails
{
    float: right;
    width: 180px;
}

#headerrollingimage
{
    float: right;
    height: 109px;
    width: 300px;
    background-image: url(images/header_1.jpg);
}

#topmenu
{
    float: left;
    width: 995px;
    height: 50px;
    background-image: url(images/menuback.jpg);
    font-size: 15px;
    font-weight: bold;
}

#topmenu ul
{
    float: left;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#topmenu li
{
    float: left;
    text-decoration: none;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#topmenu a
{
    color: #fed200;
    text-decoration: none;
    padding: 0px 20px 0px 20px;
}

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

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

#flashcontainer
{
    float: right;
    width: 754px;
    height: 217px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: Black;
}

#sectionimage
{
    float: left;
    width: 754px;
    height: 217px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #0c0c2e;  
}

#sectionbackground
{
    float: left;
    width: 995px;
    height: 217px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0x 0px;
    background-image: url(sectionbackground.jpg);
}
    
#submenu
{
    float: left;
    width: 241px;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
    color: #ffffff;
    text-align: left;
}

#submenucontents
{
    float: right;
    width: 220px;
}

#submenucontents ul
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#submenucontents li
{
    float: left;
    text-decoration: none;
    list-style: none;
    width: 220px;
    padding: 3px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    color: #ffcc00;
    font-family: arial;
    font-size: 14px;
    letter-spacing: 1px;
}

.item li
{
    float: left;
    color: #ffcc00;
    padding: 0px 0px 5px 0px;
}

.subitem li
{
    float: left;
    color: #ffcc00;
    padding: 0px 0px 0px 10px;
}

#submenucontents a
{
    float: left;
    width: 220px;
    text-decoration: none;
    color: #ffcc00;
    font-family: arial;
    font-size: 14px;
    letter-spacing: 1px;
}

#submenucontents a:hover
{
    color: #ffffff;
}

#submenucontents .current a
{
    color: #ffffff;
}

#submenuheader
{
    font-weight: bold;
    font-size: 20px;
    padding: 0px 0px 10px 0px;
}

#sectionsubmenu
{
    float: left;
    width: 239px;
    height: 217px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    background-color: #0c0c2e;
}

#pageimageheader
{
    float: left;
    height: 136px;
    width: 995px;
}

#pageimagheadertint
{
    float: left;
    height: 136px;
    width: 995px;
    background-color: #171736;
    opacity:0.6;
    filter:alpha(opacity=60);
}

#contents
{
    float: right;
    width: 754px;
    height: auto;
    _height: expression(document.body.clientHeight > 400? "400px": "auto" );
    min-height: 400px;
    margin: 0px 0px 0px 0px;
    background-image: url(images/body.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #1a1b54;
}

#fullwidthcontents
{
    float: left;
    width: 995px;
    background-image: url(images/body.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #1a1b54;
}

#pageimage
{
    float: left;
    width: 195px;
    height: 350px;
    padding: 10px 0px 0px 25px;
}

#pageimage img
{
    border: solid 1px #11113a;
}

#pagetitle
{
    float: right;
    width: 720px;
    height: 50px;
    padding: 5px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
    text-align: left;
    color: #ffcc00;
    font-size: 40px;
    font-weight: bold;
}

#pagecontents
{
    float: right;
    width: 720px;
    padding: 30px 0px 15px 0px;
    margin: 0px 10px 0px 0px;
    text-align: left;
    color: #ffffff;
}

#pagecontents a
{
    color: #FFCC00;
}

#pageborder
{
    float: left;
    height: 1px;
    width: 995px;
    background-color: #3f3f6a;
    border-top: solid 1px #6c6c73;
    border-bottom: solid 1px #191952;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#pagebackground
{
    float: left;
    height: 100%;
}

.loginrow
{
    float: left;
    width: 600px;
    height: 30px;
}

.logincredentials
{
    float: left;
    width: 200px;
}

.newsitemnavigation
{
    float: left;
    width: 180px;
    text-align: left;
    padding: 0px 0px 10px 25px;
}

.newsitemnavigation a
{
    color: #ffcc00;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

#footer
{
    float: left;
    width: 995px;
    background-image: url(images/footer.jpg);
    padding: 7px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.footertext
{
    float: none;
    width: 995px;
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    text-align: center;
    color: #ffcc00;
}

.footertext a
{
    color: #ffcc00;
    text-decoration: none;
}

#eventdetailswrapper
{
    float: left;
    padding: 0px 0px 10px 20px;
}

#eventitemwrapper
{
    float: left;
    width: 705px;
    padding: 5px 0px 5px 5px;
    margin: 10px 0px 0px 0px;
    text-align: left;
    background-color: #363675;
    color: #ffffff;
    border: solid 1px #484895;
}

.eventiteminformationheader
{
    float: left;
    padding: 2px 0px 2px 5px;
    margin: 0px 0px 3px 0px;
    text-align: center;
    letter-spacing: 1px;
    color: #ffffff;
}

.eventiteminformationrowlight
{
    float: left;
    width: 700px;
    background-color: #484895;
    padding: 3px 0px 3px 0px;
    text-align: center;
}

.eventiteminformationrowdark
{
    float: left;
    width: 700px;
    padding: 3px 0px 3px 0px;
    text-align: center;
}

.eventitemdate
{
    float: left;
    width: 200px;
    text-align: center;
}

.eventitemname
{
    float: left;
    width: 200px;
    text-align: center;
}

.eventitemdetails
{
    float: left;
    width: 120px;
    text-align: center;
}

.eventitemfield1
{
    float: left;
    width: 120px;
    text-align: center;
}

#contactform
{
    float: left;
    width: 500px;
    padding: 15px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.contactinput_label
{
    float: left;
    width: 500px;
    padding: 5px 0px 5px 0px;
}

.contactinput_input
{
    float: left;
}

.contactinput_submit
{
    float: left;
}

#contactdetails
{
    float: left;
    width: 220px;
    padding: 15px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#videofootagewrapper
{
    float: right;
    width: 720px;
    margin: 0px 10px 10px 0px;
}

#videofootagecontainer
{
    float: left;
    width: 700px;
    background-color: #151547;
    color: #ffffff;
    border: solid 1px #171736;
    padding: 25px 5px 10px 5px;
}

#videofootagecontainer img
{
    float: left;
    width: 700px;
    height: 525px;
    color: #ffffff;
    border: none;
    background-color: Black;
}

#videofootageinformation
{
    float: left;
    width: 700px;
    text-align: left;
    padding: 20px 0px 10px 0px;
}

#videofootagetitle
{
    float: left;
    width: 690px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 5px 10px;
}

#videofootagedetails
{
    float: left;
    width: 690px;
    text-align: left;
    padding: 5px 0px 0px 10px;
}

#videolistitemwrapper
{
    float: right;
    width: 720px;
    margin: 0px 10px 10px 0px;
}

.videolistitem
{
    float: left;
    width: 153px;
    padding: 6px 6px 6px 6px;
    margin: 0px 10px 8px 0px;
    text-align: left;
    background-color: #363675;
    color: #ffffff;
    border: solid 1px #484895;
}

.videolistiteminformation
{
    float: left;
    width: 153px;
    padding: 5px 0px 5px 0px;
}

.videolistitemheader
{
    float: left;
    width: 153px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
}

.videolistitemheader a
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.videolistitemdetails
{
    float: left;
    width: 153px;
    height: 40px;
    font-size: 10px;
    text-align: justify;
    padding: 0px 0px 0px 0px;
}

.videolistitemimage
{
    float: left;
    width: 138px;
    margin: 0px 0px 0px 0px;
    padding: 14px 0px 14px 14px;
    background-color: #151547;
}

.videolistitemimage img
{
    float: left;
    width: 120px;
    height: 90px;
    border: solid 1px #171736;
}

#mediaimagewrapper
{
    float: right;
    width: 720px;
    margin: 0px 10px 10px 0px;
}

#mediaimagecontainer
{
    float: left;
    width: 700px;
    background-color: #151547;
    color: #ffffff;
    border: solid 1px #171736;
    padding: 5px 5px 10px 5px;
}

#mediaimagecontainer img
{
    float: left;
    width: 700px;
    height: 525px;
    color: #ffffff;
    border: none;
    background-color: Black;
}

#mediaimageinformation
{
    float: left;
    width: 700px;
    text-align: left;
    padding: 10px 0px 10px 0px;
}

#mediaimagetitle
{
    float: left;
    width: 690px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 5px 10px;
}

#mediaimagedetails
{
    float: left;
    width: 690px;
    text-align: left;
    padding: 5px 0px 0px 10px;
}

.medianavigation
{
    float: left;
    width: 500px;
    text-align: left;
    padding: 20px 0px 10px 0px;
}

.medianavigation a
{
    color: #ffcc00;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

#mediatn_listitemwrapper
{
    float: right;
    width: 720px;
    margin: 0px 10px 10px 0px;
}

.mediatn_listitemimage
{
    float: left;
    width: 152px;
    height: 115px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.mediatn_listitemimage img
{
    float: left;
    width: 150px;
    height: 113px;
    border: solid 1px #484895;
}

.mediatn_listitem
{
    float: left;
    width: 153px;
    padding: 6px 6px 6px 6px;
    margin: 0px 10px 10px 0px;
    text-align: left;
    background-color: #151547;
    color: #ffffff;
    border: solid 1px #171736;
}

#medialistitemwrapper
{
    float: right;
    width: 720px;
    margin: 0px 10px 10px 0px;
}

.medialistitem
{
    float: left;
    width: 153px;
    padding: 6px 6px 6px 6px;
    margin: 0px 10px 8px 0px;
    text-align: left;
    background-color: #363675;
    color: #ffffff;
    border: solid 1px #484895;
}

.medialistitemimage
{
    float: left;
    width: 152px;
    height: 152px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.medialistitemimage img
{
    float: left;
    width: 151px;
    height: 151px;
    border: solid 1px #484895;
}

.medialistiteminformation
{
    float: left;
    width: 153px;
    padding: 5px 0px 5px 0px;
}

.medialistitemheader
{
    float: left;
    height: 20px;
    width: 153px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
}

.medialistitemheader a
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.medialistitemdetails
{
    float: left;
    width: 153px;
    height: 40px;
    font-size: 10px;
    text-align: justify;
    padding: 0px 0px 0px 0px;
}

#newsitemcontents
{
    float: right;
    width: 720px;
    padding: 30px 0px 15px 0px;
    margin: 0px 10px 0px 0px;
    text-align: left;
    color: #ffffff;
}

#newsitemimage
{
    float: left;
    width: 152px;
    height: 152px;
    padding: 0px 0px 0px 0px;
    margin: 0px 15px 15px 0px;
}

#newsitemimage img
{
    float: left;
    width: 150px;
    height: 150px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: solid 1px #ffffff;
}

#newslistitemwrapper
{
    float: left;
    padding: 0px 0px 10px 20px;
}

.newslistitem
{
    float: left;
    width: 710px;
    padding: 6px 0px 6px 0px;
    margin: 0px 0px 8px 0px;
    text-align: left;
    background-color: #363675;
    color: #ffffff;
    border: solid 1px #484895;
}

.newslistitemerror
{
    float: left;
    padding: 10px 0px 10px 0px;
    color: Red;
    font-size: 14px;
    text-align: center;
    width: 710px;
}

.newslistitemimage
{
    float: left;
    width: 92px;
    height: 92px;
    margin: 0px 0px 0px 6px;
}

.newslistitemimage img
{
    float: left;
    width: 90px;
    height: 90px;
    border: solid 1px #484895;
}

.newslistiteminformation
{
    float: right;
    width: 595px;
    padding: 0px 0px 0px 0px;
}

.newslistitemheader
{
    float: right;
    height: 24px;
    width: 585px;
    padding: 0px 10px 0px 0px;
    font-size: 16px;
}

.newslistitemheader a
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.newslistitemdetails
{
    float: right;
    width: 585px;
    margin: 10px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}

#productlistitemwrapper
{
    float: left;
    padding: 0px 0px 10px 20px;
}

.productlistitem
{
    float: left;
    width: 710px;
    padding: 6px 0px 6px 0px;
    margin: 0px 0px 8px 0px;
    text-align: left;
    background-color: #363675;
    color: #ffffff;
    border: solid 1px #484895;
}

.productlistitemerror
{
    float: left;
    padding: 10px 0px 10px 0px;
    color: Red;
    font-size: 14px;
    text-align: center;
    width: 700px;
}

.productlistitemerror a
{
    color: Red;
}
.productlistitemimage
{
    float: left;
    width: 92px;
    height: 92px;
    margin: 0px 0px 0px 6px;
}

.productlistitemimage img
{
    float: left;
    width: 90px;
    height: 90px;
    border: solid 1px #484895;
}

.productlistiteminformation
{
    float: right;
    width: 595px;
    padding: 0px 0px 0px 0px;
}

.productlistitemheader
{
    float: right;
    height: 24px;
    width: 585px;
    padding: 0px 10px 0px 0px;
    font-size: 16px;
}

.productlistitemheader a
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.productlistitemdetails
{
    float: right;
    width: 585px;
    margin: 10px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}

#productdetailswrapper
{
    float: left;
    padding: 0px 0px 10px 20px;
}

#productdetailsheaderleft
{
    float: left;
    width: 510px;
}

#productdetailsheaderright
{
    float: right;
    width: 200px;
    padding: 2px 24px 2px 0px;
    letter-spacing: 1px;
    color: #ffffff;
}

#productdetailsheadertop
{
    float: left;
    width: 505px;
    padding: 2px 0px 2px 5px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    letter-spacing: 1px;
    color: #ffffff;
}

#productdetailsheadertopfeature
{
    float: right;
    width: 200px;
}

#productdetailsheaderbottom
{
    float: left;
    padding: 2px 0px 2px 187px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    letter-spacing: 1px;
    color: #ffffff;
}

#productdetailsheaderbottomprice
{
    float: left;
    padding: 2px 0px 2px 132px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    letter-spacing: 1px;
    color: #ffffff;
}


#productdetails
{
    float: left;
    width: 705px;
    padding: 5px 0px 5px 5px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    background-color: #363675;
    color: #ffffff;
    border: solid 1px #484895;
}

.productdetailsrowlight
{
    float: left;
    background-color: #484895;
    padding: 3px 0px 3px 0px;
    text-align: center;
}

.productdetailsrowdark
{
    float: left;
    width: 700px;
    padding: 3px 0px 3px 0px;
    text-align: center;
}

.productdetailsheadertop_field1
{
    float: left;
    width: 100px;
}

.productdetailsheadertop_field2
{
    float: left;
    width: 80px;
}

.productdetailsheadertop_small_price
{
    float: left;
    width: 53px;
}

.productdetailsheadertop_small_field1
{
    float: left;
    width: 75px;
}

.productdetailsheadertop_small_field2
{
    float: left;
    width: 52px;
}

.productdetailsheadertop_field3
{
    float: left;
    width: 170px;
}

.productdetailsheadertop_field4
{
    float: left;
    width: 50px;
}

.productdetailsheadertop_field5
{
    float: left;
    width: 50px;
}

.productdetailsheadertop_field6
{
    float: left;
    width: 50px;
}

.productdetailsheadertop_field7
{
    float: left;
    text-align: center;
}

.productdetailsheadertop_field8
{
    float: left;
    width: 85px;
}

.productdetailsheadertop_field9
{
    float: left;
    width: 85px;
}

.productdetailsheadertop_field10
{
    float: left;
    width: 50px;
}

.productdetailsheadertop_field11
{
    float: left;
    width: 50px;
}

.featureitem
{
    float: left;
}

/* ####################################################### */
/* The CSS Below is Exclusive to the Website Control Panel */
/* ####################################################### */


#editingsuitewrapper
{
    float: left;
    border: solid 2px #12122a;
    width: 700px;
    background-color: #e9f5ff;
    padding: 10px 0px 10px 10px;
}

#editingsuitewrapper a
{
    color: inherit;
}

.optionheadfoot
{
    float: left;
    border: solid 1px #05345a;
    background-image: url(images/headfoot.jpg);
    background-repeat: repeat-x;
    background-color: #1a1b54;
    width: 675px;
    padding: 10px 0px 10px 0px;
    margin: 5px 0px 5px 0px;
    color: #ffe270;
    font-size: 14px;
}

.optionheadfoot a
{
    color: #ffcc00;
    text-decoration: none;
    padding: 0px 0px 0px 5px;
}

.optionheadfoot a:hover
{
    text-decoration: underline;
}

.optionheadfoot input
{
    float: left;
    margin: 0px 0px 0px 10px;
}

.optionsubheadfoot
{
    float: left;
    border: solid 1px #05345a;
    background-image: url(images/subheadfoot.jpg);
    background-repeat: repeat-x;
    background-color: #00477f;
    width: 675px;
    padding: 10px 0px 10px 0px;
    margin: 5px 0px 5px 0px;
    color: #dddddd;
    font-size: 14px;
}

.optionsubheadfoot a
{
    color: #00477f;
    text-decoration: none;
    padding: 0px 0px 0px 5px;
}

.optionsubheadfoot a:hover
{
    text-decoration: underline;
}

.optionsubheadfoot input
{
    float: left;
    margin: 0px 0px 0px 10px;
}