/*********** GLOBAL  STYLES ************/

body { background-image: url(vanilla/bgimg.gif); background-repeat: no-repeat; background-position: bottom right; background-color: #DEDEDE; height: 100%; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-family: tahoma,arial; }
html { height: 100%; width: 100%; }
.body { font-size: 12px; }
form { padding: 0px; margin: 0px; }

form { margin: 0px 0px 0px 0px; }

.divider { border-bottom: dashed 1px #cccccc; padding: 20px 0px 0px 0px; margin: 0px 0px 20px 0px; clear: both; }

br { line-height: 0px; }

ul { margin: 20px 60px 20px 40px; }

p { padding: 0px 0px 0px 0px; margin: 20px 0px 20px 0px; }

/*********  login  ********/

.login { font-size: 10px; width: 100%; font-family: verdana; }
.login input { font-size: 9px; padding: 0px 2px 0px 2px; }
.login select { width: 123px; font-size: 9px; }
.login .input-box { font-size: 9px; }
.login .input { height: 26px; margin: 2px; }
.login .label { font-size: 11px; font-weight: bold; float: left; width: 45%; text-align: right; margin: 4px 2px 0px 0px; }
.login .radio { float: left; margin: 10px 10px 5px 0px; }
.login .control { }
.login .description { margin: 3px 3px 3px 0px; margin-bottom: 12px; font-size: 11px; }
.login .description .error { font-weight: bold; color: Red; margin-top: 11px; text-align: center; background-color: #FFF6F6; padding: 5px; }
.login .linkbar { font-family: arial; font-size: 14px; margin: 3px; font-weight: bold; }

.login .submit { text-align: right; padding: 0px 0px 0px 0px; margin: 12px 0px 5px 0px; }
.login .submit input { margin-left: 5px; padding: 2px 5px 2px 5px; cursor: hand; font-size: 10px; }

/*media*/
.media .content { clear: both; display: block; overflow: hidden; margin: 2px 2px 2px 2px; font-size: 7pt; }
.pdf, .mp3, .avi, .wmv, .WMV, .exe, .msi, .zip, .doc { float: left; width: 20px; height: 18px; background-repeat: no-repeat; background-position: center center; }
.mp3 { background-image: url(/img/icons/speak3.gif); }
.pdf { background-image: url(/img/icons/pdf.gif); }
.avi, .wmv, .WMV { background-image: url(/img/icons/movie.bmp); }
.exe, .msi { background-image: url(/img/icons/exe.gif); }
.doc { background-image: url(/img/icons/word_small.gif); }
.zip { background-image: url(/img/icons/zip_small.gif); }
.media { border: 0px solid #eee; }
.content_title { float: left; width: 155px; padding-top: 3px; }
.media .content .file_size { float: left; width: 54px; color: #999; padding-top: 3px; }
.preview_link, .download_link, .buy_link { width: 18px; height: 18px; background-repeat: no-repeat; background-position: center center; cursor: hand; }
.media .content .preview_link, .media .content .download_link, .media .content .buy_link { float: left; }
.media .content .download_link { background-image: url(/img/icons/download-ani.gif); }
.media .content .preview_link { background-image: url(/img/icons/arrow_outline.png); }
.media .content .buy_link { background-image: url(/img/icons/buy-cart.gif); }
.media .content { }
/*media*/

/* form */

.form { font-size: 11px; width: 100%; /*font-family: verdana;*/ }
.form input { font-size: 9px; padding: 0px 2px 0px 2px; }
.form select { width: 123px; font-size: 9px; }
.form .input-box { font-size: 9px; }
.form .input { height: 26px; margin: 2px; }
.form .label { font-size: 11px; float: left; width: 45%; text-align: right; margin: 4px 2px 0px 0px; }
.form .radio { float: left; margin: 10px 10px 5px 0px; }
.form .control { }
.form .description { margin: 3px 3px 3px 0px; margin-bottom: 12px; font-size: 11px; }
.form .description .error { font-weight: bold; color: Red; margin-top: 11px; text-align: center; background-color: #FFF6F6; padding: 5px; }

.form .linkbar { font-size: 10px; margin: 3px; font-weight: bold; }

.form .submit { text-align: right; padding: 0px 0px 0px 0px; margin: 12px 0px 5px 0px; }
.form .submit input { margin-left: 5px; padding: 2px 5px 2px 5px; cursor: hand; font-size: 10px; }

/*search-box*/

.search-box { float: right; background-color: #CCCCCC; height: 90px; padding: 35px 30px 30px 30px; }
.search-box .textbox { float: left; }
.search-box .textbox input { font-size: 9px; width: 90px; border: 0px; }
.search-box .go { cursor: hand; float: left; height: 18px; margin: 0px 0px 0px 10px; padding: 1px 0px 0px 0px; }
.search-box a .go { color: #ffffff; font-size: 11px; font-weight: bold; }

/*login buttons*/

.buttons-logged-out { float: right; width: 200px; margin: 0px 15px 0px 0px; }
.buttons-logged-out .register-button { display: none; }
.buttons-logged-out .login-button { float: right; }
.buttons-logged-out .login-button, .buttons-logged-out .register-button { padding: 5px 5px 5px 5px; width: 68px; height: 25px; text-align: center; cursor: hand; background-repeat: repeat; background-position: left top; background-image: url(vanilla/searchbut.gif); }
.buttons-logged-out a .register-button { color: #544161; font-size: 11px; }
.buttons-logged-out a .login-button { color: #544161; font-size: 11px; }
.buttons-logged-out a { color: White; }

.buttons-logged-out :hover .login-button { background-repeat: repeat; background-position: left top; background-image: url(vanilla/searchbut2.gif); color: #CFBFDA; }

.buttons-logged-in { float: right; width: 200px; margin: 0px 15px 0px 0px; }
.buttons-logged-in .details-button,
.buttons-logged-in .logout-button { float: right; }
.buttons-logged-in .logout-button, .buttons-logged-in .details-button { margin: 0px 0px 0px 10px; padding: 5px 5px 5px 5px; width: 68px; height: 25px; text-align: center; cursor: hand; background-repeat: repeat; background-position: left top; background-image: url(vanilla/searchbut.gif); }
.buttons-logged-in a .details-button { color: #544161; font-size: 11px; }
.buttons-logged-in a .logout-button { color: #544161; font-size: 11px; }
.buttons-logged-in a { color: White; }

.buttons-logged-in :hover .logout-button,
.buttons-logged-in :hover .details-button  { background-repeat: repeat; background-position: left top; background-image: url(vanilla/searchbut2.gif); color: #CFBFDA; }

/* default links */

a:link, a:visited { color: #999999; text-decoration: none; }
a:hover { color: #666666; }

/* default*/

.media { text-transform: capitalize; padding: 10px; font-size: 10px; font-weight: bold; }
.media .playlink { font-weight: normal; margin-bottom: 20px; margin-top: 5px; padding-bottom: 5px; border-bottom: dashed 1px #C0C0C0; }
.media .embeded { text-align: center; }

.article_body { clear: right; font-weight: normal; }
.article_body input { font-size: 9px; border: solid 1px black; }
.article_body .page-footer p { margin: 0px; padding: 0px; }
.article_body .page-footer { font-size: 9px; }
.article_body .page-footer a { color: Black; }

/* article_image */

.article_image_right { margin: 25px 0px 25px 20px; }
.article_image_left { margin: 25px 20px 25px 0px; }

/* article styling */

.article .headline { color: #7C7C7C; font-size: 24px; font-weight: bold; border-bottom: dashed 1px #663399; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; }
.article_body .abstract { font-weight: bold; font-size: 14px; color: #856999; font-family: arial; }
.article_body { font-size: 13px; font-family: arial; }

/* object styling */

.headline { margin: 0px 0px 0px 0px; }
.abstract { margin: 0px 0px 0px 0px; }


/* default box styles */

.title { color: #7C7C7C; font-size: 24px; font-weight: bold; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: dashed 1px #663399; } 

.header { clear: both; }

.body { clear: both; }

.footer { clear: both; }


/*********** GLOBAL  STYLES ************/

/************ Don't Delete above ************/

/* site layout */

.site { font-size: 11px; width: 650px; text-align: left; background-color: white; background-image: url(vanilla/pagebg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: bottom right; }
.site_header { margin: 0px 0px 0px 0px; background-repeat: no-repeat; background-position: left top; background-image: url(vanilla/mainbanner.jpg); height: 90px; }
.site_menu { border-top: solid 1px #666666; border-bottom: solid 1px #666666; padding: 0px 0px 0px 30px; margin: 0px 0px 30px 0px; vertical-align: top; display: inline-block; background-repeat: repeat; background-position: center center; background-image: url(vanilla/menubk.gif); }
.site_page { padding: 0px 200px 30px 30px; vertical-align: top; display: inline-block; }
.site_footer { vertical-align: bottom; font-size: 11px; margin: 30px 30px 20px 30px; padding: 15px 0px 0px 0px; text-align: right; }

/* menu */

#menu .menu-header { display: none; }
#menu .home { font-size: 11px; letter-spacing: 1px; }
#menu .selected,
#menu .links { margin: 0px 10px 0px 0px; padding: 5px 10px 5px 0px; float: left; }
#menu .selected a, 
#menu .selected a:link, 
#menu .selected a:visited { color: #544161; }
#menu a, #menu a:link, #menu a:visited { color: #ffffff; text-decoration: none; }
#menu a:hover { color: #CCCCCC; text-decoration: none; } 

/* linkbars */

.footer_linkbar a { margin: 0px 0px 2px 0px; }

.footer_menu { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: dashed 1px #663399; display: inline-block; }
.footer_menu .links { float: right; margin: 0px 0px 0px 10px; }

/* navi */

.navi { text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.navi a:link, .navi a:visited, .navi a:hover { text-decoration: none; }
.navi .left, .navi .center, .navi .right { padding: 0px 0px 0px 0px; }
.navi .left { float: left; text-align: left; width: 70px; }
.navi .center { float: left; text-align: center; width: 280px; }
.navi .right { float: right; text-align: right; width: 70px; }


/*** styles ***/

.style1 {}

.style2 {}

.style3 {}

.style4 {}

.list1 {}
.list1 .headline { font-size: 18px; font-weight: bold; float: left; width: 300px; }
.list1 .date { float: right; color: #999999; }
.list1 .image { float: right; margin: 0px 0px 0px 10px; }
.list1 .abstract { font-size: 11px; }

.list2 {}