/*========================================================*/
/*              DNN Skin: June                            */
/*              Created by dnnskin.com                    */
/*========================================================*/

/*==========================================================
		Index             
		
		1. Default Styles 
		2. Layout
		3. Links and Buttons
		4. Text
		5. Forms
		6. Menu
		7. Colors
		8. Modules
===========================================================*/



/*========================================================*/
/*  1. Default Styles                                     */
/*========================================================*/

html {height:100%;}
body { height:100%; margin:0px; padding:0px;background:#369; }
Form{width:100%;float:left; text-align:center;}

/*========================================================*/
/*  2. Layout                                        */
/*========================================================*/
#jun-green,#jun-orange, #jun-grey, #jun-purple
{width:100%; margin:0px; padding:15px 0px 0px 0px;}

#jun-green-3col, #jun-green-2col, #jun-green-1col,
#jun-orange-3col, #jun-orange-2col, #jun-orange-1col,
#jun-grey-3col, #jun-grey-2col, #jun-grey-1col,
#jun-purple-3col, #jun-purple-2col, #jun-purple-1col
{width:950px; margin:0px auto; padding:0px; min-height:450px; }


/* shared common features for header */
#header{background:url("images/bg-header-middle.png") repeat-x; margin:0px auto; padding:0px; height:100px; width:100%; white-space:nowrap;}
#headerleft{float:left; background:url("images/bg-header-left.png") no-repeat; width:240px; height:100px; text-align:left; margin:0px;}
#headerleft img{margin:10px 0px 0px 22px;}
#headerleft .logotext .Normal{font-size:43px;font-family:impact;line-height:2em; color:#fff;}
#headerright{float:right; background:url("images/bg-header-right.png") top right no-repeat;padding:0px; margin:0px; height:100px; width:42px;}
#headermiddle{float:left; background:url("images/bg-header-menu.png") repeat-x; width:668px; height:100px; padding:0px; margin:0px; }
#headermiddle .headermiddletop{height:45px; padding:0px; margin:0px;}
#headermiddle .menu{height:55px; width:668px; padding:0px; margin:0px; text-align:left; }


/* top and bottom curves */
.curvetop{background:url("images/curve-t-r.gif") top right no-repeat #fff; height:6px; width:100%; float:left; text-align:left; margin:0px; padding:0px; margin-top:15px;}
.curvetopl{background:url("images/curve-t-l.gif") top left no-repeat; height:6px; margin:0px; padding:0px;}
.curvebottom{background:url("images/curve-b-r.gif") bottom right no-repeat #fff; height:6px; width:100%; float:left; text-align:left; margin:0px; padding:0px; margin-bottom:15px;}
.curvebottoml{background:url("images/curve-b-l.gif") bottom left no-repeat; height:6px; margin:0px;padding:0px; width:100%; text-align:left; clear:both;}


/* main body */
.maintop {margin:0px auto; width:100%;}
#main {margin:0px; padding:0px; padding-top:10px; width:100%;background:#fff;}


/*  misc: breadcrumb, search */
#misc { background:transparent; height:20px; line-height:20px; padding:0px; width:890px; margin:0px auto; text-align:right;}
#misc span, #misc span a, #misc span a:link{font-size:12px; color:#444; text-decoration:none; font-weight:bold;}
#misc span a:hover{color:#f80;}
#misc input{height:20px; width:130px;}
#misc .SearchButton{padding:0px 10px; margin:0px; height:18px; line-height:18px; }


/* search variations */
#jun-green #misc input{border:1px solid #690;}
#jun-green #misc .SearchButton{ background:#690;color:#fff;border:1px solid #4f7500;}
#jun-green #misc a.SearchButton:hover{ background:#369;color:#fff;border:1px solid #4f7500;}

#jun-orange #misc input{border:1px solid #f70;}
#jun-orange #misc .SearchButton{ background:#f70;color:#fff;border:1px solid #ca5100;}
#jun-orange #misc a.SearchButton:hover{ background:#369;color:#fff;border:1px solid #4f7500;}

#jun-grey #misc input{border:1px solid #666;}
#jun-grey #misc .SearchButton{ background:#666;color:#fff;border:1px solid #333;}
#jun-grey #misc a.SearchButton:hover{ background:#333;color:#fff;border:1px solid #000;}

#jun-purple #misc input{border:1px solid #c0c;}
#jun-purple #misc .SearchButton{ background:#c0c;color:#fff;border:1px solid #a600a6;}
#jun-purple #misc a.SearchButton:hover{ background:#a600a6;color:#fff;border:1px solid #000;}

/* breadcrumb */
#breadcrumb {background:url("images/bg-breadcrumb-m.png") repeat-x; height:26px; margin:0px auto; padding:0px; width:890px;margin: 5px auto 10px auto;}
.breadcrumbr {background:url("images/bg-breadcrumb-r.png") top right no-repeat; height:26px; margin:0px; padding:0px;}
.breadcrumbl {background:url("images/bg-breadcrumb-l.png") top left no-repeat; height:26px; margin:0px; padding:0px; text-align:left; padding-left:30px; }
.breadcrumbl span, .breadcrumbl span a:link, .breadcrumbl span a:visited{line-height:26px; font-size:12px; color:#036;}
.breadcrumbl span a:hover{line-height:26px; font-size:12px; color:#f80;}

a.BreadCrumb:link, 
a.BreadCrumb:active, 
a.BreadCrumb:visited{font-size:12px; color:#666; text-decoration:none; font-weight:bold;}
a.BreadCrumb:hover{color:#D56A00;}


.clearboth{clear:both;}

.SearchBox{line-height:2em; margin:0px; padding:0px;}
.SearchBox .input{width:180px; border:1px solid #999;}
.SearchButton {background:transparent;padding:13px 0px 4px 0px;cursor: hand;font-size:15px;font-weight:bold; margin: 0 0 0 1px; color:#333;}


/* ===== Panes =======  */
#panes{width:890px; margin:0px auto; padding:0px; }


/* 3Col */
.columnleft{float:left;width:21%;margin:0px; padding:0px; text-align:left;}
.columncenter{float:left;margin:0px 0px 10px 20px; padding:0px; width:53.5%; text-align:left;}
.columnright{float:right;margin:0px 0px 10px 0px;padding:0px;width:21.1%; text-align:left;}

/* 2Col */
#jun-green-2col #main .columnleft,
#jun-grey-2col #main .columnleft,
#jun-orange-2col #main .columnleft,
#jun-purple-2col #main .columnleft{float:left;width:19.3%;margin:0px;padding:0px;text-align:left;}
#jun-green-2col #main .columncenter,
#jun-grey-2col #main .columncenter,
#jun-orange-2col #main .columncenter,
#jun-purple-2col #main .columncenter{float:left;margin:0px 0px 10px 25px;padding:0px;width:77.7%; text-align:left;}
#jun-green-2col #main .columnright,
#jun-grey-2col #main .columnright,
#jun-orange-2col #main .columnright,
#jun-purple-2col #main .columnright{display:none;}

/* 1Col */
#jun-green-1col #main .columncenter,
#jun-grey-1col #main .columncenter,
#jun-orange-1col #main .columncenter,
#jun-purple-1col #main .columncenter{margin:0px; padding:0px; width:100%; text-align:left;}

#jun-grey-1col #main .columnleft, 
#jun-grey-1col #main .columnright,
#jun-green-1col #main .columnleft, 
#jun-green-1col #main .columnright,
#jun-orange-1col #main .columnleft, 
#jun-orange-1col #main .columnright,
#jun-purple-1col #main .columnleft, 
#jun-purple-1col #main .columnright{display:none;}


/* footer style */
#footer {width:100%; height:50px; color:#fff; margin:0px; padding:0px; clear:both;}
.links1{height:28px; line-height:19px; margin:0px; border-bottom:1px solid #9bc; }
.links2{height:22px; line-height:25px; margin:0px;}


/*========================================================*/
/*  3. Links and Buttons                                  */
/*========================================================*/

/* Default link style */
a:link, a:visited, a:active{color: #333;font-family:Comic Sans MS,Verdana,Helvetica,sans-serif;font-weight: normal;font-size: 12px;}

a:hover{color:#c30;font-family:Comic Sans MS,Verdana,Helvetica,sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}

/* text and link style used for most text rendered by modules */
.Normal, a.Normal:link, a.Normal:visited, a.Normal:active {color: #333;font-family:Comic Sans MS,Verdana,Helvetica,sans-serif;font-weight: normal;font-size: 12px;}
a.Normal:hover {color: #c30;font-family:Comic Sans MS,Verdana,Helvetica,sans-serif;font-size: 12px;text-decoration: none;}
a.CommandButton{font:bold .8em Comic Sans MS,Verdana,Helvetica,sans-serif;}
a.CommandButton:link, a.CommandButton:visited{color:#333;text-decoration:none;}
a.CommandButton:hover, a.CommandButton:active{color:#c30;text-decoration:none;}

a.SkinObject:link, a.SkinObject:visited{font:bold .8em Comic Sans MS,Verdana,Helvetica,sans-serif; color:#333;text-decoration:none;}
a.SkinObject:hover, a.SkinObject:active{font:bold .8em Comic Sans MS,Verdana,Helvetica,sans-serif;color:#c30;text-decoration:none;}
	
.links2, .links2 a.bottomlink, .links2 a.bottomlink:link{color:#9bc;}
.links2 a.bottomlink:hover, .links2 a.bottomlink:active{color:#fff;}

.links1, .links1 a.bottomlink, .links1 a.bottomlink:link{ color:#eff; text-transform:uppercase; font-weight:bold;}
.links1 a.bottomlink:hover, .links1 a.bottomlink:active{ color:#fff;}


/*========================================================*/
/*  4. Text                                               */
/*========================================================*/

.Head{font:bold 1.15em Comic Sans MS,Verdana,Helvetica,sans-serif;color:#333;}
.SubHead{font:bold 1em Comic Sans MS,Verdana,Helvetica,sans-serif;color:#333;}
.SubSubHead{font:1em Comic Sans MS,Verdana,Helvetica,sans-serif;color:#333;}
.Normal{font:12px Comic Sans MS,Verdana,Helvetica,sans-serif;color:#555; line-height:1.4em;}
.NormalDisabled{font:12px Comic Sans MS,Verdana,Helvetica,sans-serif;color:#CCC;}
.NormalBold{font:bold 12px Comic Sans MS,Verdana,Helvetica,sans-serif;color:#333;}
.NormalRed{font:12px Comic Sans MS,Verdana,Helvetica,sans-serif;color:#c30;}
.NormalTextBox{font:12px Comic Sans MS,Verdana,Helvetica,sans-serif;color:#333;}
.StandardButton{font:12px Comic Sans MS,Verdana,Helvetica,sans-serif;color:#333;}
.SkinObject{font:normal 1em Comic Sans MS,Verdana,Helvetica,sans-serif;color:#333;}


td,th,p,div,span,li,ul{font-family:Comic Sans MS,Verdana,Helvetica,sans-serif;}
p{margin:0 0 .8em 0;padding:0;line-height:1.5em; font-size:12px;}
li, div{font-size:12px; line-height:1.5em;}
blockquote,q{}
pre{}



/* Headings */
h1,h2,h3,h4,h5,h6{font-family:Comic Sans MS,Verdana,Helvetica,sans-serif;font-weight:bold;color:#333;margin:0 0 1em 0;}
h1{font-size:1.8em;}
h2{font-size:1.3em;}
h3{font-size:1.1em;}
h4{font-size:1em;}
h5{font-size:1em;}
h6{font-size:1em;}


/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/

select, input {}


/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/

/*--------- dnn menu style ----------*/
.main_dnnmenu_bar{cursor:pointer; text-transform:uppercase; letter-spacing:0.04em; font-weight:bold; margin:0px;margin-left:10px;padding:0px;}
.main_dnnmenu_container{}


/* variations for navmenu */

/* menu - common */
.main_dnnmenu_rootitem{ background:transparent;color:#eff; padding:23px 13px 22px 13px; margin:0px;line-height:55px;}
.main_dnnmenu_rootitem_hover{ background:transparent;color:#fff; padding:23px 13px 22px 13px; margin:0px; line-height:55px; }
.main_dnnmenu_rootitem_selected{background:url("images/bg-menu-on.png") repeat-x transparent; color:#319700; padding:23px 13px 22px 13px; margin:0px; line-height:54px;}

/* menu - "on" variations */
#jun-green .main_dnnmenu_rootitem_selected{color:#319700;}
#jun-orange .main_dnnmenu_rootitem_selected{color:#f60;}
#jun-grey .main_dnnmenu_rootitem_selected{color:#039;}
#jun-purple .main_dnnmenu_rootitem_selected{color:#c0c;}


/*  SUB Menu */
.main_dnnmenu_submenu {background:#f80; margin:0px; margin-top:-3px; padding:0px; padding-bottom:2px; border-left:1px solid #fa2; border-bottom:10px solid #f80; border-right:0px solid #fff;font-size:11px; font-weight:bold; }
.main_dnnmenu_submenu td{background:#f80;color:#fff;line-height:2.1em;padding:0px 8px 0px 5px; }
.main_dnnmenu_itemhover td, .main_dnnmenu_itemselected td{background-color:#f70;color:#fff; line-height:2.1em;z-index: 1000; padding: 0px 8px 0px 5px;margin:0px;border-bottom:0px solid #fa2;}
.main_dnnmenu_break{height: 1px;}

/* Module Action Menus */
.ModuleTitle_SubMenu{background:#eee;border:1px solid #666; padding:0px;}
.ModuleTitle_SubMenu td{background:#eee;white-space: nowrap; padding:0px 5px;} 
.ModuleTitle_MenuIcon {background:#eee;border:none;padding: 0px 2px;}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{background-color:#333;color:#fff;}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{height: 1px;}
.MainMenu_RootMenuArrow{font-family: webdings;font-size:10pt;cursor: pointer; display:none;}



/*========================================================*/
/*  7. Colors                                             */
/*========================================================*/


/*========================================================*/
/*  8. Modules                                            */
/*========================================================*/

/* ventrian "ChildLinks" */
#jun-green-2col .childlinks, #jun-green-2col a.childlinks:link{color:#333; text-decoration:none;} 
#jun-green-2col a.childlinks:hover {color:#c30;}
#jun-green-2col a.childlinks:active {color:#c30; font-weight:bold;}